Skip to content

Instantly share code, notes, and snippets.

@arvindsvt

arvindsvt/adminFormTablaeDashboard

Created March 31, 2024 15:19
Show Gist options
  • Save arvindsvt/90fe7d04cfc342de69c4fe243b426dfb to your computer and use it in GitHub Desktop.
Save arvindsvt/90fe7d04cfc342de69c4fe243b426dfb to your computer and use it in GitHub Desktop.
Download ZIP
adminFormTablaeDashboard
Raw
adminFormTablaeDashboard
<!DOCTYPE html>
<!--
Template Name:: SmartAdmin PHP Responsive WebApp - Template built with Bootstrap 4 and PHP
Version: 4.5.3
Author: Jovanni Lo
Website: https://smartadmin.lodev09.com
Purchase: https://wrapbootstrap.com/theme/smartadmin-php-responsive-webapp-WB05M9585
License: You must have a valid license purchased only from wrapbootstrap.com (link above) in order to legally use this theme for your project.
-->
<html lang="en">
<head>
<meta charset="utf-8">
<title>FixedColumns - Datatables - SmartAdmin v4.6.3</title>
<meta name="description" content="FixedColumns - Datatables - SmartAdmin v4.6.3">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui">
<!-- Call App Mode on ios devices -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- Remove Tap Highlight on Windows Phone IE -->
<meta name="msapplication-tap-highlight" content="no">
<!-- base css -->
<link id="vendorsbundle" rel="stylesheet" media="screen, print" href="https://smartadmin.lodev09.com/assets/css/vendors.bundle.css">
<link id="appbundle" rel="stylesheet" media="screen, print" href="https://smartadmin.lodev09.com/assets/css/app.bundle.css">
<link id="mytheme" rel="stylesheet" media="screen, print" href="https://smartadmin.lodev09.com/assets/css/mytheme.css">
<link id="myskin" rel="stylesheet" media="screen, print" href="https://smartadmin.lodev09.com/assets/css/skins/skin-master.css">
<!-- Optional: page related CSS -->
<!-- PHP docs -->
<link rel="stylesheet" media="screen, print" href="https://smartadmin.lodev09.com/assets/css/markdown.css">
<link rel="stylesheet" media="screen, print" href="https://smartadmin.lodev09.com/assets/css/datagrid/datatables/datatables.bundle.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<style>
.fal {
font-family: "FontAwesome" !important;
font-weight: 300;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before {
right: 1rem !important;
content: "\f175";
font-size: 14px;
font-family: "FontAwesome" !important;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {
right: .5rem !important;
content: "\f176";
font-size: 14px;
font-family: "FontAwesome" !important;
}
.ni {
content: "\e000";
font-family: "FontAwesome" !important;
}
</style>
</head>
<body class="mod-bg-1 mod-nav-link mod-skin-dark ">
<!-- DOC: script to save and load page settings -->
<script>
/**
* This script should be placed right after the body tag for fast execution
* Note: the script is written in pure javascript and does not depend on thirdparty library
**/
'use strict';
var classHolder = document.getElementsByTagName("BODY")[0],
/**
* Load from localstorage
**/
themeSettings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) :
{},
themeURL = themeSettings.themeURL || '',
themeOptions = themeSettings.themeOptions || '';
/**
* Load theme options
**/
if (themeSettings.themeOptions)
{
classHolder.className = themeSettings.themeOptions;
console.log("%c✔ Theme settings loaded", "color: #148f32");
}
else
{
console.log("%c✔ Heads up! Theme settings is empty or does not exist, loading default settings...", "color: #ed1c24");
}
if (themeSettings.themeURL && !document.getElementById('mytheme'))
{
var cssfile = document.createElement('link');
cssfile.id = 'mytheme';
cssfile.rel = 'stylesheet';
cssfile.href = themeURL;
document.getElementsByTagName('head')[0].appendChild(cssfile);
}
else if (themeSettings.themeURL && document.getElementById('mytheme'))
{
document.getElementById('mytheme').href = themeSettings.themeURL;
}
/**
* Save to localstorage
**/
var saveSettings = function()
{
themeSettings.themeOptions = String(classHolder.className).split(/[^\w-]+/).filter(function(item)
{
return /^(nav|header|footer|mod|display)-/i.test(item);
}).join(' ');
if (document.getElementById('mytheme'))
{
themeSettings.themeURL = document.getElementById('mytheme').getAttribute("href");
};
localStorage.setItem('themeSettings', JSON.stringify(themeSettings));
}
/**
* Reset settings
**/
var resetSettings = function()
{
localStorage.setItem("themeSettings", "");
}
</script>
<div class="frame-wrap">
<div class="demo">
<button type="button" class="btn btn-default" data-toggle="modal" data-target=".default-example-modal-right">Right Normal</button>
<button type="button" class="btn btn-default waves-effect waves-themed" data-toggle="modal" data-target="#default-example-modal">Default Modal</button>
</div>
</div>
<!-- Modal Right -->
<div class="modal fade default-example-modal-right" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-right">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title h4">Large right side modal</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="fal fa-times"></i></span>
</button>
</div>
<div class="modal-body">
<div class="card mb-5">
<div class="card-body p-3">
<h5>
ADP System Migration
<small class="mt-0 mb-3 text-muted">
Migration of new API to local servers
</small>
<span class="badge badge-primary fw-n position-absolute pos-top pos-right mt-3 mr-3">A</span>
</h5>
<div class="row fs-b fw-300">
<div class="col text-left">
Progress
</div>
<div class="col text-right">
90%
</div>
</div>
<div class="progress progress-xs d-flex mb-2 mt-1">
<span class="progress-bar bg-primary-500 progress-bar-striped" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></span>
</div>
<div class="fw-300 mb-0">
<div class="row">
<div class="col">
Budget
</div>
<div class="col text-right">
$1,325,987.30
</div>
</div>
</div>
</div>
</div>
<div class="card mb-g">
<div class="card-body p-3">
<h5 class="text-danger">
ADP System Migration
<small class="mt-0 mb-3 text-muted">
Migration of new API to local servers
</small>
<span class="badge badge-danger fw-n position-absolute pos-top pos-right mt-3 mr-3">Delayed</span>
</h5>
<div class="row fs-b fw-300">
<div class="col text-left">
Progress
</div>
<div class="col text-right">
26%
</div>
</div>
<div class="progress progress-xs d-flex mb-2 mt-1">
<span class="progress-bar bg-danger-500 progress-bar-striped" role="progressbar" style="width: 26%" aria-valuenow="26" aria-valuemin="0" aria-valuemax="100"></span>
</div>
<div class="fw-300 mb-3">
<div class="row">
<div class="col">
Budget
</div>
<div class="col text-right text-danger">
-$155,473.70
</div>
</div>
</div>
<div class="fs-xs mb-3 fw-300">
<ul class="list-unstyled mb-1">
<li>
<i class="fal fa-circle text-muted"></i> <span class="text-muted"><s> Heated maps generated</s></span>
</li>
<li>
<i class="fal fa-circle text-danger"></i> Turncated syndicate rated
</li>
<li>
<i class="fal fa-dot-circle text-danger"></i> ADP forms needs approval and review
</li>
<li>
<i class="fal fa-exclamation-triangle text-danger"></i> Bug review
</li>
</ul>
</div>
<div class="text-left fw-400 ">
<div class="text-secondary mb-1">Project Owners</div>
<div class="fs-sm d-flex align-items-center">
<a href="#" class="btn-m-s">
<img src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-a.png" class="profile-image-sm rounded-circle" alt="aa">
</a>
<a href="#" class="btn-m-s">
<img src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-b.png" class="profile-image-sm rounded-circle" alt="aa">
</a>
<a href="#" class="btn-m-s">
<img src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-c.png" class="profile-image-sm rounded-circle" alt="aa">
</a>
<a href="#" class="btn-m-s">
<img src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-e.png" class="profile-image-sm rounded-circle" alt="aa">
</a>
<a href="#" class="btn-m-s">
<img src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-h.png" class="profile-image-sm rounded-circle" alt="aa">
</a>
<a href="#" class="btn-m-s">
<img src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-k.png" class="profile-image-sm rounded-circle" alt="aa">
</a>
<a href="#" class="btn-m-s fs-xs">
<span data-hasmore="+7" class="rounded-circle profile-image-sm">
<img src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-j.png" class="profile-image-sm rounded-circle" alt="aa">
</span>
</a>
</div>
</div>
</div>
</div>
<div class="card mb-g">
<div class="card-body p-3">
<h5 class="text-success">
ADP System Migration
<small class="mt-0 mb-3 text-muted">
Migration of new API to local servers
</small>
<span class="badge badge-success fw-n position-absolute pos-top pos-right mt-3 mr-3">D</span>
</h5>
<div class="row fs-b fw-300 text-secondar">
<div class="col text-left">
COMPLETE
</div>
</div>
<div class="progress progress-xs d-flex mb-2 mt-1">
<span class="progress-bar bg-success-500 progress-bar-striped" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></span>
</div>
<div class="fw-300 mb-3">
<div class="row">
<div class="col">
Budget
</div>
<div class="col text-right">
$134
</div>
</div>
</div>
<div class="row">
<div class="col text-right">
<a href="#" class="btn btn-default btn-sm">APPROVE</a>
<a href="#" class="btn btn-default btn-sm">DECLINE</a>
</div>
</div>
</div>
</div>
</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>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="default-example-modal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">
Basic Modals
<small class="m-0 text-muted">
Below is a static modal example
</small>
</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="fal fa-times"></i></span>
</button>
</div>
<div class="modal-body">
<form action="#" method="POST" id="add_employee_form" enctype="multipart/form-data">
@csrf
<div class="modal-body p-4 bg-light">
<div class="row">
<div class="col-lg">
<label for="fname">First Name</label>
<input type="text" name="fname" class="form-control" placeholder="First Name" required>
</div>
<div class="col-lg">
<label for="lname">Last Name</label>
<input type="text" name="lname" class="form-control" placeholder="Last Name" required>
</div>
</div>
<div class="my-2">
<label for="email">E-mail</label>
<input type="email" name="email" class="form-control" placeholder="E-mail" required>
</div>
<div class="my-2">
<label for="phone">Phone</label>
<input type="tel" name="phone" class="form-control" placeholder="Phone" required>
</div>
<div class="my-2">
<label for="post">Post</label>
<input type="text" name="post" class="form-control" placeholder="Post" required>
</div>
<div class="my-2">
<label for="avatar">Select Avatar</label>
<input type="file" name="avatar" class="form-control" required>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="submit" id="add_employee_btn" class="btn btn-primary">Add Employee</button>
</div>
</form>
</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>
</div>
</div>
<!-- Modal Large -->
<!-- Modal Right -->
<!-- BEGIN Page Wrapper -->
<div class="page-wrapper">
<div class="page-inner">
<!-- BEGIN Left Aside -->
<aside class="page-sidebar">
<div class="page-logo">
<a href="#" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal" data-target="#modal-shortcut">
<img src="https://smartadmin.lodev09.com/assets/img/logo.png" alt="SmartAdmin for PHP" aria-roledescription="logo">
<span class="page-logo-text mr-1">SmartAdmin for PHP</span>
<span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
<i class="fal fa-angle-down d-inline-block ml-1 fs-lg color-primary-300"></i>
</a>
</div>
<!-- BEGIN PRIMARY NAVIGATION -->
<nav id="js-primary-nav" class="primary-nav" role="navigation">
<div class="nav-filter">
<div class="position-relative">
<input type="text" id="nav_filter_input" placeholder="Filter menu" class="form-control" tabindex="0">
<a href="#" onclick="return false;" class="btn-primary btn-search-close js-waves-off" data-action="toggle" data-class="list-filter-active" data-target=".page-sidebar">
<i class="fal fa-chevron-up"></i>
</a>
</div>
</div>
<div class="info-card">
<img src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-admin.png" class="profile-image rounded-circle" alt="Dr. Codex Lantern">
<div class="info-card-text">
<a href="#" class="d-flex align-items-center text-white">
<span class="text-truncate text-truncate-sm d-inline-block">
Dr. Codex Lantern
</span>
</a>
<span class="d-inline-block text-truncate text-truncate-sm">Toronto, Canada</span>
</div>
<img src="https://smartadmin.lodev09.com/assets/img/card-backgrounds/cover-4-lg.png" class="cover" alt="cover">
<a href="#" onclick="return false;" class="pull-trigger-btn" data-action="toggle" data-class="list-filter-active" data-target=".page-sidebar" data-focus="nav_filter_input">
<i class="fal fa-angle-down"></i>
</a>
</div>
<ul class="nav-menu" id="js-nav-menu">
<li>
<a href="#" title="Application Intel" class=" " data-filter-tags="application intel">
<i class="fal fa-info-circle"></i>
<span class="nav-link-text" data-i18n="nav.application_intel">Application Intel</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/intel_analytics_dashboard.php" title="Analytics Dashboard" class=" " data-filter-tags="application intel analytics dashboard">
<span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Analytics Dashboard</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/intel_marketing_dashboard.php" title="Marketing Dashboard" class=" " data-filter-tags="application intel marketing dashboard">
<span class="nav-link-text" data-i18n="nav.application_intel_marketing_dashboard">Marketing Dashboard</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/intel_introduction.php" title="Introduction" class=" " data-filter-tags="application intel introduction">
<span class="nav-link-text" data-i18n="nav.application_intel_introduction">Introduction</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/intel_privacy.php" title="Privacy" class=" " data-filter-tags="application intel privacy">
<span class="nav-link-text" data-i18n="nav.application_intel_privacy">Privacy</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Theme Settings" class=" " data-filter-tags="theme settings">
<i class="fal fa-cog"></i>
<span class="nav-link-text" data-i18n="nav.theme_settings">Theme Settings</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/settings_how_it_works.php" title="How it works" class=" " data-filter-tags="theme settings how it works">
<span class="nav-link-text" data-i18n="nav.theme_settings_how_it_works">How it works</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/settings_layout_options.php" title="Layout Options" class=" " data-filter-tags="theme settings layout options">
<span class="nav-link-text" data-i18n="nav.theme_settings_layout_options">Layout Options</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/settings_theme_modes.php" title="Theme Modes (beta)" class=" " data-filter-tags="theme settings theme modes (beta)">
<span class="nav-link-text" data-i18n="nav.theme_settings_theme_modes_(beta)">Theme Modes (beta)</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/settings_skin_options.php" title="Skin Options" class=" " data-filter-tags="theme settings skin options">
<span class="nav-link-text" data-i18n="nav.theme_settings_skin_options">Skin Options</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/settings_saving_db.php" title="Saving to Database" class=" " data-filter-tags="theme settings saving to database">
<span class="nav-link-text" data-i18n="nav.theme_settings_saving_to_database">Saving to Database</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Documentation" class=" " data-filter-tags="documentation">
<i class="fal fa-book"></i>
<span class="nav-link-text" data-i18n="nav.documentation">Documentation</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/docs_general.php" title="General Docs" class=" " data-filter-tags="documentation general docs">
<span class="nav-link-text" data-i18n="nav.documentation_general_docs">General Docs</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/docs_flavors_editions.php" title="Flavors & Editions" class=" " data-filter-tags="documentation flavors &amp; editions">
<span class="nav-link-text" data-i18n="nav.documentation_flavors_&_editions">Flavors & Editions</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/docs_community_support.php" title="Community Support" class=" " data-filter-tags="documentation community support">
<span class="nav-link-text" data-i18n="nav.documentation_community_support">Community Support</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/docs_premium_support.php" title="Premium Support" class=" " data-filter-tags="documentation premium support">
<span class="nav-link-text" data-i18n="nav.documentation_premium_support">Premium Support</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/docs_licensing.php" title="Licensing" class=" " data-filter-tags="documentation licensing">
<span class="nav-link-text" data-i18n="nav.documentation_licensing">Licensing</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/docs_buildnotes.php" title="Build Notes" class=" " data-filter-tags="documentation build notes">
<span class="nav-link-text" data-i18n="nav.documentation_build_notes">Build Notes</span><span class="">v4.6.3</span>
</a>
</li>
</ul>
</li>
<li class="nav-title">
Basic Features
</li>
<li>
<a href="#" title="Components" class=" " data-filter-tags="components">
<i class="fal fa-wrench"></i>
<span class="nav-link-text" data-i18n="nav.components">Components</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/php_utils.php" title="Utilities" class=" " data-filter-tags="components utilities">
<span class="nav-link-text" data-i18n="nav.components_utilities">Utilities</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/php_navigation.php" title="Navigation" class=" " data-filter-tags="components navigation">
<span class="nav-link-text" data-i18n="nav.components_navigation">Navigation</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/php_tables.php" title="Tables" class=" " data-filter-tags="components tables">
<span class="nav-link-text" data-i18n="nav.components_tables">Tables</span>
</a>
</li>
<li>
<a href="#" title="Controls" class=" " data-filter-tags="components controls">
<span class="nav-link-text" data-i18n="nav.components_controls">Controls</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/php_controls_select.php" title="Select" class=" " data-filter-tags="components controls select">
<span class="nav-link-text" data-i18n="nav.components_controls_select">Select</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/php_controls_input.php" title="Input" class=" " data-filter-tags="components controls input">
<span class="nav-link-text" data-i18n="nav.components_controls_input">Input</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/php_controls_button.php" title="Button" class=" " data-filter-tags="components controls button">
<span class="nav-link-text" data-i18n="nav.components_controls_button">Button</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/php_controls_alert.php" title="Alert" class=" " data-filter-tags="components controls alert">
<span class="nav-link-text" data-i18n="nav.components_controls_alert">Alert</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#" title="Database" class=" " data-filter-tags="database">
<i class="fal fa-database"></i>
<span class="nav-link-text" data-i18n="nav.database">Database</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/php_db_intro.php" title="Introduction" class=" " data-filter-tags="database introduction">
<span class="nav-link-text" data-i18n="nav.database_introduction">Introduction</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/php_db_users.php" title="Fetch Users" class=" " data-filter-tags="database fetch users">
<span class="nav-link-text" data-i18n="nav.database_fetch_users">Fetch Users</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Authentication" class=" " data-filter-tags="authentication">
<i class="fal fa-lock"></i>
<span class="nav-link-text" data-i18n="nav.authentication">Authentication</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/php_auth_docs.php" title="Documentation" class=" " data-filter-tags="authentication documentation">
<span class="nav-link-text" data-i18n="nav.authentication_documentation">Documentation</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/php_auth_page.php" title="Authenticate Page" class=" " data-filter-tags="authentication authenticate page">
<span class="nav-link-text" data-i18n="nav.authentication_authenticate_page">Authenticate Page</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/php_auth_login.php" title="Login" class=" " data-filter-tags="authentication login">
<span class="nav-link-text" data-i18n="nav.authentication_login">Login</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/php_auth_logout.php" title="Logout" class=" " data-filter-tags="authentication logout">
<span class="nav-link-text" data-i18n="nav.authentication_logout">Logout</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Mailer" class=" " data-filter-tags="mailer">
<i class="fal fa-envelope"></i>
<span class="nav-link-text" data-i18n="nav.mailer">Mailer</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/php_mailer_docs.php" title="Documentation" class=" " data-filter-tags="mailer documentation">
<span class="nav-link-text" data-i18n="nav.mailer_documentation">Documentation</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/php_mailer_templates.php" title="Templates" class=" " data-filter-tags="mailer templates">
<span class="nav-link-text" data-i18n="nav.mailer_templates">Templates</span>
</a>
</li>
</ul>
</li>
<li class="nav-title">
Advanced Features
</li>
<li>
<a href="#" title="REST API" class=" " data-filter-tags="rest api">
<i class="fal fa-cloud"></i>
<span class="nav-link-text" data-i18n="nav.rest_api">REST API</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/php_api_docs.php" title="Documentation" class=" " data-filter-tags="rest api documentation">
<span class="nav-link-text" data-i18n="nav.rest_api_documentation">Documentation</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/php_api_playground.php" title="Playground" class=" " data-filter-tags="rest api playground">
<span class="nav-link-text" data-i18n="nav.rest_api_playground">Playground</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Security" class=" " data-filter-tags="security">
<i class="fal fa-lock"></i>
<span class="nav-link-text" data-i18n="nav.security">Security</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/php_security_intro.php" title="Introduction" class=" " data-filter-tags="security introduction">
<span class="nav-link-text" data-i18n="nav.security_introduction">Introduction</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/php_security_email_verify.php" title="Email Verification" class=" " data-filter-tags="security email verification">
<span class="nav-link-text" data-i18n="nav.security_email_verification">Email Verification</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/php_security_phone_verify.php" title="Phone Verification" class=" " data-filter-tags="security phone verification">
<span class="nav-link-text" data-i18n="nav.security_phone_verification">Phone Verification</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/php_security_2fa.php" title="Two-Factor Auth" class=" " data-filter-tags="security two-factor auth">
<span class="nav-link-text" data-i18n="nav.security_two-factor_auth">Two-Factor Auth</span>
</a>
</li>
</ul>
</li>
<li class="nav-title">
Tools & Components
</li>
<li>
<a href="#" title="UI Components" class=" " data-filter-tags="ui components">
<i class="fal fa-window"></i>
<span class="nav-link-text" data-i18n="nav.ui_components">UI Components</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/ui_alerts.php" title="Alerts" class=" " data-filter-tags="ui components alerts">
<span class="nav-link-text" data-i18n="nav.ui_components_alerts">Alerts</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_accordion.php" title="Accordions" class=" " data-filter-tags="ui components accordions">
<span class="nav-link-text" data-i18n="nav.ui_components_accordions">Accordions</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_badges.php" title="Badges" class=" " data-filter-tags="ui components badges">
<span class="nav-link-text" data-i18n="nav.ui_components_badges">Badges</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_breadcrumbs.php" title="Breadcrumbs" class=" " data-filter-tags="ui components breadcrumbs">
<span class="nav-link-text" data-i18n="nav.ui_components_breadcrumbs">Breadcrumbs</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_buttons.php" title="Buttons" class=" " data-filter-tags="ui components buttons">
<span class="nav-link-text" data-i18n="nav.ui_components_buttons">Buttons</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_button_group.php" title="Button Group" class=" " data-filter-tags="ui components button group">
<span class="nav-link-text" data-i18n="nav.ui_components_button_group">Button Group</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_cards.php" title="Cards" class=" " data-filter-tags="ui components cards">
<span class="nav-link-text" data-i18n="nav.ui_components_cards">Cards</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_carousel.php" title="Carousel" class=" " data-filter-tags="ui components carousel">
<span class="nav-link-text" data-i18n="nav.ui_components_carousel">Carousel</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_collapse.php" title="Collapse" class=" " data-filter-tags="ui components collapse">
<span class="nav-link-text" data-i18n="nav.ui_components_collapse">Collapse</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_dropdowns.php" title="Dropdowns" class=" " data-filter-tags="ui components dropdowns">
<span class="nav-link-text" data-i18n="nav.ui_components_dropdowns">Dropdowns</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_list_filter.php" title="List Filter" class=" " data-filter-tags="ui components list filter">
<span class="nav-link-text" data-i18n="nav.ui_components_list_filter">List Filter</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_modal.php" title="Modal" class=" " data-filter-tags="ui components modal">
<span class="nav-link-text" data-i18n="nav.ui_components_modal">Modal</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_navbars.php" title="Navbars" class=" " data-filter-tags="ui components navbars">
<span class="nav-link-text" data-i18n="nav.ui_components_navbars">Navbars</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_panels.php" title="Panels" class=" " data-filter-tags="ui components panels">
<span class="nav-link-text" data-i18n="nav.ui_components_panels">Panels</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_pagination.php" title="Pagination" class=" " data-filter-tags="ui components pagination">
<span class="nav-link-text" data-i18n="nav.ui_components_pagination">Pagination</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_popovers.php" title="Popovers" class=" " data-filter-tags="ui components popovers">
<span class="nav-link-text" data-i18n="nav.ui_components_popovers">Popovers</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_progress_bars.php" title="Progress Bars" class=" " data-filter-tags="ui components progress bars">
<span class="nav-link-text" data-i18n="nav.ui_components_progress_bars">Progress Bars</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_scrollspy.php" title="ScrollSpy" class=" " data-filter-tags="ui components scrollspy">
<span class="nav-link-text" data-i18n="nav.ui_components_scrollspy">ScrollSpy</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_side_panel.php" title="Side Panel" class=" " data-filter-tags="ui components side panel">
<span class="nav-link-text" data-i18n="nav.ui_components_side_panel">Side Panel</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_spinners.php" title="Spinners" class=" " data-filter-tags="ui components spinners">
<span class="nav-link-text" data-i18n="nav.ui_components_spinners">Spinners</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_tabs_pills.php" title="Tabs & Pills" class=" " data-filter-tags="ui components tabs &amp; pills">
<span class="nav-link-text" data-i18n="nav.ui_components_tabs_&_pills">Tabs & Pills</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_toasts.php" title="Toasts" class=" " data-filter-tags="ui components toasts">
<span class="nav-link-text" data-i18n="nav.ui_components_toasts">Toasts</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/ui_tooltips.php" title="Tooltips" class=" " data-filter-tags="ui components tooltips">
<span class="nav-link-text" data-i18n="nav.ui_components_tooltips">Tooltips</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Utilities" class=" " data-filter-tags="utilities">
<i class="fal fa-bolt"></i>
<span class="nav-link-text" data-i18n="nav.utilities">Utilities</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/utilities_borders.php" title="Borders" class=" " data-filter-tags="utilities borders">
<span class="nav-link-text" data-i18n="nav.utilities_borders">Borders</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/utilities_clearfix.php" title="Clearfix" class=" " data-filter-tags="utilities clearfix">
<span class="nav-link-text" data-i18n="nav.utilities_clearfix">Clearfix</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/utilities_color_pallet.php" title="Color Pallet" class=" " data-filter-tags="utilities color pallet">
<span class="nav-link-text" data-i18n="nav.utilities_color_pallet">Color Pallet</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/utilities_display_property.php" title="Display Property" class=" " data-filter-tags="utilities display property">
<span class="nav-link-text" data-i18n="nav.utilities_display_property">Display Property</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/utilities_fonts.php" title="Fonts" class=" " data-filter-tags="utilities fonts">
<span class="nav-link-text" data-i18n="nav.utilities_fonts">Fonts</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/utilities_flexbox.php" title="Flexbox" class=" " data-filter-tags="utilities flexbox">
<span class="nav-link-text" data-i18n="nav.utilities_flexbox">Flexbox</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/utilities_helpers.php" title="Helpers" class=" " data-filter-tags="utilities helpers">
<span class="nav-link-text" data-i18n="nav.utilities_helpers">Helpers</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/utilities_position.php" title="Position" class=" " data-filter-tags="utilities position">
<span class="nav-link-text" data-i18n="nav.utilities_position">Position</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/utilities_responsive_grid.php" title="Responsive Grid" class=" " data-filter-tags="utilities responsive grid">
<span class="nav-link-text" data-i18n="nav.utilities_responsive_grid">Responsive Grid</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/utilities_sizing.php" title="Sizing" class=" " data-filter-tags="utilities sizing">
<span class="nav-link-text" data-i18n="nav.utilities_sizing">Sizing</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/utilities_spacing.php" title="Spacing" class=" " data-filter-tags="utilities spacing">
<span class="nav-link-text" data-i18n="nav.utilities_spacing">Spacing</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/utilities_typography.php" title="Typography" class=" " data-filter-tags="utilities typography fonts headings bold lead colors sizes link text states list styles truncate alignment">
<span class="nav-link-text" data-i18n="nav.utilities_typography">Typography</span>
</a>
</li>
<li>
<a href="#" title="Menu child" class=" " data-filter-tags="utilities menu child">
<span class="nav-link-text" data-i18n="nav.utilities_menu_child">Menu child</span>
</a>
<ul>
<li>
<a href="#" title="Sublevel Item" class=" " data-filter-tags="utilities menu child sublevel item">
<span class="nav-link-text" data-i18n="nav.utilities_menu_child_sublevel_item">Sublevel Item</span>
</a>
</li>
<li>
<a href="#" title="Another Item" class=" " data-filter-tags="utilities menu child another item">
<span class="nav-link-text" data-i18n="nav.utilities_menu_child_another_item">Another Item</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Disabled item" class=" " data-filter-tags="utilities disabled item">
<span class="nav-link-text" data-i18n="nav.utilities_disabled_item">Disabled item</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Font Icons" class=" " data-filter-tags="font icons">
<i class="fal fa-map-marker-alt"></i>
<span class="nav-link-text" data-i18n="nav.font_icons">Font Icons</span><span class="dl-ref bg-primary-500 hidden-nav-function-minify hidden-nav-function-top">7,500+</span>
</a>
<ul>
<li>
<a href="#" title="FontAwesome" class=" " data-filter-tags="font icons fontawesome">
<span class="nav-link-text" data-i18n="nav.font_icons_fontawesome">FontAwesome</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/icons_fontawesome_light.php" title="Light" class=" " data-filter-tags="font icons fontawesome light">
<span class="nav-link-text" data-i18n="nav.font_icons_fontawesome_light">Light</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/icons_fontawesome_regular.php" title="Regular" class=" " data-filter-tags="font icons fontawesome regular">
<span class="nav-link-text" data-i18n="nav.font_icons_fontawesome_regular">Regular</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/icons_fontawesome_solid.php" title="Solid" class=" " data-filter-tags="font icons fontawesome solid">
<span class="nav-link-text" data-i18n="nav.font_icons_fontawesome_solid">Solid</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/icons_fontawesome_duotone.php" title="Duotone" class=" " data-filter-tags="font icons fontawesome duotone">
<span class="nav-link-text" data-i18n="nav.font_icons_fontawesome_duotone">Duotone</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/icons_fontawesome_brand.php" title="Brand" class=" " data-filter-tags="font icons fontawesome brand">
<span class="nav-link-text" data-i18n="nav.font_icons_fontawesome_brand">Brand</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="NextGen Icons" class=" " data-filter-tags="font icons nextgen icons">
<span class="nav-link-text" data-i18n="nav.font_icons_nextgen_icons">NextGen Icons</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/icons_nextgen_general.php" title="General" class=" " data-filter-tags="font icons nextgen icons general">
<span class="nav-link-text" data-i18n="nav.font_icons_nextgen_icons_general">General</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/icons_nextgen_base.php" title="Base" class=" " data-filter-tags="font icons nextgen icons base">
<span class="nav-link-text" data-i18n="nav.font_icons_nextgen_icons_base">Base</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Stack Icons" class=" " data-filter-tags="font icons stack icons">
<span class="nav-link-text" data-i18n="nav.font_icons_stack_icons">Stack Icons</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/icons_stack_showcase.php" title="Showcase" class=" " data-filter-tags="font icons stack icons showcase">
<span class="nav-link-text" data-i18n="nav.font_icons_stack_icons_showcase">Showcase</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/icons_stack_generate.php?layers=3" title="Generate Stack" class=" " data-filter-tags="font icons stack icons generate stack">
<span class="nav-link-text" data-i18n="nav.font_icons_stack_icons_generate_stack">Generate Stack</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#" title="Tables" class=" " data-filter-tags="tables">
<i class="fal fa-th-list"></i>
<span class="nav-link-text" data-i18n="nav.tables">Tables</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/tables_basic.php" title="Basic Tables" class=" " data-filter-tags="tables basic tables">
<span class="nav-link-text" data-i18n="nav.tables_basic_tables">Basic Tables</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/tables_generate_style.php" title="Generate Table Style" class=" " data-filter-tags="tables generate table style">
<span class="nav-link-text" data-i18n="nav.tables_generate_table_style">Generate Table Style</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Form Stuff" class=" " data-filter-tags="form stuff">
<i class="fal fa-edit"></i>
<span class="nav-link-text" data-i18n="nav.form_stuff">Form Stuff</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/form_basic_inputs.php" title="Basic Inputs" class=" " data-filter-tags="form stuff basic inputs">
<span class="nav-link-text" data-i18n="nav.form_stuff_basic_inputs">Basic Inputs</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/form_checkbox_radio.php" title="Checkbox & Radio" class=" " data-filter-tags="form stuff checkbox &amp; radio">
<span class="nav-link-text" data-i18n="nav.form_stuff_checkbox_&_radio">Checkbox & Radio</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/form_input_groups.php" title="Input Groups" class=" " data-filter-tags="form stuff input groups">
<span class="nav-link-text" data-i18n="nav.form_stuff_input_groups">Input Groups</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/form_validation.php" title="Validation" class=" " data-filter-tags="form stuff validation">
<span class="nav-link-text" data-i18n="nav.form_stuff_validation">Validation</span>
</a>
</li>
</ul>
</li>
<li class="nav-title">
Plugins & Addons
</li>
<li>
<a href="#" title="Plugins" class=" " data-filter-tags="plugins">
<i class="fal fa-shield-alt"></i>
<span class="nav-link-text" data-i18n="nav.plugins">Plugins</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/plugins_faq.php" title="Plugins FAQ" class=" " data-filter-tags="plugins plugins faq">
<span class="nav-link-text" data-i18n="nav.plugins_plugins_faq">Plugins FAQ</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/plugins_waves.php" title="Waves" class=" " data-filter-tags="plugins waves">
<span class="nav-link-text" data-i18n="nav.plugins_waves">Waves</span><span class="dl-ref label bg-primary-400 ml-2">9 KB</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/plugins_pacejs.php" title="PaceJS" class=" " data-filter-tags="plugins pacejs">
<span class="nav-link-text" data-i18n="nav.plugins_pacejs">PaceJS</span><span class="dl-ref label bg-primary-500 ml-2">13 KB</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/plugins_smartpanels.php" title="SmartPanels" class=" " data-filter-tags="plugins smartpanels">
<span class="nav-link-text" data-i18n="nav.plugins_smartpanels">SmartPanels</span><span class="dl-ref label bg-primary-600 ml-2">9 KB</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/plugins_bootbox.php" title="BootBox" class=" " data-filter-tags="plugins bootbox alert sound">
<span class="nav-link-text" data-i18n="nav.plugins_bootbox">BootBox</span><span class="dl-ref label bg-primary-600 ml-2">15 KB</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/plugins_slimscroll.php" title="Slimscroll" class=" " data-filter-tags="plugins slimscroll">
<span class="nav-link-text" data-i18n="nav.plugins_slimscroll">Slimscroll</span><span class="dl-ref label bg-primary-700 ml-2">5 KB</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/plugins_throttle.php" title="Throttle" class=" " data-filter-tags="plugins throttle">
<span class="nav-link-text" data-i18n="nav.plugins_throttle">Throttle</span><span class="dl-ref label bg-primary-700 ml-2">1 KB</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/plugins_navigation.php" title="Navigation" class=" " data-filter-tags="plugins navigation">
<span class="nav-link-text" data-i18n="nav.plugins_navigation">Navigation</span><span class="dl-ref label bg-primary-700 ml-2">2 KB</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/plugins_i18next.php" title="i18next" class=" " data-filter-tags="plugins i18next">
<span class="nav-link-text" data-i18n="nav.plugins_i18next">i18next</span><span class="dl-ref label bg-primary-700 ml-2">10 KB</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/plugins_appcore.php" title="App.Core" class=" " data-filter-tags="plugins app.core">
<span class="nav-link-text" data-i18n="nav.plugins_app.core">App.Core</span><span class="dl-ref label bg-success-700 ml-2">14 KB</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Datatables" class=" " data-filter-tags="datatables datagrid">
<i class="fal fa-table"></i>
<span class="nav-link-text" data-i18n="nav.datatables">Datatables</span><span class="dl-ref bg-primary-500 hidden-nav-function-minify hidden-nav-function-top">235 KB</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/datatables_basic.php" title="Basic" class=" " data-filter-tags="datatables datagrid basic">
<span class="nav-link-text" data-i18n="nav.datatables_basic">Basic</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/datatables_autofill.php" title="Autofill" class=" " data-filter-tags="datatables datagrid autofill">
<span class="nav-link-text" data-i18n="nav.datatables_autofill">Autofill</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/datatables_buttons.php" title="Buttons" class=" " data-filter-tags="datatables datagrid buttons">
<span class="nav-link-text" data-i18n="nav.datatables_buttons">Buttons</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/datatables_export.php" title="Export" class=" " data-filter-tags="datatables datagrid export tables pdf excel print csv">
<span class="nav-link-text" data-i18n="nav.datatables_export">Export</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/datatables_colreorder.php" title="ColReorder" class=" " data-filter-tags="datatables datagrid colreorder">
<span class="nav-link-text" data-i18n="nav.datatables_colreorder">ColReorder</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/datatables_columnfilter.php" title="ColumnFilter" class=" " data-filter-tags="datatables datagrid columnfilter">
<span class="nav-link-text" data-i18n="nav.datatables_columnfilter">ColumnFilter</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/datatables_fixedcolumns.php" title="FixedColumns" class=" " data-filter-tags="datatables datagrid fixedcolumns">
<span class="nav-link-text" data-i18n="nav.datatables_fixedcolumns">FixedColumns</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/datatables_fixedheader.php" title="FixedHeader" class=" " data-filter-tags="datatables datagrid fixedheader">
<span class="nav-link-text" data-i18n="nav.datatables_fixedheader">FixedHeader</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/datatables_keytable.php" title="KeyTable" class=" " data-filter-tags="datatables datagrid keytable">
<span class="nav-link-text" data-i18n="nav.datatables_keytable">KeyTable</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/datatables_responsive.php" title="Responsive" class=" " data-filter-tags="datatables datagrid responsive">
<span class="nav-link-text" data-i18n="nav.datatables_responsive">Responsive</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/datatables_responsive_alt.php" title="Responsive Alt" class=" " data-filter-tags="datatables datagrid responsive alt">
<span class="nav-link-text" data-i18n="nav.datatables_responsive_alt">Responsive Alt</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/datatables_rowgroup.php" title="RowGroup" class=" " data-filter-tags="datatables datagrid rowgroup">
<span class="nav-link-text" data-i18n="nav.datatables_rowgroup">RowGroup</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/datatables_rowreorder.php" title="RowReorder" class=" " data-filter-tags="datatables datagrid rowreorder">
<span class="nav-link-text" data-i18n="nav.datatables_rowreorder">RowReorder</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/datatables_scroller.php" title="Scroller" class=" " data-filter-tags="datatables datagrid scroller">
<span class="nav-link-text" data-i18n="nav.datatables_scroller">Scroller</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/datatables_select.php" title="Select" class=" " data-filter-tags="datatables datagrid select">
<span class="nav-link-text" data-i18n="nav.datatables_select">Select</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/datatables_alteditor.php" title="AltEditor" class=" " data-filter-tags="datatables datagrid alteditor">
<span class="nav-link-text" data-i18n="nav.datatables_alteditor">AltEditor</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Statistics" class=" " data-filter-tags="statistics chart, graphs">
<i class="fal fa-chart-pie"></i>
<span class="nav-link-text" data-i18n="nav.statistics">Statistics</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/statistics_flot.php" title="Flot" class=" " data-filter-tags="statistics chart, graphs flot bar pie">
<span class="nav-link-text" data-i18n="nav.statistics_flot">Flot</span><span class="dl-ref label bg-primary-500 ml-2">36 KB</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/statistics_chartjs.php" title="Chart.js" class=" " data-filter-tags="statistics chart, graphs chart.js bar pie">
<span class="nav-link-text" data-i18n="nav.statistics_chart.js">Chart.js</span><span class="dl-ref label bg-primary-500 ml-2">205 KB</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/statistics_chartist.php" title="Chartist.js" class=" " data-filter-tags="statistics chart, graphs chartist.js">
<span class="nav-link-text" data-i18n="nav.statistics_chartist.js">Chartist.js</span><span class="dl-ref label bg-primary-600 ml-2">39 KB</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/statistics_c3.php" title="C3 Charts" class=" " data-filter-tags="statistics chart, graphs c3 charts">
<span class="nav-link-text" data-i18n="nav.statistics_c3_charts">C3 Charts</span><span class="dl-ref label bg-primary-600 ml-2">197 KB</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/statistics_peity.php" title="Peity" class=" " data-filter-tags="statistics chart, graphs peity small">
<span class="nav-link-text" data-i18n="nav.statistics_peity">Peity</span><span class="dl-ref label bg-primary-700 ml-2">4 KB</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/statistics_sparkline.php" title="Sparkline" class=" " data-filter-tags="statistics chart, graphs sparkline small tiny">
<span class="nav-link-text" data-i18n="nav.statistics_sparkline">Sparkline</span><span class="dl-ref label bg-primary-700 ml-2">42 KB</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/statistics_easypiechart.php" title="Easy Pie Chart" class=" " data-filter-tags="statistics chart, graphs easy pie chart">
<span class="nav-link-text" data-i18n="nav.statistics_easy_pie_chart">Easy Pie Chart</span><span class="dl-ref label bg-primary-700 ml-2">4 KB</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/statistics_dygraph.php" title="Dygraph" class=" " data-filter-tags="statistics chart, graphs dygraph complex">
<span class="nav-link-text" data-i18n="nav.statistics_dygraph">Dygraph</span><span class="dl-ref label bg-primary-700 ml-2">120 KB</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Notifications" class=" " data-filter-tags="notifications">
<i class="fal fa-exclamation-circle"></i>
<span class="nav-link-text" data-i18n="nav.notifications">Notifications</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/notifications_sweetalert2.php" title="SweetAlert2" class=" " data-filter-tags="notifications sweetalert2">
<span class="nav-link-text" data-i18n="nav.notifications_sweetalert2">SweetAlert2</span><span class="dl-ref label bg-primary-500 ml-2">40 KB</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/notifications_toastr.php" title="Toastr" class=" " data-filter-tags="notifications toastr">
<span class="nav-link-text" data-i18n="nav.notifications_toastr">Toastr</span><span class="dl-ref label bg-primary-600 ml-2">5 KB</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Form Plugins" class=" " data-filter-tags="form plugins">
<i class="fal fa-credit-card-front"></i>
<span class="nav-link-text" data-i18n="nav.form_plugins">Form Plugins</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/form_plugins_colorpicker.php" title="Color Picker" class=" " data-filter-tags="form plugins color picker">
<span class="nav-link-text" data-i18n="nav.form_plugins_color_picker">Color Picker</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/form_plugins_datepicker.php" title="Date Picker" class=" " data-filter-tags="form plugins date picker">
<span class="nav-link-text" data-i18n="nav.form_plugins_date_picker">Date Picker</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/form_plugins_daterange_picker.php" title="Date Range Picker" class=" " data-filter-tags="form plugins date range picker">
<span class="nav-link-text" data-i18n="nav.form_plugins_date_range_picker">Date Range Picker</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/form_plugins_dropzone.php" title="Dropzone" class=" " data-filter-tags="form plugins dropzone">
<span class="nav-link-text" data-i18n="nav.form_plugins_dropzone">Dropzone</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/form_plugins_ionrangeslider.php" title="Ion.RangeSlider" class=" " data-filter-tags="form plugins ion.rangeslider">
<span class="nav-link-text" data-i18n="nav.form_plugins_ion.rangeslider">Ion.RangeSlider</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/form_plugins_inputmask.php" title="Inputmask" class=" " data-filter-tags="form plugins inputmask">
<span class="nav-link-text" data-i18n="nav.form_plugins_inputmask">Inputmask</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/form_plugins_imagecropper.php" title="Image Cropper" class=" " data-filter-tags="form plugins image cropper">
<span class="nav-link-text" data-i18n="nav.form_plugins_image_cropper">Image Cropper</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/form_plugins_select2.php" title="Select2" class=" " data-filter-tags="form plugins select2">
<span class="nav-link-text" data-i18n="nav.form_plugins_select2">Select2</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/form_plugins_summernote.php" title="Summernote" class=" " data-filter-tags="form plugins summernote texteditor editor">
<span class="nav-link-text" data-i18n="nav.form_plugins_summernote">Summernote</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Miscellaneous" class=" " data-filter-tags="miscellaneous">
<i class="fal fa-globe"></i>
<span class="nav-link-text" data-i18n="nav.miscellaneous">Miscellaneous</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/miscellaneous_fullcalendar.php" title="FullCalendar" class=" " data-filter-tags="miscellaneous fullcalendar">
<span class="nav-link-text" data-i18n="nav.miscellaneous_fullcalendar">FullCalendar</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/miscellaneous_lightgallery.php" title="Light Gallery" class=" " data-filter-tags="miscellaneous light gallery">
<span class="nav-link-text" data-i18n="nav.miscellaneous_light_gallery">Light Gallery</span><span class="dl-ref label bg-primary-500 ml-2">61 KB</span>
</a>
</li>
</ul>
</li>
<li class="nav-title">
Layouts & Apps
</li>
<li>
<a href="#" title="Pages" class=" " data-filter-tags="pages">
<i class="fal fa-plus-circle"></i>
<span class="nav-link-text" data-i18n="nav.pages">Pages</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/page_chat.php" title="Chat" class=" " data-filter-tags="pages chat">
<span class="nav-link-text" data-i18n="nav.pages_chat">Chat</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/page_contacts.php" title="Contacts" class=" " data-filter-tags="pages contacts">
<span class="nav-link-text" data-i18n="nav.pages_contacts">Contacts</span>
</a>
</li>
<li>
<a href="#" title="Forum" class=" " data-filter-tags="pages forum">
<span class="nav-link-text" data-i18n="nav.pages_forum">Forum</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/page_forum_list.php" title="List" class=" " data-filter-tags="pages forum list">
<span class="nav-link-text" data-i18n="nav.pages_forum_list">List</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/page_forum_threads.php" title="Threads" class=" " data-filter-tags="pages forum threads">
<span class="nav-link-text" data-i18n="nav.pages_forum_threads">Threads</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/page_forum_discussion.php" title="Discussion" class=" " data-filter-tags="pages forum discussion">
<span class="nav-link-text" data-i18n="nav.pages_forum_discussion">Discussion</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Inbox" class=" " data-filter-tags="pages inbox">
<span class="nav-link-text" data-i18n="nav.pages_inbox">Inbox</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/page_inbox_general.php" title="General" class=" " data-filter-tags="pages inbox general">
<span class="nav-link-text" data-i18n="nav.pages_inbox_general">General</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/page_inbox_read.php" title="Read" class=" " data-filter-tags="pages inbox read">
<span class="nav-link-text" data-i18n="nav.pages_inbox_read">Read</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/page_inbox_write.php" title="Write" class=" " data-filter-tags="pages inbox write">
<span class="nav-link-text" data-i18n="nav.pages_inbox_write">Write</span>
</a>
</li>
</ul>
</li>
<li>
<a href="https://smartadmin.lodev09.com/page_invoice.php" title="Invoice (printable)" class=" " data-filter-tags="pages invoice (printable)">
<span class="nav-link-text" data-i18n="nav.pages_invoice_(printable)">Invoice (printable)</span>
</a>
</li>
<li>
<a href="#" title="Authentication" class=" " data-filter-tags="pages authentication">
<span class="nav-link-text" data-i18n="nav.pages_authentication">Authentication</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/page_forget.php" title="Forget Password" class=" " data-filter-tags="pages authentication forget password">
<span class="nav-link-text" data-i18n="nav.pages_authentication_forget_password">Forget Password</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/page_locked.php" title="Locked Screen" class=" " data-filter-tags="pages authentication locked screen">
<span class="nav-link-text" data-i18n="nav.pages_authentication_locked_screen">Locked Screen</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/page_login.php" title="Login" class=" " data-filter-tags="pages authentication login">
<span class="nav-link-text" data-i18n="nav.pages_authentication_login">Login</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/page_login_alt.php" title="Login Alt" class=" " data-filter-tags="pages authentication login alt">
<span class="nav-link-text" data-i18n="nav.pages_authentication_login_alt">Login Alt</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/page_register.php" title="Register" class=" " data-filter-tags="pages authentication register">
<span class="nav-link-text" data-i18n="nav.pages_authentication_register">Register</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/page_confirmation.php" title="Confirmation" class=" " data-filter-tags="pages authentication confirmation">
<span class="nav-link-text" data-i18n="nav.pages_authentication_confirmation">Confirmation</span>
</a>
</li>
</ul>
</li>
<li>
<a href="#" title="Error Pages" class=" " data-filter-tags="pages error pages">
<span class="nav-link-text" data-i18n="nav.pages_error_pages">Error Pages</span>
</a>
<ul>
<li>
<a href="https://smartadmin.lodev09.com/page_error.php" title="General Error" class=" " data-filter-tags="pages error pages general error">
<span class="nav-link-text" data-i18n="nav.pages_error_pages_general_error">General Error</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/page_error_404.php" title="Server Error" class=" " data-filter-tags="pages error pages server error">
<span class="nav-link-text" data-i18n="nav.pages_error_pages_server_error">Server Error</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/page_error_announced.php" title="Announced Error" class=" " data-filter-tags="pages error pages announced error">
<span class="nav-link-text" data-i18n="nav.pages_error_pages_announced_error">Announced Error</span>
</a>
</li>
</ul>
</li>
<li>
<a href="https://smartadmin.lodev09.com/page_profile.php" title="Profile" class=" " data-filter-tags="pages profile">
<span class="nav-link-text" data-i18n="nav.pages_profile">Profile</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/page_projects.php" title="Projects" class=" " data-filter-tags="pages projects">
<span class="nav-link-text" data-i18n="nav.pages_projects">Projects</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/page_search.php" title="Search Results" class=" " data-filter-tags="pages search results">
<span class="nav-link-text" data-i18n="nav.pages_search_results">Search Results</span>
</a>
</li>
</ul>
</li>
</ul>
<div class="filter-message js-filter-message bg-success-600"></div>
</nav>
<!-- END PRIMARY NAVIGATION -->
<!-- NAV FOOTER -->
<div class="nav-footer shadow-top">
<a href="#" onclick="return false;" data-action="toggle" data-class="nav-function-minify" class="hidden-md-down">
<i class="ni ni-chevron-right"></i>
<i class="ni ni-chevron-right"></i>
</a>
<ul class="list-table m-auto nav-footer-buttons">
<li>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Chat logs">
<i class="fal fa-comments"></i>
</a>
</li>
<li>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Support Chat">
<i class="fal fa-life-ring"></i>
</a>
</li>
<li>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Make a call">
<i class="fal fa-phone"></i>
</a>
</li>
</ul>
</div> <!-- END NAV FOOTER -->
</aside>
<!-- END Left Aside -->
<div class="page-content-wrapper">
<!-- BEGIN Page Header -->
<!-- BEGIN Page Header -->
<header class="page-header" role="banner">
<!-- we need this logo when user switches to nav-function-top -->
<div class="page-logo">
<a href="#" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal" data-target="#modal-shortcut">
<img src="https://smartadmin.lodev09.com/assets/img/logo.png" alt="SmartAdmin for PHP" aria-roledescription="logo">
<span class="page-logo-text mr-1">SmartAdmin for PHP</span>
<span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
<i class="fal fa-angle-down d-inline-block ml-1 fs-lg color-primary-300"></i>
</a>
</div>
<!-- DOC: nav menu layout change shortcut -->
<div class="hidden-md-down dropdown-icon-menu position-relative">
<a href="#" class="header-btn btn js-waves-off" data-action="toggle" data-class="nav-function-hidden" title="Hide Navigation">
<i class="ni ni-menu"></i>
</a>
<ul>
<li>
<a href="#" class="btn js-waves-off" data-action="toggle" data-class="nav-function-minify" title="Minify Navigation">
<i class="ni ni-minify-nav"></i>
</a>
</li>
<li>
<a href="#" class="btn js-waves-off" data-action="toggle" data-class="nav-function-fixed" title="Lock Navigation">
<i class="ni ni-lock-nav"></i>
</a>
</li>
</ul>
</div>
<!-- DOC: mobile button appears during mobile width -->
<div class="hidden-lg-up">
<a href="#" class="header-btn btn press-scale-down" data-action="toggle" data-class="mobile-nav-on">
<i class="ni ni-menu"></i>
</a>
</div>
<div class="search">
<form class="app-forms hidden-xs-down" role="search" action="https://smartadmin.lodev09.com/page_search.php" autocomplete="off">
<input type="text" id="search-field" placeholder="Search for anything" class="form-control" tabindex="1">
<a href="#" onclick="return false;" class="btn-danger btn-search-close js-waves-off d-none" data-action="toggle" data-class="mobile-search-on">
<i class="fal fa-times"></i>
</a>
</form>
</div>
<div class="ml-auto d-flex">
<!-- activate app search icon (mobile) -->
<div class="hidden-sm-up">
<a href="#" class="header-icon" data-action="toggle" data-class="mobile-search-on" data-focus="search-field" title="Search">
<i class="fal fa-search"></i>
</a>
</div>
<!-- app settings -->
<div class="hidden-md-down">
<a href="#" class="header-icon" data-toggle="modal" data-target=".js-modal-settings">
<i class="fal fa-cog"></i>
</a>
</div>
<!-- app shortcuts -->
<div>
<a href="#" class="header-icon" data-toggle="dropdown" title="My Apps">
<i class="fal fa-cube"></i>
</a>
<div class="dropdown-menu dropdown-menu-animated w-auto h-auto">
<div class="dropdown-header bg-trans-gradient d-flex justify-content-center align-items-center rounded-top">
<h4 class="m-0 text-center color-white">
Quick Shortcut
<small class="mb-0 opacity-80">User Applications & Addons</small>
</h4>
</div>
<div class="custom-scroll h-100">
<ul class="app-list">
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-2 icon-stack-3x color-primary-600"></i>
<i class="base-3 icon-stack-2x color-primary-700"></i>
<i class="ni ni-settings icon-stack-1x text-white fs-lg"></i>
</span>
<span class="app-list-name">
Services
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-2 icon-stack-3x color-primary-400"></i>
<i class="base-10 text-white icon-stack-1x"></i>
<i class="ni md-profile color-primary-800 icon-stack-2x"></i>
</span>
<span class="app-list-name">
Account
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-9 icon-stack-3x color-success-400"></i>
<i class="base-2 icon-stack-2x color-success-500"></i>
<i class="ni ni-shield icon-stack-1x text-white"></i>
</span>
<span class="app-list-name">
Security
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-18 icon-stack-3x color-info-700"></i>
<span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">28</span>
</span>
<span class="app-list-name">
Calendar
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-7 icon-stack-3x color-info-500"></i>
<i class="base-7 icon-stack-2x color-info-700"></i>
<i class="ni ni-graph icon-stack-1x text-white"></i>
</span>
<span class="app-list-name">
Stats
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-4 icon-stack-3x color-danger-500"></i>
<i class="base-4 icon-stack-1x color-danger-400"></i>
<i class="ni ni-envelope icon-stack-1x text-white"></i>
</span>
<span class="app-list-name">
Messages
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-4 icon-stack-3x color-fusion-400"></i>
<i class="base-5 icon-stack-2x color-fusion-200"></i>
<i class="base-5 icon-stack-1x color-fusion-100"></i>
<i class="fal fa-keyboard icon-stack-1x color-info-50"></i>
</span>
<span class="app-list-name">
Notes
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-16 icon-stack-3x color-fusion-500"></i>
<i class="base-10 icon-stack-1x color-primary-50 opacity-30"></i>
<i class="base-10 icon-stack-1x fs-xl color-primary-50 opacity-20"></i>
<i class="fal fa-dot-circle icon-stack-1x text-white opacity-85"></i>
</span>
<span class="app-list-name">
Photos
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-19 icon-stack-3x color-primary-400"></i>
<i class="base-7 icon-stack-2x color-primary-300"></i>
<i class="base-7 icon-stack-1x fs-xxl color-primary-200"></i>
<i class="base-7 icon-stack-1x color-primary-500"></i>
<i class="fal fa-globe icon-stack-1x text-white opacity-85"></i>
</span>
<span class="app-list-name">
Maps
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-5 icon-stack-3x color-success-700 opacity-80"></i>
<i class="base-12 icon-stack-2x color-success-700 opacity-30"></i>
<i class="fal fa-comment-alt icon-stack-1x text-white"></i>
</span>
<span class="app-list-name">
Chat
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-5 icon-stack-3x color-warning-600"></i>
<i class="base-7 icon-stack-2x color-warning-800 opacity-50"></i>
<i class="fal fa-phone icon-stack-1x text-white"></i>
</span>
<span class="app-list-name">
Phone
</span>
</a>
</li>
<li>
<a href="#" class="app-list-item hover-white">
<span class="icon-stack">
<i class="base-6 icon-stack-3x color-danger-600"></i>
<i class="fal fa-chart-line icon-stack-1x text-white"></i>
</span>
<span class="app-list-name">
Projects
</span>
</a>
</li>
<li class="w-100">
<a href="#" class="btn btn-default mt-4 mb-2 pr-5 pl-5"> Add more apps </a>
</li>
</ul>
</div>
</div>
</div>
<!-- app message -->
<a href="#" class="header-icon" data-toggle="modal" data-target=".js-modal-messenger">
<i class="fal fa-globe"></i>
<span class="badge badge-icon">!</span>
</a>
<!-- app notification -->
<div>
<a href="#" class="header-icon" data-toggle="dropdown" title="You got 11 notifications">
<i class="fal fa-bell"></i>
<span class="badge badge-icon">11</span>
</a>
<div class="dropdown-menu dropdown-menu-animated dropdown-xl">
<div class="dropdown-header bg-trans-gradient d-flex justify-content-center align-items-center rounded-top mb-2">
<h4 class="m-0 text-center color-white">
11 New
<small class="mb-0 opacity-80">User Notifications</small>
</h4>
</div>
<ul class="nav nav-tabs nav-tabs-clean" role="tablist">
<li class="nav-item">
<a class="nav-link px-4 fs-md js-waves-on fw-500" data-toggle="tab" href="#tab-messages" data-i18n="drpdwn.messages">Messages</a>
</li>
<li class="nav-item">
<a class="nav-link px-4 fs-md js-waves-on fw-500" data-toggle="tab" href="#tab-feeds" data-i18n="drpdwn.feeds">Feeds</a>
</li>
<li class="nav-item">
<a class="nav-link px-4 fs-md js-waves-on fw-500" data-toggle="tab" href="#tab-events" data-i18n="drpdwn.events">Events</a>
</li>
</ul>
<div class="tab-content tab-notification">
<div class="tab-pane active p-3 text-center">
<h5 class="mt-4 pt-4 fw-500">
<span class="d-block fa-3x pb-4 text-muted">
<i class="ni ni-arrow-up text-gradient opacity-70"></i>
</span> Select a tab above to activate
<small class="mt-3 fs-b fw-400 text-muted">
This blank page message helps protect your privacy, or you can show the first message here automatically through
<a href="#">settings page</a>
</small>
</h5>
</div>
<div class="tab-pane" id="tab-messages" role="tabpanel">
<div class="custom-scroll h-100">
<ul class="notification">
<li class="unread">
<a href="#" class="d-flex align-items-center">
<span class="status mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-c.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Melissa Ayre <span class="badge badge-primary fw-n position-absolute pos-top pos-right mt-1">INBOX</span></span>
<span class="msg-a fs-sm">Re: New security codes</span>
<span class="msg-b fs-xs">Hello again and thanks for being part...</span>
<span class="fs-nano text-muted mt-1">56 seconds ago</span>
</span>
</a>
</li>
<li class="unread">
<a href="#" class="d-flex align-items-center">
<span class="status mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-a.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Adison Lee</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">2 minutes ago</span>
</span>
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center">
<span class="status status-success mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-b.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Oliver Kopyuv</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">3 days ago</span>
</span>
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center">
<span class="status status-warning mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-e.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Dr. John Cook PhD</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">2 weeks ago</span>
</span>
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center">
<span class="status status-success mr-2">
<!-- <img src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-m.png" data-src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-h.png" class="profile-image rounded-circle" alt="Sarah McBrook" /> -->
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-h.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Sarah McBrook</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">3 weeks ago</span>
</span>
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center">
<span class="status status-success mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-m.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Anothony Bezyeth</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">one month ago</span>
</span>
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center">
<span class="status status-danger mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-j.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Lisa Hatchensen</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">one year ago</span>
</span>
</a>
</li>
</ul>
</div>
</div>
<div class="tab-pane" id="tab-feeds" role="tabpanel">
<div class="custom-scroll h-100">
<ul class="notification">
<li class="unread">
<div class="d-flex align-items-center show-child-on-hover">
<span class="d-flex flex-column flex-1">
<span class="name d-flex align-items-center">Administrator <span class="badge badge-success fw-n ml-1">UPDATE</span></span>
<span class="msg-a fs-sm">
System updated to version <strong>4.6.3</strong> <a href="https://smartadmin.lodev09.com/docs_buildnotes.php">(patch notes)</a>
</span>
<span class="fs-nano text-muted mt-1">5 mins ago</span>
</span>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center show-child-on-hover">
<div class="d-flex flex-column flex-1">
<span class="name">
Adison Lee <span class="fw-300 d-inline">replied to your video <a href="#" class="fw-400"> Cancer Drug</a> </span>
</span>
<span class="msg-a fs-sm mt-2">Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day...</span>
<span class="fs-nano text-muted mt-1">10 minutes ago</span>
</div>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center show-child-on-hover">
<!--<img src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-m.png" data-src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-k.png" class="profile-image rounded-circle" alt="k" />-->
<div class="d-flex flex-column flex-1">
<span class="name">
Troy Norman'<span class="fw-300">s new connections</span>
</span>
<div class="fs-sm d-flex align-items-center mt-2">
<span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-a.png'); background-size: cover;"></span>
<span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-b.png'); background-size: cover;"></span>
<span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-c.png'); background-size: cover;"></span>
<span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-e.png'); background-size: cover;"></span>
<div data-hasmore="+3" class="rounded-circle profile-image-md mr-1">
<span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-h.png'); background-size: cover;"></span>
</div>
</div>
<span class="fs-nano text-muted mt-1">55 minutes ago</span>
</div>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center show-child-on-hover">
<!--<img src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-m.png" data-src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-e.png" class="profile-image-sm rounded-circle align-self-start mt-1" alt="k" />-->
<div class="d-flex flex-column flex-1">
<span class="name">Dr John Cook <span class="fw-300">sent a <span class="text-danger">new signal</span></span></span>
<span class="msg-a fs-sm mt-2">Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</span>
<span class="fs-nano text-muted mt-1">10 minutes ago</span>
</div>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center show-child-on-hover">
<div class="d-flex flex-column flex-1">
<span class="name">Lab Images <span class="fw-300">were updated!</span></span>
<div class="fs-sm d-flex align-items-center mt-1">
<a href="#" class="mr-1 mt-1" title="Cell A-0012">
<span class="d-block img-share" style="background-image:url('https://smartadmin.lodev09.com/assets/img/thumbs/pic-7.png'); background-size: cover;"></span>
</a>
<a href="#" class="mr-1 mt-1" title="Patient A-473 saliva">
<span class="d-block img-share" style="background-image:url('https://smartadmin.lodev09.com/assets/img/thumbs/pic-8.png'); background-size: cover;"></span>
</a>
<a href="#" class="mr-1 mt-1" title="Patient A-473 blood cells">
<span class="d-block img-share" style="background-image:url('https://smartadmin.lodev09.com/assets/img/thumbs/pic-11.png'); background-size: cover;"></span>
</a>
<a href="#" class="mr-1 mt-1" title="Patient A-473 Membrane O.C">
<span class="d-block img-share" style="background-image:url('https://smartadmin.lodev09.com/assets/img/thumbs/pic-12.png'); background-size: cover;"></span>
</a>
</div>
<span class="fs-nano text-muted mt-1">55 minutes ago</span>
</div>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center show-child-on-hover">
<!--<img src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-m.png" data-src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-h.png" class="profile-image rounded-circle align-self-start mt-1" alt="k" />-->
<div class="d-flex flex-column flex-1">
<div class="name mb-2">
Lisa Lamar<span class="fw-300"> updated project</span>
</div>
<div class="row fs-b fw-300">
<div class="col text-left">
Progress
</div>
<div class="col text-right fw-500">
45%
</div>
</div>
<div class="progress progress-sm d-flex mt-1">
<span class="progress-bar bg-primary-500 progress-bar-striped" role="progressbar" style="width: 45%" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></span>
</div>
<span class="fs-nano text-muted mt-1">2 hrs ago</span>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="tab-pane" id="tab-events" role="tabpanel">
<div class="d-flex flex-column h-100">
<div class="h-auto">
<table class="table table-bordered table-calendar m-0 w-100 h-100 border-0">
<tr>
<th colspan="7" class="pt-3 pb-2 pl-3 pr-3 text-center">
<div class="js-get-date h5 mb-2">[your date here]</div>
</th>
</tr>
<tr class="text-center">
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
<tr>
<td class="text-muted bg-faded">30</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td><i class="fal fa-birthday-cake mt-1 ml-1 position-absolute pos-left pos-top text-primary"></i> 6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td class="bg-primary-300 pattern-0">10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td class="text-muted bg-faded">1</td>
<td class="text-muted bg-faded">2</td>
<td class="text-muted bg-faded">3</td>
</tr>
</table>
</div>
<div class="flex-1 custom-scroll">
<div class="p-2">
<div class="d-flex align-items-center text-left mb-3">
<div class="width-5 fw-300 text-primary l-h-n mr-1 align-self-start fs-xxl">
15
</div>
<div class="flex-1">
<div class="d-flex flex-column">
<span class="l-h-n fs-md fw-500 opacity-70">
October 2020
</span>
<span class="l-h-n fs-nano fw-400 text-secondary">
Friday
</span>
</div>
<div class="mt-3">
<p>
<strong>2:30PM</strong> - Doctor's appointment
</p>
<p>
<strong>3:30PM</strong> - Report overview
</p>
<p>
<strong>4:30PM</strong> - Meeting with Donnah V.
</p>
<p>
<strong>5:30PM</strong> - Late Lunch
</p>
<p>
<strong>6:30PM</strong> - Report Compression
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-2 px-3 bg-faded d-block rounded-bottom text-right border-faded border-bottom-0 border-right-0 border-left-0">
<a href="#" class="fs-xs fw-500 ml-auto">view all notifications</a>
</div>
</div>
</div>
<!-- app user menu -->
<div>
<a href="#" data-toggle="dropdown" title="drlantern@gotbootstrap.com" class="header-icon d-flex align-items-center justify-content-center ml-2">
<img src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-admin.png" class="profile-image rounded-circle" alt="Dr. Codex Lantern">
<!-- you can also add username next to the avatar with the codes below:
<span class="ml-1 mr-1 text-truncate text-truncate-header hidden-xs-down">Me</span>
<i class="ni ni-chevron-down hidden-xs-down"></i> -->
</a>
<div class="dropdown-menu dropdown-menu-animated dropdown-lg">
<div class="dropdown-header bg-trans-gradient d-flex flex-row py-4 rounded-top">
<div class="d-flex flex-row align-items-center mt-1 mb-1 color-white">
<span class="mr-2">
<img src="https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-admin.png" class="rounded-circle profile-image" alt="Dr. Codex Lantern">
</span>
<div class="info-card-text">
<div class="fs-lg text-truncate text-truncate-lg">Dr. Codex Lantern</div>
<span class="text-truncate text-truncate-md opacity-80">drlantern@gotbootstrap.com</span>
</div>
</div>
</div>
<div class="dropdown-divider m-0"></div>
<a href="#" class="dropdown-item" data-action="app-reset">
<span data-i18n="drpdwn.reset_layout">Reset Layout</span>
</a>
<a href="#" class="dropdown-item" data-toggle="modal" data-target=".js-modal-settings">
<span data-i18n="drpdwn.settings">Settings</span>
</a>
<div class="dropdown-divider m-0"></div>
<a href="#" class="dropdown-item" data-action="app-fullscreen">
<span data-i18n="drpdwn.fullscreen">Fullscreen</span>
<i class="float-right text-muted fw-n">F11</i>
</a>
<a href="#" class="dropdown-item" data-action="app-print">
<span data-i18n="drpdwn.print">Print</span>
<i class="float-right text-muted fw-n">Ctrl + P</i>
</a>
<div class="dropdown-multilevel dropdown-multilevel-left">
<div class="dropdown-item">
Language
</div>
<div class="dropdown-menu">
<a href="#?lang=fr" class="dropdown-item" data-action="lang" data-lang="fr">Français</a>
<a href="#?lang=en" class="dropdown-item active" data-action="lang" data-lang="en">English (US)</a>
<a href="#?lang=es" class="dropdown-item" data-action="lang" data-lang="es">Español</a>
<a href="#?lang=ru" class="dropdown-item" data-action="lang" data-lang="ru">Русский язык</a>
<a href="#?lang=jp" class="dropdown-item" data-action="lang" data-lang="jp">日本語</a>
<a href="#?lang=ch" class="dropdown-item" data-action="lang" data-lang="ch">中文</a>
</div>
</div>
<div class="dropdown-divider m-0"></div>
<a class="dropdown-item fw-500 pt-3 pb-3" href="https://smartadmin.lodev09.com/page_login.php">
<span data-i18n="drpdwn.page-logout">Logout</span>
<span class="float-right fw-n">&commat;codexlantern</span>
</a>
</div>
</div>
</div>
</header>
<!-- END Page Header -->
<!-- END Page Header -->
<!-- BEGIN Page Content -->
<!-- the #js-page-content id is needed for some plugins to initialize -->
<main id="js-page-content" role="main" class="page-content">
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr">
<h2>
Example <span class="fw-300"><i>Table</i></span>
</h2>
<div class="panel-toolbar">
<button class="btn btn-panel" data-action="panel-collapse" data-toggle="tooltip" data-offset="0,10" data-original-title="Collapse"></button>
<button class="btn btn-panel" data-action="panel-fullscreen" data-toggle="tooltip" data-offset="0,10" data-original-title="Fullscreen"></button>
<button class="btn btn-panel" data-action="panel-close" data-toggle="tooltip" data-offset="0,10" data-original-title="Close"></button>
</div>
</div>
<div class="panel-container show">
<div class="panel-content">
<div class="panel-tag">
<p>
When displaying a table which scrolls along the x-axis
</p>
</div>
<!-- datatable start -->
<table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
<thead class="thead-dark">
<tr>
<th>OrderID</th>
<th>Recipient</th>
<th>Shipping.Address</th>
<th>Shipping.Country</th>
<th>Shipping.City</th>
<th>Agent</th>
<th>Company</th>
<th>OrganizationID</th>
<th>Latitude</th>
<th>Longitude</th>
<th>Shipping.Date</th>
<th>Delivery.Date</th>
<th>Payment.Date</th>
<th>Timezone</th>
<th>Payment</th>
<th>Email</th>
<th>Phone</th>
<th>Status</th>
<th>Admin.Controls</th>
</tr>
</thead>
<tbody>
<tr>
<td>298728508</td>
<td>Samuel A. Townsend</td>
<td>Ap #376-4611 Et St.</td>
<td>Togo</td>
<td>Monceau-sur-Sambre</td>
<td>Dorian Mcintyre</td>
<td>Gravida Molestie PC</td>
<td>00439892299</td>
<td>17.61388</td>
<td>96.86623</td>
<td>2019-10-06 21:27:12</td>
<td>30/05/18</td>
<td>2019-04-19 09:08:30</td>
<td>PDT</td>
<td>$36158.32</td>
<td>euismod.mauris.eu@purusactellus.com</td>
<td>511-7454</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>398199588</td>
<td>Clare C. Perkins</td>
<td>1191 Sodales Avenue</td>
<td>Costa Rica</td>
<td>Mersin</td>
<td>Robert Howe</td>
<td>Gravida Molestie Arcu Ltd</td>
<td>31305907399</td>
<td>-68.29001</td>
<td>100.86604</td>
<td>2018-07-09 17:17:55</td>
<td>05/08/18</td>
<td>2020-02-08 16:49:29</td>
<td>PDT</td>
<td>$37471.19</td>
<td>dictum.Proin.eget@sed.ca</td>
<td>611-8302</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>419738638</td>
<td>Perry I. Gonzales</td>
<td>4895 Vel, Rd.</td>
<td>United States</td>
<td>Paglieta</td>
<td>Nita Taylor</td>
<td>Lobortis Ultrices Vivamus Corp.</td>
<td>55848451599</td>
<td>-76.12256</td>
<td>-71.3302</td>
<td>2019-12-17 05:39:26</td>
<td>15/05/19</td>
<td>2018-05-06 13:26:42</td>
<td>PDT</td>
<td>$70959.34</td>
<td>ut@sitametluctus.ca</td>
<td>750-0429</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>63227196</td>
<td>Jelani L. Phelps</td>
<td>P.O. Box 632, 1009 Erat. St.</td>
<td>Myanmar</td>
<td>Moorsele</td>
<td>Rhona Contreras</td>
<td>Arcu Foundation</td>
<td>05775245799</td>
<td>-77.54682</td>
<td>132.85627</td>
<td>2019-10-19 14:01:20</td>
<td>22/11/18</td>
<td>2019-07-04 18:52:44</td>
<td>PDT</td>
<td>$49125.35</td>
<td>aliquet.diam.Sed@Nullam.edu</td>
<td>409-6605</td>
<td>8</td>
<td></td>
</tr>
<tr>
<td>93816161</td>
<td>Xerxes T. Conner</td>
<td>776-2061 Sodales Rd.</td>
<td>Faroe Islands</td>
<td>Santander</td>
<td>Stephen Frye</td>
<td>Ligula LLC</td>
<td>15462873499</td>
<td>24.54806</td>
<td>65.87806</td>
<td>2020-03-08 21:29:49</td>
<td>05/09/18</td>
<td>2018-07-25 00:28:16</td>
<td>PST</td>
<td>$18967.68</td>
<td>nec@euodioPhasellus.org</td>
<td>257-0999</td>
<td>8</td>
<td></td>
</tr>
<tr>
<td>163796139</td>
<td>Candice L. Donaldson</td>
<td>4589 Augue St.</td>
<td>Congo (Brazzaville)</td>
<td>Peñalolén</td>
<td>Adam Lyons</td>
<td>Ullamcorper LLP</td>
<td>68866776699</td>
<td>-41.32</td>
<td>-65.2217</td>
<td>2018-11-05 11:41:22</td>
<td>27/06/18</td>
<td>2018-09-11 23:52:20</td>
<td>PST</td>
<td>$50588.44</td>
<td>Duis.cursus.diam@Aenean.co.uk</td>
<td>1-852-753-2487</td>
<td>8</td>
<td></td>
</tr>
<tr>
<td>437801703</td>
<td>Hyacinth P. Carson</td>
<td>1892 Et, St.</td>
<td>Korea, North</td>
<td>Beaumaris</td>
<td>Lawrence Powell</td>
<td>Aliquam Eros Foundation</td>
<td>06430069899</td>
<td>54.39702</td>
<td>-149.16263</td>
<td>2018-09-16 21:33:18</td>
<td>18/01/20</td>
<td>2019-08-31 08:43:58</td>
<td>PDT</td>
<td>$90455.68</td>
<td>ac@duisemperet.edu</td>
<td>1-868-762-5439</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>29387302K</td>
<td>Omar E. Morrison</td>
<td>4901 Donec Avenue</td>
<td>Mali</td>
<td>Kansas City</td>
<td>Dai Walters</td>
<td>Est Ac Mattis Corporation</td>
<td>79969224599</td>
<td>-56.95423</td>
<td>-176.51121</td>
<td>2019-07-27 18:19:38</td>
<td>24/07/19</td>
<td>2019-06-04 10:14:46</td>
<td>PDT</td>
<td>$51246.35</td>
<td>vehicula.risus@accumsanneque.com</td>
<td>1-914-907-0932</td>
<td>8</td>
<td></td>
</tr>
<tr>
<td>24438546K</td>
<td>Dora H. Mcmillan</td>
<td>230-6443 Sed Rd.</td>
<td>Angola</td>
<td>Joliet</td>
<td>Kyla Perry</td>
<td>Interdum Associates</td>
<td>91465277899</td>
<td>-9.27641</td>
<td>168.93885</td>
<td>2020-01-18 04:40:04</td>
<td>05/08/19</td>
<td>2018-12-21 13:58:27</td>
<td>PST</td>
<td>$66645.66</td>
<td>sem.elit.pharetra@molestiesodalesMauris.ca</td>
<td>1-186-429-8809</td>
<td>3</td>
<td></td>
</tr>
<tr>
<td>236288242</td>
<td>Howard J. Watkins</td>
<td>9532 Ut Avenue</td>
<td>United States</td>
<td>Cannock</td>
<td>Ora Patterson</td>
<td>Eu Incorporated</td>
<td>63202631099</td>
<td>-71.62815</td>
<td>104.40843</td>
<td>2018-10-28 19:14:38</td>
<td>21/09/18</td>
<td>2019-03-24 09:04:54</td>
<td>PST</td>
<td>$06463.36</td>
<td>mi@indolor.org</td>
<td>515-1656</td>
<td>8</td>
<td></td>
</tr>
<tr>
<td>78251840</td>
<td>Peter E. Riggs</td>
<td>5178 Phasellus Avenue</td>
<td>Cyprus</td>
<td>Litueche</td>
<td>Tallulah Booker</td>
<td>Faucibus Corporation</td>
<td>46695699299</td>
<td>-7.23908</td>
<td>-130.77606</td>
<td>2020-03-14 14:56:34</td>
<td>13/04/20</td>
<td>2019-02-23 10:15:53</td>
<td>PST</td>
<td>$77593.22</td>
<td>mi@Ut.ca</td>
<td>874-9462</td>
<td>4</td>
<td></td>
</tr>
<tr>
<td>69169546</td>
<td>Armand X. Roberson</td>
<td>318-3022 Adipiscing Av.</td>
<td>Switzerland</td>
<td>Doues</td>
<td>Willa Hensley</td>
<td>Vehicula LLP</td>
<td>25972471299</td>
<td>-36.95449</td>
<td>35.7161</td>
<td>2019-03-23 11:36:19</td>
<td>13/04/20</td>
<td>2020-01-12 17:36:13</td>
<td>PDT</td>
<td>$72178.30</td>
<td>ut.molestie.in@loremvitae.ca</td>
<td>631-6228</td>
<td>6</td>
<td></td>
</tr>
<tr>
<td>465099461</td>
<td>Reese Y. Wagner</td>
<td>9248 Hendrerit Ave</td>
<td>Canada</td>
<td>Bellevue</td>
<td>Jade Thomas</td>
<td>Magna Corp.</td>
<td>89884508899</td>
<td>-21.19867</td>
<td>-90.01975</td>
<td>2019-07-21 23:16:57</td>
<td>04/09/18</td>
<td>2018-07-14 03:01:55</td>
<td>PDT</td>
<td>$52335.19</td>
<td>sem@porttitorvulputateposuere.co.uk</td>
<td>289-9705</td>
<td>5</td>
<td></td>
</tr>
<tr>
<td>398720431</td>
<td>Cassandra N. Gross</td>
<td>141-6837 Amet, Ave</td>
<td>Oman</td>
<td>Guardia Sanframondi</td>
<td>Thor Powell</td>
<td>Non Ante Inc.</td>
<td>82480723199</td>
<td>70.98602</td>
<td>82.79917</td>
<td>2020-03-15 20:24:27</td>
<td>26/10/19</td>
<td>2018-11-04 08:06:56</td>
<td>PDT</td>
<td>$16708.05</td>
<td>tristique.neque.venenatis@libero.co.uk</td>
<td>1-781-822-1852</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>9036359K</td>
<td>Ishmael Y. Clayton</td>
<td>483-6510 Primis Rd.</td>
<td>Sint Maarten</td>
<td>Genzano di Lucania</td>
<td>Murphy Wolf</td>
<td>In Hendrerit Consectetuer Limited</td>
<td>63909733499</td>
<td>89.58444</td>
<td>76.23368</td>
<td>2019-03-21 13:00:20</td>
<td>27/10/18</td>
<td>2018-05-20 19:01:31</td>
<td>PDT</td>
<td>$84047.92</td>
<td>luctus.Curabitur.egestas@Crasconvallisconvallis.edu</td>
<td>1-461-193-0112</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>389772283</td>
<td>Stuart C. Joyce</td>
<td>Ap #131-985 Integer Av.</td>
<td>Bouvet Island</td>
<td>Leersum</td>
<td>Denise Barry</td>
<td>Suspendisse Aliquet Sem LLP</td>
<td>34887383999</td>
<td>-88.78717</td>
<td>28.97232</td>
<td>2018-05-03 01:23:46</td>
<td>20/08/18</td>
<td>2020-03-18 23:38:00</td>
<td>PST</td>
<td>$88461.01</td>
<td>egestas@inmolestietortor.net</td>
<td>597-2871</td>
<td>5</td>
<td></td>
</tr>
<tr>
<td>81446695</td>
<td>Willa I. George</td>
<td>942-2277 Semper Avenue</td>
<td>Tokelau</td>
<td>Greenwich</td>
<td>Grace Butler</td>
<td>Eros Incorporated</td>
<td>12979293099</td>
<td>56.21428</td>
<td>12.63295</td>
<td>2019-12-09 14:40:36</td>
<td>26/02/19</td>
<td>2019-07-31 11:14:30</td>
<td>PDT</td>
<td>$12197.07</td>
<td>mi.eleifend.egestas@risus.com</td>
<td>389-0900</td>
<td>8</td>
<td></td>
</tr>
<tr>
<td>500685816</td>
<td>Carlos U. Reyes</td>
<td>Ap #815-3108 Conubia Road</td>
<td>Falkland Islands</td>
<td>Itajaí</td>
<td>Dean Sherman</td>
<td>Libero Integer LLP</td>
<td>15847671499</td>
<td>5.8307</td>
<td>-74.93198</td>
<td>2019-06-15 17:44:54</td>
<td>29/09/19</td>
<td>2020-03-01 19:37:04</td>
<td>PDT</td>
<td>$43345.74</td>
<td>eleifend.nec@vitaesodalesat.ca</td>
<td>455-7113</td>
<td>5</td>
<td></td>
</tr>
<tr>
<td>457242182</td>
<td>Hermione B. Lee</td>
<td>Ap #422-1839 Rutrum Rd.</td>
<td>Rwanda</td>
<td>PiŽtrain</td>
<td>Howard Valdez</td>
<td>Sollicitudin Limited</td>
<td>80426922499</td>
<td>-9.01342</td>
<td>68.71341</td>
<td>2020-01-14 15:53:18</td>
<td>04/10/18</td>
<td>2019-09-28 18:27:51</td>
<td>PDT</td>
<td>$49349.89</td>
<td>eleifend.nec.malesuada@molestiearcuSed.org</td>
<td>655-7290</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>183731130</td>
<td>Nelle T. Humphrey</td>
<td>889-6097 Erat Av.</td>
<td>Moldova</td>
<td>Fort St. John</td>
<td>Phoebe Roy</td>
<td>Luctus Et Ultrices Associates</td>
<td>71218005699</td>
<td>80.81534</td>
<td>-23.54473</td>
<td>2018-08-06 00:30:48</td>
<td>28/07/18</td>
<td>2019-07-20 18:58:39</td>
<td>PST</td>
<td>$20426.08</td>
<td>non@sedestNunc.com</td>
<td>1-217-489-4334</td>
<td>4</td>
<td></td>
</tr>
<tr>
<td>434423244</td>
<td>Cooper M. Estes</td>
<td>4438 Et, Road</td>
<td>Colombia</td>
<td>Viesville</td>
<td>Quentin Kent</td>
<td>Ut Tincidunt Orci Foundation</td>
<td>22577824199</td>
<td>88.14995</td>
<td>10.13151</td>
<td>2019-09-27 05:13:59</td>
<td>17/06/19</td>
<td>2020-02-19 16:46:00</td>
<td>PDT</td>
<td>$00479.64</td>
<td>pede.malesuada@magnis.com</td>
<td>120-2740</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>173142277</td>
<td>Odette A. Contreras</td>
<td>Ap #595-976 Mauris Av.</td>
<td>Cuba</td>
<td>Charny</td>
<td>Mara Goodwin</td>
<td>Pellentesque LLC</td>
<td>12418581499</td>
<td>-27.97145</td>
<td>-66.93835</td>
<td>2018-09-13 17:16:23</td>
<td>28/02/19</td>
<td>2019-12-03 15:10:20</td>
<td>PDT</td>
<td>$03195.51</td>
<td>lorem.vitae@aultriciesadipiscing.com</td>
<td>563-1027</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>329934357</td>
<td>Keelie H. Nicholson</td>
<td>P.O. Box 699, 2608 Tortor, Road</td>
<td>Russian Federation</td>
<td>Trollhättan</td>
<td>Silas Diaz</td>
<td>Mollis Associates</td>
<td>63700729899</td>
<td>79.61691</td>
<td>-83.95099</td>
<td>2019-11-28 18:58:15</td>
<td>16/03/20</td>
<td>2019-07-17 08:19:36</td>
<td>PDT</td>
<td>$53207.42</td>
<td>ipsum.Suspendisse.sagittis@sem.org</td>
<td>1-559-904-1886</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>474872939</td>
<td>Cecilia H. Frank</td>
<td>839-1282 Nec Road</td>
<td>Northern Mariana Islands</td>
<td>San Giovanni Lipioni</td>
<td>Paloma Dean</td>
<td>At Corp.</td>
<td>24891310699</td>
<td>30.42826</td>
<td>-142.47665</td>
<td>2019-05-24 17:49:35</td>
<td>26/09/19</td>
<td>2019-12-05 11:34:22</td>
<td>PST</td>
<td>$10381.16</td>
<td>Donec.tempus@enim.ca</td>
<td>1-767-599-5793</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>237732855</td>
<td>Melinda V. Hancock</td>
<td>Ap #935-5278 Ut, Av.</td>
<td>French Polynesia</td>
<td>Saint-Denis</td>
<td>Vanna Weber</td>
<td>Vulputate Dui Corporation</td>
<td>93847126699</td>
<td>-35.24843</td>
<td>139.47048</td>
<td>2020-04-01 01:53:34</td>
<td>27/08/19</td>
<td>2019-09-12 09:58:48</td>
<td>PDT</td>
<td>$02518.53</td>
<td>tempus.risus@arcuNunc.com</td>
<td>629-3462</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>36599904K</td>
<td>Sandra W. Mcclain</td>
<td>Ap #685-944 Suspendisse Rd.</td>
<td>French Guiana</td>
<td>Chiari</td>
<td>Kennan Blanchard</td>
<td>Nisi A Odio Industries</td>
<td>34600392099</td>
<td>0.3617</td>
<td>-21.78242</td>
<td>2020-02-10 06:28:52</td>
<td>23/09/19</td>
<td>2018-09-04 04:51:27</td>
<td>PDT</td>
<td>$14114.00</td>
<td>et.netus@laciniaorci.net</td>
<td>477-8047</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>391273049</td>
<td>Leah T. Henson</td>
<td>426-927 Metus. Av.</td>
<td>Switzerland</td>
<td>Fabro</td>
<td>Jolie Orr</td>
<td>Scelerisque Dui Suspendisse Ltd</td>
<td>81751496899</td>
<td>47.77387</td>
<td>47.75601</td>
<td>2018-06-04 17:50:17</td>
<td>21/11/19</td>
<td>2019-10-28 20:19:02</td>
<td>PDT</td>
<td>$44936.48</td>
<td>mauris.ut@tempusrisusDonec.edu</td>
<td>212-2265</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>381714640</td>
<td>Samuel A. Anthony</td>
<td>1778 Proin St.</td>
<td>Nepal</td>
<td>Aisemont</td>
<td>Xavier Hoover</td>
<td>Per Ltd</td>
<td>75946837399</td>
<td>-15.41389</td>
<td>142.52182</td>
<td>2020-03-02 13:37:26</td>
<td>28/01/19</td>
<td>2018-06-01 01:45:55</td>
<td>PDT</td>
<td>$26708.66</td>
<td>Duis@Donecnibhenim.co.uk</td>
<td>753-2322</td>
<td>3</td>
<td></td>
</tr>
<tr>
<td>466825212</td>
<td>Tanner Q. Powers</td>
<td>675-5189 Donec Ave</td>
<td>Mauritania</td>
<td>Ucluelet</td>
<td>Molly Cain</td>
<td>Imperdiet Non Inc.</td>
<td>43623678899</td>
<td>34.17445</td>
<td>-60.66068</td>
<td>2020-01-12 07:09:57</td>
<td>20/09/19</td>
<td>2018-10-01 10:15:46</td>
<td>PST</td>
<td>$29941.26</td>
<td>nibh@sedfacilisisvitae.net</td>
<td>709-3504</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>306059262</td>
<td>Gemma S. Donaldson</td>
<td>815-4374 Sodales Rd.</td>
<td>Mongolia</td>
<td>Stirling</td>
<td>Sonya Charles</td>
<td>Donec Tempus Lorem Foundation</td>
<td>96492478299</td>
<td>-84.75575</td>
<td>30.85759</td>
<td>2019-07-16 16:20:57</td>
<td>26/08/18</td>
<td>2019-06-21 04:38:33</td>
<td>PDT</td>
<td>$12765.79</td>
<td>velit.Pellentesque.ultricies@orciconsectetuereuismod.org</td>
<td>1-196-679-5398</td>
<td>4</td>
<td></td>
</tr>
<tr>
<td>498097030</td>
<td>Devin P. Cline</td>
<td>168-5287 Libero Ave</td>
<td>Hungary</td>
<td>Akşehir</td>
<td>Cailin Bruce</td>
<td>Mauris Corporation</td>
<td>16200595699</td>
<td>76.59449</td>
<td>114.27132</td>
<td>2018-12-13 16:48:11</td>
<td>12/04/20</td>
<td>2018-10-31 09:13:51</td>
<td>PDT</td>
<td>$85822.90</td>
<td>risus.Donec.nibh@adipiscingelitAliquam.org</td>
<td>1-231-949-2611</td>
<td>8</td>
<td></td>
</tr>
<tr>
<td>120249843</td>
<td>Zeph P. Garcia</td>
<td>Ap #104-7705 Per Avenue</td>
<td>Liechtenstein</td>
<td>Valkenburg aan de Geul</td>
<td>Hiram Fleming</td>
<td>Placerat Velit Quisque Institute</td>
<td>63398162499</td>
<td>88.30805</td>
<td>-89.04727</td>
<td>2019-01-12 23:49:31</td>
<td>09/03/20</td>
<td>2018-06-30 05:01:18</td>
<td>PDT</td>
<td>$25462.41</td>
<td>iaculis.odio@Suspendisseacmetus.org</td>
<td>1-603-762-9764</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>50846806</td>
<td>Kellie Q. Charles</td>
<td>Ap #435-5911 Quis St.</td>
<td>South Africa</td>
<td>Merzig</td>
<td>Hermione Carney</td>
<td>Mollis Nec Cursus Corporation</td>
<td>84996045699</td>
<td>76.79126</td>
<td>-83.45942</td>
<td>2018-08-21 21:48:00</td>
<td>11/02/20</td>
<td>2018-09-21 15:54:57</td>
<td>PDT</td>
<td>$30914.84</td>
<td>blandit@interdum.org</td>
<td>1-255-356-5084</td>
<td>6</td>
<td></td>
</tr>
<tr>
<td>37342868K</td>
<td>Marny E. Shelton</td>
<td>P.O. Box 942, 5733 Augue Street</td>
<td>Moldova</td>
<td>Treppo Carnico</td>
<td>Teagan Haley</td>
<td>Volutpat Nulla LLC</td>
<td>39216464299</td>
<td>-59.09746</td>
<td>148.31371</td>
<td>2019-08-10 01:18:23</td>
<td>15/11/19</td>
<td>2019-01-21 15:46:43</td>
<td>PST</td>
<td>$81585.15</td>
<td>in.tempus@metusInlorem.org</td>
<td>820-8296</td>
<td>4</td>
<td></td>
</tr>
<tr>
<td>383281571</td>
<td>Kaye K. Velazquez</td>
<td>Ap #797-9673 Lorem, Ave</td>
<td>Panama</td>
<td>Québec City</td>
<td>Natalie Jensen</td>
<td>Purus Ac Tellus Corporation</td>
<td>87769235299</td>
<td>-75.81824</td>
<td>-164.53735</td>
<td>2019-11-26 16:13:50</td>
<td>19/10/18</td>
<td>2018-04-26 02:36:22</td>
<td>PDT</td>
<td>$60217.84</td>
<td>in@nunc.org</td>
<td>1-470-907-7287</td>
<td>3</td>
<td></td>
</tr>
<tr>
<td>137423448</td>
<td>David Z. Allison</td>
<td>2852 Dictum Road</td>
<td>India</td>
<td>Rachecourt</td>
<td>Ryder Mays</td>
<td>Nulla Facilisis Suspendisse Incorporated</td>
<td>37662209799</td>
<td>-86.46214</td>
<td>-10.41009</td>
<td>2019-05-30 13:41:44</td>
<td>26/10/18</td>
<td>2020-04-09 06:16:15</td>
<td>PDT</td>
<td>$12094.43</td>
<td>Nullam.ut.nisi@vitaenibhDonec.ca</td>
<td>1-780-194-9652</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>484358303</td>
<td>Alea W. Myers</td>
<td>9068 Aptent Rd.</td>
<td>Georgia</td>
<td>Milwaukee</td>
<td>Ayanna Bradshaw</td>
<td>Est Mauris Industries</td>
<td>84505303699</td>
<td>-41.82831</td>
<td>-78.13223</td>
<td>2019-12-11 19:41:42</td>
<td>18/07/19</td>
<td>2020-01-15 16:43:56</td>
<td>PST</td>
<td>$36288.42</td>
<td>Quisque@augueeutempor.co.uk</td>
<td>463-1143</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>251222134</td>
<td>Igor E. House</td>
<td>Ap #684-4781 Ut Ave</td>
<td>Bhutan</td>
<td>Todi</td>
<td>Kaseem Nash</td>
<td>Bibendum Sed Incorporated</td>
<td>91393836599</td>
<td>10.53105</td>
<td>-160.14301</td>
<td>2018-09-14 12:02:53</td>
<td>08/11/19</td>
<td>2019-02-01 07:53:03</td>
<td>PDT</td>
<td>$30489.03</td>
<td>arcu.Nunc@vulputateduinec.ca</td>
<td>174-5351</td>
<td>5</td>
<td></td>
</tr>
<tr>
<td>423102993</td>
<td>Sasha X. Sherman</td>
<td>7260 Nunc Street</td>
<td>New Zealand</td>
<td>Sokoto</td>
<td>Lev Alvarado</td>
<td>Sociis Natoque Penatibus Associates</td>
<td>02707597499</td>
<td>80.09698</td>
<td>28.94072</td>
<td>2019-08-18 17:03:45</td>
<td>21/05/19</td>
<td>2018-10-19 11:13:06</td>
<td>PDT</td>
<td>$14243.46</td>
<td>lorem@Cumsociis.com</td>
<td>1-982-499-2446</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>408702941</td>
<td>Signe T. Witt</td>
<td>Ap #753-6683 Id, Road</td>
<td>Mexico</td>
<td>Roio del Sangro</td>
<td>Julian Brooks</td>
<td>Eleifend Non Dapibus Associates</td>
<td>97265820799</td>
<td>69.91254</td>
<td>74.32922</td>
<td>2018-08-31 05:37:45</td>
<td>20/09/18</td>
<td>2019-03-07 09:37:10</td>
<td>PST</td>
<td>$33073.34</td>
<td>gravida@sedpede.net</td>
<td>176-3692</td>
<td>8</td>
<td></td>
</tr>
<tr>
<td>167181678</td>
<td>Nevada P. Mccoy</td>
<td>Ap #559-1017 Dignissim. Ave</td>
<td>Bonaire, Sint Eustatius and Saba</td>
<td>Vigo</td>
<td>Wyoming Robles</td>
<td>Ultricies Ligula Nullam Inc.</td>
<td>62802708699</td>
<td>23.91274</td>
<td>100.39545</td>
<td>2018-09-17 05:24:52</td>
<td>23/09/19</td>
<td>2019-09-15 08:55:27</td>
<td>PDT</td>
<td>$18285.53</td>
<td>Nulla.semper.tellus@seddui.net</td>
<td>644-8477</td>
<td>8</td>
<td></td>
</tr>
<tr>
<td>255498665</td>
<td>Aiko P. Benton</td>
<td>4916 Pede. Av.</td>
<td>Canada</td>
<td>Relegem</td>
<td>Dora Atkinson</td>
<td>Risus Associates</td>
<td>03529162299</td>
<td>-56.22161</td>
<td>110.98359</td>
<td>2019-11-01 08:13:20</td>
<td>27/09/18</td>
<td>2020-03-04 03:14:35</td>
<td>PST</td>
<td>$60809.24</td>
<td>eget@elementumduiquis.edu</td>
<td>636-9430</td>
<td>4</td>
<td></td>
</tr>
<tr>
<td>371567968</td>
<td>Sade P. Bartlett</td>
<td>903-9013 A Avenue</td>
<td>Northern Mariana Islands</td>
<td>Castiglione di Sicilia</td>
<td>Hamilton Merrill</td>
<td>Suspendisse Institute</td>
<td>27982457699</td>
<td>-30.66337</td>
<td>175.47112</td>
<td>2018-12-16 10:03:04</td>
<td>20/03/20</td>
<td>2018-06-09 12:12:32</td>
<td>PST</td>
<td>$14895.94</td>
<td>velit@nonummyultricies.edu</td>
<td>1-987-651-5664</td>
<td>3</td>
<td></td>
</tr>
<tr>
<td>322994877</td>
<td>Fredericka H. Landry</td>
<td>P.O. Box 342, 1285 Elit. Rd.</td>
<td>Albania</td>
<td>Sankt Wendel</td>
<td>Theodore Jordan</td>
<td>Ac Associates</td>
<td>22783898699</td>
<td>-29.9656</td>
<td>104.55726</td>
<td>2018-06-08 06:59:35</td>
<td>01/06/19</td>
<td>2019-07-18 00:34:48</td>
<td>PST</td>
<td>$52855.11</td>
<td>dolor.quam@viverraDonectempus.co.uk</td>
<td>615-9888</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>277976412</td>
<td>Indira H. Fletcher</td>
<td>6264 Curae; Rd.</td>
<td>India</td>
<td>Genval</td>
<td>Gage Church</td>
<td>Molestie Dapibus Ligula LLP</td>
<td>42843400299</td>
<td>21.96031</td>
<td>-0.31619</td>
<td>2019-07-18 22:57:54</td>
<td>15/12/19</td>
<td>2018-09-14 04:35:23</td>
<td>PDT</td>
<td>$46095.22</td>
<td>Nulla.eu.neque@ac.org</td>
<td>1-413-621-4698</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>372757892</td>
<td>Blythe X. Avery</td>
<td>Ap #603-8246 Nunc Av.</td>
<td>Guyana</td>
<td>Whyalla</td>
<td>Lee Pittman</td>
<td>Convallis Erat PC</td>
<td>41227267999</td>
<td>-42.87923</td>
<td>58.47521</td>
<td>2020-03-12 08:50:50</td>
<td>30/03/19</td>
<td>2018-10-11 09:21:57</td>
<td>PDT</td>
<td>$51743.81</td>
<td>tincidunt.congue@arcu.co.uk</td>
<td>533-7409</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>378410142</td>
<td>Armando N. Ferrell</td>
<td>579-9743 In, Avenue</td>
<td>Slovenia</td>
<td>Dehri</td>
<td>Stephanie Gallegos</td>
<td>Tempor LLC</td>
<td>14402742299</td>
<td>58.59807</td>
<td>-27.38365</td>
<td>2018-06-26 06:44:44</td>
<td>19/09/19</td>
<td>2018-07-07 17:34:04</td>
<td>PST</td>
<td>$00006.09</td>
<td>Nullam@sitametdiam.com</td>
<td>1-921-435-9660</td>
<td>8</td>
<td></td>
</tr>
<tr>
<td>359626215</td>
<td>Dorian O. Bates</td>
<td>P.O. Box 917, 4670 Et Road</td>
<td>Swaziland</td>
<td>Dolceacqua</td>
<td>Cassandra Mcclure</td>
<td>Erat Nonummy Consulting</td>
<td>88439344999</td>
<td>-68.67631</td>
<td>-114.51021</td>
<td>2019-08-30 04:35:48</td>
<td>27/07/19</td>
<td>2018-09-30 03:39:41</td>
<td>PST</td>
<td>$92574.36</td>
<td>elit.erat@sedorcilobortis.org</td>
<td>1-523-322-1092</td>
<td>3</td>
<td></td>
</tr>
<tr>
<td>393869526</td>
<td>Caleb D. Vance</td>
<td>4891 Scelerisque Street</td>
<td>Laos</td>
<td>Devon</td>
<td>Amal Massey</td>
<td>Iaculis Enim Industries</td>
<td>60601484499</td>
<td>-28.89288</td>
<td>-151.24472</td>
<td>2019-07-28 15:44:18</td>
<td>19/10/19</td>
<td>2019-08-19 17:01:20</td>
<td>PST</td>
<td>$00327.19</td>
<td>augue.porttitor@nuncidenim.co.uk</td>
<td>1-919-235-9223</td>
<td>5</td>
<td></td>
</tr>
<tr>
<td>191576322</td>
<td>Amy I. Bradley</td>
<td>7609 Non, St.</td>
<td>Niue</td>
<td>Austin</td>
<td>Brandon Douglas</td>
<td>Fermentum Metus Aenean Limited</td>
<td>96234657299</td>
<td>-42.88492</td>
<td>88.77296</td>
<td>2019-08-05 13:59:19</td>
<td>13/03/19</td>
<td>2019-05-10 06:36:17</td>
<td>PDT</td>
<td>$98908.88</td>
<td>elementum.sem@eleifend.org</td>
<td>1-221-812-3627</td>
<td>3</td>
<td></td>
</tr>
<tr>
<td>274109173</td>
<td>Wendy B. Riley</td>
<td>1043 Etiam St.</td>
<td>Moldova</td>
<td>Lac-Serent</td>
<td>Cain Kaufman</td>
<td>Non Limited</td>
<td>38737016799</td>
<td>-89.07199</td>
<td>130.00282</td>
<td>2019-02-20 21:19:39</td>
<td>15/09/19</td>
<td>2018-07-14 17:39:56</td>
<td>PDT</td>
<td>$98870.17</td>
<td>ac.tellus.Suspendisse@quamelementumat.edu</td>
<td>1-431-279-9222</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>342230571</td>
<td>Holmes K. Dean</td>
<td>P.O. Box 584, 1226 Nulla Av.</td>
<td>Isle of Man</td>
<td>Cochrane</td>
<td>Griffin Barker</td>
<td>Et Tristique Incorporated</td>
<td>76916715299</td>
<td>58.53424</td>
<td>-164.90836</td>
<td>2018-12-19 17:43:52</td>
<td>02/09/18</td>
<td>2020-02-07 01:54:26</td>
<td>PDT</td>
<td>$94095.01</td>
<td>enim@Phasellus.com</td>
<td>541-1278</td>
<td>4</td>
<td></td>
</tr>
<tr>
<td>400751277</td>
<td>Shea R. Haley</td>
<td>274-7179 Conubia Street</td>
<td>Serbia</td>
<td>Richmond Hill</td>
<td>Brent Mullen</td>
<td>Aliquet Odio Inc.</td>
<td>11716056699</td>
<td>16.77936</td>
<td>88.80543</td>
<td>2019-12-24 12:38:31</td>
<td>07/12/18</td>
<td>2020-04-09 15:56:09</td>
<td>PDT</td>
<td>$31939.82</td>
<td>Nullam.lobortis.quam@turpis.net</td>
<td>534-8076</td>
<td>4</td>
<td></td>
</tr>
<tr>
<td>456710905</td>
<td>Delilah K. Spencer</td>
<td>992-9720 Commodo Road</td>
<td>Togo</td>
<td>NeuprŽ</td>
<td>Kevin Mann</td>
<td>Tristique Pharetra Quisque Corporation</td>
<td>02721953099</td>
<td>81.27888</td>
<td>52.6698</td>
<td>2018-08-29 00:13:36</td>
<td>02/02/20</td>
<td>2019-08-12 20:56:42</td>
<td>PDT</td>
<td>$73532.60</td>
<td>consequat@accumsan.edu</td>
<td>446-8816</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>408012252</td>
<td>Colorado B. Horne</td>
<td>P.O. Box 876, 286 Tortor. St.</td>
<td>Saint Barthélemy</td>
<td>Aix-en-Provence</td>
<td>Lillith Compton</td>
<td>Erat Sed Consulting</td>
<td>28779013599</td>
<td>24.69341</td>
<td>143.42428</td>
<td>2018-09-18 23:29:18</td>
<td>30/01/19</td>
<td>2020-01-24 01:14:13</td>
<td>PST</td>
<td>$99619.10</td>
<td>magna.a@Cum.ca</td>
<td>1-132-237-7856</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>57079681</td>
<td>Kameko N. Castillo</td>
<td>342-6582 Ipsum. Street</td>
<td>Norfolk Island</td>
<td>Maiduguri</td>
<td>Georgia Whitney</td>
<td>Interdum Company</td>
<td>21781388199</td>
<td>-70.7838</td>
<td>63.30322</td>
<td>2019-04-18 07:16:38</td>
<td>07/11/18</td>
<td>2019-09-30 20:14:40</td>
<td>PDT</td>
<td>$42950.54</td>
<td>malesuada.vel@ametdapibusid.org</td>
<td>219-9153</td>
<td>5</td>
<td></td>
</tr>
<tr>
<td>291463509</td>
<td>Hedy I. Burnett</td>
<td>7880 Ac Rd.</td>
<td>Israel</td>
<td>Muridke</td>
<td>Emerald Morrow</td>
<td>Cras Lorem PC</td>
<td>48202005899</td>
<td>67.76944</td>
<td>98.63072</td>
<td>2019-11-29 12:53:58</td>
<td>15/05/18</td>
<td>2018-06-28 01:55:13</td>
<td>PDT</td>
<td>$73491.65</td>
<td>blandit.viverra@Maecenasornareegestas.co.uk</td>
<td>1-623-197-9498</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>233746428</td>
<td>Rama P. Garner</td>
<td>P.O. Box 582, 9264 Scelerisque Av.</td>
<td>Svalbard and Jan Mayen Islands</td>
<td>Mignanego</td>
<td>Ashton Vazquez</td>
<td>Rutrum PC</td>
<td>11815293899</td>
<td>-61.68378</td>
<td>-164.07959</td>
<td>2020-01-03 22:49:21</td>
<td>29/01/19</td>
<td>2019-09-13 07:38:05</td>
<td>PDT</td>
<td>$96546.65</td>
<td>elit.Nulla@Loremipsum.ca</td>
<td>215-2924</td>
<td>3</td>
<td></td>
</tr>
<tr>
<td>212851345</td>
<td>Christian G. Hooper</td>
<td>P.O. Box 141, 9652 Fusce Road</td>
<td>Haiti</td>
<td>Montebelluna</td>
<td>Hilary Justice</td>
<td>Nec Tempus Scelerisque LLP</td>
<td>92511588599</td>
<td>-60.01603</td>
<td>-90.7262</td>
<td>2018-04-19 07:35:50</td>
<td>22/10/19</td>
<td>2019-09-14 13:45:10</td>
<td>PDT</td>
<td>$49560.33</td>
<td>consequat.nec@Duisacarcu.com</td>
<td>1-862-649-4581</td>
<td>6</td>
<td></td>
</tr>
<tr>
<td>431791277</td>
<td>Isabelle B. Beach</td>
<td>P.O. Box 416, 8092 Mollis. Street</td>
<td>Azerbaijan</td>
<td>Whitewater Region Township</td>
<td>Kalia Knight</td>
<td>Vel Pede Blandit Limited</td>
<td>48782180399</td>
<td>-83.18442</td>
<td>2.56926</td>
<td>2019-09-07 22:49:42</td>
<td>28/05/18</td>
<td>2019-09-16 01:12:12</td>
<td>PDT</td>
<td>$50666.20</td>
<td>sit.amet@adipiscingenim.org</td>
<td>975-6200</td>
<td>3</td>
<td></td>
</tr>
<tr>
<td>196830774</td>
<td>Melyssa Y. Guy</td>
<td>1110 Pharetra Rd.</td>
<td>Nigeria</td>
<td>Hard</td>
<td>Brian Fischer</td>
<td>Cursus Vestibulum Mauris Corporation</td>
<td>67789976099</td>
<td>42.12955</td>
<td>-130.52365</td>
<td>2019-04-16 23:40:07</td>
<td>10/09/19</td>
<td>2018-11-13 21:12:59</td>
<td>PDT</td>
<td>$88840.77</td>
<td>Lorem.ipsum@Quisquenonummy.com</td>
<td>816-4009</td>
<td>3</td>
<td></td>
</tr>
<tr>
<td>356045890</td>
<td>Fulton W. Kline</td>
<td>Ap #831-1201 Gravida Rd.</td>
<td>Armenia</td>
<td>Borriana</td>
<td>Blake Joyce</td>
<td>Et Tristique Pellentesque LLC</td>
<td>06560054099</td>
<td>-26.95097</td>
<td>-135.27855</td>
<td>2018-09-23 08:18:00</td>
<td>21/03/19</td>
<td>2018-05-30 15:52:33</td>
<td>PDT</td>
<td>$92651.56</td>
<td>turpis.egestas@mi.ca</td>
<td>1-946-874-1445</td>
<td>4</td>
<td></td>
</tr>
<tr>
<td>11346755K</td>
<td>Henry F. Torres</td>
<td>P.O. Box 151, 2738 Dolor Street</td>
<td>Saint Pierre and Miquelon</td>
<td>Campofelice di Fitalia</td>
<td>Dane Elliott</td>
<td>Rutrum Institute</td>
<td>60438798999</td>
<td>-80.73091</td>
<td>85.75828</td>
<td>2018-11-09 00:09:09</td>
<td>22/01/20</td>
<td>2018-06-08 06:48:11</td>
<td>PDT</td>
<td>$46351.80</td>
<td>tellus.Aenean@sedconsequatauctor.co.uk</td>
<td>1-973-715-9723</td>
<td>8</td>
<td></td>
</tr>
<tr>
<td>350649417</td>
<td>Felix T. Gallegos</td>
<td>4770 Adipiscing Road</td>
<td>Burundi</td>
<td>Redruth</td>
<td>Jack Mays</td>
<td>Ullamcorper Company</td>
<td>01976412099</td>
<td>61.98608</td>
<td>-150.62073</td>
<td>2018-10-04 04:14:22</td>
<td>24/08/18</td>
<td>2018-12-19 05:56:20</td>
<td>PDT</td>
<td>$22480.04</td>
<td>mus.Proin.vel@etnetuset.co.uk</td>
<td>1-744-820-0736</td>
<td>8</td>
<td></td>
</tr>
<tr>
<td>30779909K</td>
<td>Melissa U. Mcfadden</td>
<td>6899 Mollis. St.</td>
<td>Palau</td>
<td>Sant'Agapito</td>
<td>Uma Guy</td>
<td>At Pede Cras Associates</td>
<td>25735286799</td>
<td>33.18624</td>
<td>-124.29807</td>
<td>2018-10-25 07:59:24</td>
<td>04/07/19</td>
<td>2018-11-01 16:20:05</td>
<td>PST</td>
<td>$29101.24</td>
<td>molestie.arcu.Sed@vitae.ca</td>
<td>1-363-821-2178</td>
<td>6</td>
<td></td>
</tr>
<tr>
<td>297351664</td>
<td>Dolan M. Simon</td>
<td>Ap #923-3239 Tincidunt Rd.</td>
<td>Argentina</td>
<td>San Marcello</td>
<td>Holly Decker</td>
<td>Semper Rutrum Foundation</td>
<td>66927043999</td>
<td>81.70433</td>
<td>28.52344</td>
<td>2020-03-26 16:06:06</td>
<td>18/09/19</td>
<td>2020-02-22 07:25:06</td>
<td>PDT</td>
<td>$30526.50</td>
<td>metus.facilisis@etrutrumnon.ca</td>
<td>1-862-334-4124</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>302691711</td>
<td>Pamela G. Velazquez</td>
<td>9109 Ultrices Avenue</td>
<td>Hong Kong</td>
<td>Siliguri</td>
<td>Aladdin Hensley</td>
<td>Leo In Ltd</td>
<td>42238471399</td>
<td>74.13009</td>
<td>-144.03328</td>
<td>2019-02-16 19:14:42</td>
<td>29/10/18</td>
<td>2019-07-07 23:21:19</td>
<td>PST</td>
<td>$09762.36</td>
<td>venenatis.vel@rhoncusDonecest.net</td>
<td>1-450-434-6560</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>156635804</td>
<td>Xenos F. Mejia</td>
<td>329-1131 Luctus St.</td>
<td>Zimbabwe</td>
<td>Milford Haven</td>
<td>Jameson Norton</td>
<td>Posuere Vulputate Lacus Corp.</td>
<td>40240466699</td>
<td>-46.5055</td>
<td>-135.17906</td>
<td>2019-07-05 07:30:30</td>
<td>05/08/19</td>
<td>2019-01-09 21:32:41</td>
<td>PST</td>
<td>$85792.90</td>
<td>amet@tortornibh.edu</td>
<td>1-771-235-5891</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>197525797</td>
<td>Tasha U. Holder</td>
<td>666-9190 Sodales St.</td>
<td>Guinea-Bissau</td>
<td>Bath</td>
<td>Deacon Fowler</td>
<td>Nascetur Associates</td>
<td>41346740999</td>
<td>21.73457</td>
<td>138.78628</td>
<td>2018-09-06 20:18:02</td>
<td>28/07/18</td>
<td>2020-02-09 17:58:11</td>
<td>PST</td>
<td>$12108.78</td>
<td>vitae@vulputate.org</td>
<td>1-886-372-2849</td>
<td>6</td>
<td></td>
</tr>
<tr>
<td>263771753</td>
<td>Rajah K. Daugherty</td>
<td>P.O. Box 192, 7868 Dis Av.</td>
<td>Cocos (Keeling) Islands</td>
<td>Strijtem</td>
<td>Kerry Stephens</td>
<td>Tincidunt Corp.</td>
<td>34332164799</td>
<td>59.48021</td>
<td>33.62045</td>
<td>2019-05-27 15:10:27</td>
<td>17/01/19</td>
<td>2019-10-11 18:53:11</td>
<td>PDT</td>
<td>$52461.05</td>
<td>cursus.et@malesuadamalesuada.org</td>
<td>424-9734</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>106965641</td>
<td>Michelle H. Skinner</td>
<td>P.O. Box 978, 3432 Nisi Rd.</td>
<td>Saint Barthélemy</td>
<td>Newark</td>
<td>Ferdinand Parker</td>
<td>Eu Industries</td>
<td>62866798899</td>
<td>-25.10953</td>
<td>-132.46452</td>
<td>2018-05-22 19:19:38</td>
<td>29/09/18</td>
<td>2019-01-31 07:46:53</td>
<td>PDT</td>
<td>$16582.56</td>
<td>Lorem@felisadipiscingfringilla.com</td>
<td>981-0922</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>348176331</td>
<td>Baker D. Garza</td>
<td>3482 Commodo Av.</td>
<td>Taiwan</td>
<td>Río Negro</td>
<td>Marah Lang</td>
<td>Erat Corp.</td>
<td>23846522099</td>
<td>80.77497</td>
<td>123.63235</td>
<td>2020-03-17 22:44:02</td>
<td>16/01/19</td>
<td>2020-01-29 07:34:30</td>
<td>PDT</td>
<td>$77648.21</td>
<td>velit@Sed.ca</td>
<td>1-629-220-5441</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>290604451</td>
<td>Leilani H. Kennedy</td>
<td>Ap #485-8020 Quisque Av.</td>
<td>Poland</td>
<td>Warszawa</td>
<td>Lilah Huber</td>
<td>Ut Company</td>
<td>43368861099</td>
<td>-54.6438</td>
<td>129.1365</td>
<td>2018-04-21 04:24:36</td>
<td>15/08/19</td>
<td>2019-07-23 12:31:59</td>
<td>PDT</td>
<td>$27262.43</td>
<td>viverra.Donec@In.ca</td>
<td>446-1788</td>
<td>4</td>
<td></td>
</tr>
<tr>
<td>504288811</td>
<td>Cullen C. Johns</td>
<td>832-6525 Molestie Av.</td>
<td>French Polynesia</td>
<td>Montese</td>
<td>Eleanor Hendrix</td>
<td>Laoreet Posuere Enim Company</td>
<td>53307858899</td>
<td>-38.52022</td>
<td>82.43909</td>
<td>2019-06-03 09:37:39</td>
<td>27/08/18</td>
<td>2019-06-26 11:54:35</td>
<td>PST</td>
<td>$55270.92</td>
<td>erat@auctornon.net</td>
<td>346-1401</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>39649812K</td>
<td>Britanni M. Campos</td>
<td>Ap #841-4250 Amet, Av.</td>
<td>Thailand</td>
<td>Armadale</td>
<td>Emma Dotson</td>
<td>Nisi Aenean Eget Corp.</td>
<td>99422696899</td>
<td>58.96752</td>
<td>-117.58278</td>
<td>2020-01-14 18:05:02</td>
<td>15/10/19</td>
<td>2019-02-16 09:17:26</td>
<td>PDT</td>
<td>$95060.19</td>
<td>vitae@mollis.net</td>
<td>856-5406</td>
<td>4</td>
<td></td>
</tr>
<tr>
<td>201184517</td>
<td>Victor I. Barlow</td>
<td>P.O. Box 837, 9273 Massa St.</td>
<td>Zimbabwe</td>
<td>Paiguano</td>
<td>Denise Mcfadden</td>
<td>Dui Semper Company</td>
<td>57591149599</td>
<td>-87.43323</td>
<td>133.70405</td>
<td>2019-04-30 20:07:29</td>
<td>22/03/20</td>
<td>2020-04-08 11:57:22</td>
<td>PDT</td>
<td>$12600.21</td>
<td>Donec.dignissim@Curabitur.com</td>
<td>654-8676</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>217082536</td>
<td>Nina L. Cruz</td>
<td>604-3821 Nunc, Av.</td>
<td>Cocos (Keeling) Islands</td>
<td>Contulmo</td>
<td>James Hodges</td>
<td>Id Enim Curabitur Associates</td>
<td>00578882199</td>
<td>-18.78253</td>
<td>32.04073</td>
<td>2019-08-14 13:38:26</td>
<td>13/10/19</td>
<td>2020-01-30 14:15:52</td>
<td>PST</td>
<td>$68693.77</td>
<td>Lorem@ligulaAeneaneuismod.net</td>
<td>741-8918</td>
<td>4</td>
<td></td>
</tr>
<tr>
<td>95620175</td>
<td>Donovan N. Sutton</td>
<td>8559 Etiam Rd.</td>
<td>Kenya</td>
<td>Gresham</td>
<td>Thomas Sullivan</td>
<td>Sit Amet Lorem LLC</td>
<td>80795428099</td>
<td>-27.63251</td>
<td>-147.24252</td>
<td>2020-03-16 16:58:30</td>
<td>06/07/19</td>
<td>2018-12-25 15:25:12</td>
<td>PDT</td>
<td>$84085.99</td>
<td>et.netus@erat.com</td>
<td>876-9862</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>116265168</td>
<td>Scarlett G. Floyd</td>
<td>P.O. Box 856, 189 Nec, St.</td>
<td>Pakistan</td>
<td>Phoenix</td>
<td>Mikayla Hernandez</td>
<td>Tincidunt Incorporated</td>
<td>52498659299</td>
<td>-20.46478</td>
<td>-21.85605</td>
<td>2018-04-27 01:07:57</td>
<td>07/12/18</td>
<td>2019-09-06 11:40:44</td>
<td>PDT</td>
<td>$07155.39</td>
<td>vulputate.posuere.vulputate@velitdui.edu</td>
<td>717-2598</td>
<td>4</td>
<td></td>
</tr>
<tr>
<td>150986923</td>
<td>Linus D. Wells</td>
<td>9103 Ipsum St.</td>
<td>Russian Federation</td>
<td>Oudenaken</td>
<td>Isadora Howard</td>
<td>Sem Nulla Institute</td>
<td>71572161799</td>
<td>-85.00485</td>
<td>23.60684</td>
<td>2019-01-08 11:11:32</td>
<td>14/09/18</td>
<td>2019-06-22 16:22:00</td>
<td>PST</td>
<td>$48920.57</td>
<td>blandit.enim@tristique.co.uk</td>
<td>1-667-983-4018</td>
<td>4</td>
<td></td>
</tr>
<tr>
<td>496997859</td>
<td>Paula D. Navarro</td>
<td>Ap #882-360 Mus. Avenue</td>
<td>Guinea-Bissau</td>
<td>Salihli</td>
<td>Daquan Weaver</td>
<td>Dignissim Lacus Aliquam Corporation</td>
<td>15966325399</td>
<td>85.43281</td>
<td>-27.56574</td>
<td>2020-01-09 22:41:08</td>
<td>15/09/19</td>
<td>2019-10-07 07:57:50</td>
<td>PST</td>
<td>$53235.64</td>
<td>tincidunt.aliquam.arcu@inconsectetueripsum.org</td>
<td>1-829-166-6033</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>492337595</td>
<td>Malcolm T. Baxter</td>
<td>568-5550 Cursus Rd.</td>
<td>French Southern Territories</td>
<td>Newport</td>
<td>Susan Russo</td>
<td>Vestibulum Industries</td>
<td>92231061699</td>
<td>67.64055</td>
<td>-98.58401</td>
<td>2019-04-07 02:56:54</td>
<td>17/10/19</td>
<td>2019-11-10 06:16:33</td>
<td>PDT</td>
<td>$57094.07</td>
<td>placerat@erateget.ca</td>
<td>1-709-877-9930</td>
<td>3</td>
<td></td>
</tr>
<tr>
<td>362241030</td>
<td>Kai Y. Mueller</td>
<td>P.O. Box 244, 6602 Duis Street</td>
<td>Martinique</td>
<td>Fayetteville</td>
<td>Nell Nelson</td>
<td>Torquent Per Consulting</td>
<td>37548800899</td>
<td>-86.35769</td>
<td>64.80714</td>
<td>2020-03-28 03:36:50</td>
<td>31/10/19</td>
<td>2018-05-12 17:54:37</td>
<td>PST</td>
<td>$78636.66</td>
<td>dignissim.lacus.Aliquam@utpharetra.com</td>
<td>610-9694</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>244637906</td>
<td>Alice D. Holloway</td>
<td>177-8463 Urna. Rd.</td>
<td>Guam</td>
<td>Tramutola</td>
<td>Blake Holt</td>
<td>Erat Industries</td>
<td>16787961299</td>
<td>-47.37492</td>
<td>-129.1421</td>
<td>2018-12-13 18:28:08</td>
<td>28/09/19</td>
<td>2018-07-27 08:03:43</td>
<td>PST</td>
<td>$98904.29</td>
<td>Curae.Donec.tincidunt@variuseteuismod.ca</td>
<td>788-7780</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>268052593</td>
<td>Desirae U. Cameron</td>
<td>642-5058 Nam St.</td>
<td>Belgium</td>
<td>GŽrouville</td>
<td>Hayden Acosta</td>
<td>Ornare Incorporated</td>
<td>84373060799</td>
<td>-81.46518</td>
<td>-38.09689</td>
<td>2018-08-14 02:36:06</td>
<td>18/07/18</td>
<td>2019-01-12 15:31:04</td>
<td>PDT</td>
<td>$58216.70</td>
<td>Donec.egestas.Duis@eu.co.uk</td>
<td>1-548-329-0615</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>23298905K</td>
<td>Abdul V. Howard</td>
<td>742 Dolor Avenue</td>
<td>Morocco</td>
<td>Itanagar</td>
<td>Beatrice Maldonado</td>
<td>Lobortis LLC</td>
<td>13895800199</td>
<td>10.65608</td>
<td>58.87606</td>
<td>2019-08-15 11:55:39</td>
<td>19/12/18</td>
<td>2019-03-22 19:07:37</td>
<td>PDT</td>
<td>$58997.02</td>
<td>sed.pede@egestashendrerit.ca</td>
<td>1-932-948-6613</td>
<td>8</td>
<td></td>
</tr>
<tr>
<td>189845170</td>
<td>Zachery P. Calderon</td>
<td>P.O. Box 138, 8385 Metus Av.</td>
<td>Tajikistan</td>
<td>Grand-Hallet</td>
<td>Zephania Strickland</td>
<td>Mauris Limited</td>
<td>91974798799</td>
<td>67.79569</td>
<td>-120.92694</td>
<td>2019-05-25 11:20:14</td>
<td>17/02/19</td>
<td>2019-01-12 08:41:41</td>
<td>PDT</td>
<td>$21806.93</td>
<td>amet.ornare.lectus@ante.edu</td>
<td>958-6027</td>
<td>8</td>
<td></td>
</tr>
<tr>
<td>162386190</td>
<td>Kenyon H. Dunn</td>
<td>Ap #739-8095 Amet, Road</td>
<td>Venezuela</td>
<td>Eisden</td>
<td>Kylynn Britt</td>
<td>Ut Nulla Ltd</td>
<td>20286466599</td>
<td>54.02909</td>
<td>-108.08149</td>
<td>2019-01-13 01:11:42</td>
<td>12/07/19</td>
<td>2019-03-28 11:44:18</td>
<td>PST</td>
<td>$81447.86</td>
<td>nunc.nulla@id.co.uk</td>
<td>935-5653</td>
<td>4</td>
<td></td>
</tr>
<tr>
<td>396568225</td>
<td>Shay X. Bond</td>
<td>1463 Cras St.</td>
<td>Botswana</td>
<td>Saarlouis</td>
<td>Dakota Maldonado</td>
<td>Rhoncus Company</td>
<td>84815855899</td>
<td>12.03054</td>
<td>-37.46236</td>
<td>2019-05-12 13:49:29</td>
<td>04/07/18</td>
<td>2018-08-15 09:50:20</td>
<td>PST</td>
<td>$91929.76</td>
<td>pede@Maurisvel.edu</td>
<td>980-1327</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>197834013</td>
<td>Harlan T. Barr</td>
<td>Ap #924-6404 Neque Rd.</td>
<td>Iraq</td>
<td>Kolkata</td>
<td>Valentine Duran</td>
<td>Semper Foundation</td>
<td>34938043999</td>
<td>56.3716</td>
<td>-131.82047</td>
<td>2018-08-05 14:15:57</td>
<td>23/03/20</td>
<td>2018-10-11 20:09:56</td>
<td>PDT</td>
<td>$48412.35</td>
<td>Aliquam.auctor.velit@pedeac.co.uk</td>
<td>543-9056</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>169854424</td>
<td>Eleanor T. Owens</td>
<td>P.O. Box 651, 1956 Tortor Av.</td>
<td>Malaysia</td>
<td>Campomorone</td>
<td>Reece Contreras</td>
<td>Orci Donec Nibh Industries</td>
<td>85688141099</td>
<td>-41.53144</td>
<td>157.53845</td>
<td>2019-02-14 05:03:54</td>
<td>24/03/20</td>
<td>2019-11-13 07:28:22</td>
<td>PDT</td>
<td>$46136.81</td>
<td>eu.odio.Phasellus@Namtempor.com</td>
<td>1-272-761-8005</td>
<td>3</td>
<td></td>
</tr>
<tr>
<td>506446694</td>
<td>Quentin U. Atkins</td>
<td>P.O. Box 243, 7126 Lacinia. Rd.</td>
<td>India</td>
<td>Zeist</td>
<td>Malik Bartlett</td>
<td>Luctus Company</td>
<td>27368620499</td>
<td>-76.99374</td>
<td>30.11273</td>
<td>2019-10-21 19:05:14</td>
<td>09/11/18</td>
<td>2018-12-19 10:38:59</td>
<td>PST</td>
<td>$13611.13</td>
<td>per.inceptos@eleifendnunc.net</td>
<td>1-906-639-6116</td>
<td>8</td>
<td></td>
</tr>
<tr>
<td>430229516</td>
<td>Leilani C. Clayton</td>
<td>Ap #973-2701 Urna. Ave</td>
<td>Saint Kitts and Nevis</td>
<td>Recklinghausen</td>
<td>George Rhodes</td>
<td>Nascetur Ridiculus Mus Associates</td>
<td>39908301199</td>
<td>40.4669</td>
<td>-147.11366</td>
<td>2018-07-11 16:44:14</td>
<td>14/01/19</td>
<td>2019-09-20 11:55:00</td>
<td>PST</td>
<td>$46316.60</td>
<td>accumsan@Integerid.com</td>
<td>1-818-141-9416</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>456183557</td>
<td>Daniel C. Callahan</td>
<td>1393 Eleifend, St.</td>
<td>Equatorial Guinea</td>
<td>Zamość</td>
<td>Abigail Glass</td>
<td>Arcu Eu Consulting</td>
<td>53594464399</td>
<td>-30.23054</td>
<td>149.10508</td>
<td>2019-10-31 04:54:26</td>
<td>31/12/19</td>
<td>2018-11-11 07:21:21</td>
<td>PDT</td>
<td>$79838.04</td>
<td>eget@est.ca</td>
<td>1-481-364-8674</td>
<td>7</td>
<td></td>
</tr>
<tr>
<td>322543123</td>
<td>Quynn N. Bridges</td>
<td>Ap #521-2543 Adipiscing St.</td>
<td>Netherlands</td>
<td>Rocca San Felice</td>
<td>Celeste Roy</td>
<td>Iaculis Lacus Pede Company</td>
<td>41719070899</td>
<td>68.67888</td>
<td>-74.04999</td>
<td>2018-07-27 03:00:18</td>
<td>10/02/20</td>
<td>2019-07-10 23:45:34</td>
<td>PDT</td>
<td>$24960.97</td>
<td>sed@massaQuisqueporttitor.co.uk</td>
<td>1-622-378-0763</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>173158629</td>
<td>Dale Q. Hurst</td>
<td>P.O. Box 169, 4784 Quis Av.</td>
<td>Germany</td>
<td>Golspie</td>
<td>Lester Dixon</td>
<td>Est Mauris Corporation</td>
<td>14718185099</td>
<td>-11.00683</td>
<td>15.52299</td>
<td>2019-04-20 07:28:31</td>
<td>13/08/18</td>
<td>2019-08-05 07:55:38</td>
<td>PDT</td>
<td>$67839.71</td>
<td>rutrum@quamPellentesque.co.uk</td>
<td>1-818-551-0019</td>
<td>8</td>
<td></td>
</tr>
<tr>
<td>309440242</td>
<td>Cameron H. Hopper</td>
<td>8862 Feugiat Street</td>
<td>Sudan</td>
<td>Dehri</td>
<td>Nigel Bishop</td>
<td>Donec Tincidunt Donec Incorporated</td>
<td>47472714199</td>
<td>20.55127</td>
<td>161.71389</td>
<td>2018-12-24 00:43:22</td>
<td>06/03/19</td>
<td>2020-02-10 05:01:43</td>
<td>PST</td>
<td>$88963.52</td>
<td>Suspendisse@rhoncusidmollis.com</td>
<td>916-1391</td>
<td>5</td>
<td></td>
</tr>
<tr>
<td>268602054</td>
<td>Keiko X. Boone</td>
<td>P.O. Box 375, 8461 Elit, Road</td>
<td>Algeria</td>
<td>Langenburg</td>
<td>Tatyana Mcdowell</td>
<td>Ut Mi Incorporated</td>
<td>48332450299</td>
<td>-89.57767</td>
<td>165.03676</td>
<td>2019-01-06 20:50:32</td>
<td>23/06/18</td>
<td>2018-10-04 09:36:04</td>
<td>PDT</td>
<td>$94003.71</td>
<td>sociis@leo.org</td>
<td>1-481-947-2083</td>
<td>5</td>
<td></td>
</tr>
<tr>
<td>441605153</td>
<td>Boris A. Mccoy</td>
<td>P.O. Box 648, 7647 A Avenue</td>
<td>Bolivia</td>
<td>East Gwillimbury</td>
<td>Patricia Hoffman</td>
<td>Lobortis Quis Pede Foundation</td>
<td>26794376499</td>
<td>64.54821</td>
<td>-136.91975</td>
<td>2019-08-17 13:21:51</td>
<td>28/04/19</td>
<td>2019-06-09 17:39:05</td>
<td>PST</td>
<td>$88189.21</td>
<td>dui.lectus@massaQuisqueporttitor.co.uk</td>
<td>1-235-205-2996</td>
<td>3</td>
<td></td>
</tr>
<tr>
<td>168445156</td>
<td>Plato H. Dickerson</td>
<td>6938 Volutpat. Ave</td>
<td>Philippines</td>
<td>Täby</td>
<td>Jayme Hamilton</td>
<td>Nec Cursus A PC</td>
<td>25275627899</td>
<td>78.49747</td>
<td>-39.54536</td>
<td>2020-02-05 07:40:16</td>
<td>24/09/19</td>
<td>2019-09-09 00:29:58</td>
<td>PST</td>
<td>$11099.41</td>
<td>Nulla.tincidunt@eleifend.co.uk</td>
<td>157-9201</td>
<td>6</td>
<td></td>
</tr>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</main>
<!-- END Page Content -->
<!-- this overlay is activated only when mobile menu is triggered -->
<div class="page-content-overlay" data-action="toggle" data-class="mobile-nav-on"></div>
<!-- BEGIN Page Footer -->
<!-- BEGIN Page Footer -->
<footer class="page-footer" role="contentinfo">
<div class="d-flex align-items-center flex-1 text-muted">
<span class="hidden-md-down fw-700">2020 © SmartAdmin for PHP by&nbsp;<a href='https://smartadmin.lodev09.com' class='text-primary fw-500' title='smartadmin.lodev09.com' target='_blank'>@lodev09</a></span>
</div>
<div>
<ul class="list-table m-0">
<li><a href="https://smartadmin.lodev09.com/intel_introduction.php" class="text-secondary fw-700">About</a></li>
<li class="pl-3"><a href="https://smartadmin.lodev09.com/info_app_licensing.php" class="text-secondary fw-700">License</a></li>
<li class="pl-3"><a href="https://smartadmin.lodev09.com/docs_general.php" class="text-secondary fw-700">Documentation</a></li>
<li class="pl-3 fs-xl"><a href="https://wrapbootstrap.com/user/lodev09" class="text-secondary" target="_blank"><i class="fal fa-question-circle" aria-hidden="true"></i></a></li>
</ul>
</div>
</footer>
<!-- END Page Footer -->
<!-- END Page Footer -->
<!-- BEGIN Shortcuts -->
<!-- BEGIN Shortcuts -->
<div class="modal fade modal-backdrop-transparent" id="modal-shortcut" tabindex="-1" role="dialog" aria-labelledby="modal-shortcut" aria-hidden="true">
<div class="modal-dialog modal-dialog-top modal-transparent" role="document">
<div class="modal-content">
<div class="modal-body">
<ul class="app-list w-auto h-auto p-0 text-left">
<li>
<a href="https://smartadmin.lodev09.com/intel_introduction.php" class="app-list-item text-white border-0 m-0">
<div class="icon-stack">
<i class="base base-7 icon-stack-3x opacity-100 color-primary-500 "></i>
<i class="base base-7 icon-stack-2x opacity-100 color-primary-300 "></i>
<i class="fal fa-home icon-stack-1x opacity-100 color-white"></i>
</div>
<span class="app-list-name">
Home
</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/page_inbox_general.php" class="app-list-item text-white border-0 m-0">
<div class="icon-stack">
<i class="base base-7 icon-stack-3x opacity-100 color-success-500 "></i>
<i class="base base-7 icon-stack-2x opacity-100 color-success-300 "></i>
<i class="ni ni-envelope icon-stack-1x text-white"></i>
</div>
<span class="app-list-name">
Inbox
</span>
</a>
</li>
<li>
<a href="https://smartadmin.lodev09.com/intel_introduction.php" class="app-list-item text-white border-0 m-0">
<div class="icon-stack">
<i class="base base-7 icon-stack-2x opacity-100 color-primary-300 "></i>
<i class="fal fa-plus icon-stack-1x opacity-100 color-white"></i>
</div>
<span class="app-list-name">
Add More
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END Shortcuts -->
<!-- END Shortcuts -->
</div>
</div>
</div>
<!-- END Page Wrapper -->
<!-- BEGIN Quick Menu -->
<!-- BEGIN Quick Menu -->
<!-- to add more items, please make sure to change the variable '$menu-items: number;' in your _page-components-shortcut.scss -->
<nav class="shortcut-menu d-none d-sm-block">
<input type="checkbox" class="menu-open" name="menu-open" id="menu_open" />
<label for="menu_open" class="menu-open-button ">
<span class="app-shortcut-icon d-block"></span>
</label>
<a href="#" class="menu-item btn" data-toggle="tooltip" data-placement="left" title="Scroll Top">
<i class="fal fa-arrow-up"></i>
</a>
<a href="https://smartadmin.lodev09.com/page_login.php" class="menu-item btn" data-toggle="tooltip" data-placement="left" title="Logout">
<i class="fal fa-sign-out"></i>
</a>
<a href="#" class="menu-item btn" data-action="app-fullscreen" data-toggle="tooltip" data-placement="left" title="Full Screen">
<i class="fal fa-expand"></i>
</a>
<a href="#" class="menu-item btn" data-action="app-print" data-toggle="tooltip" data-placement="left" title="Print page">
<i class="fal fa-print"></i>
</a>
<a href="#" class="menu-item btn" data-action="app-voice" data-toggle="tooltip" data-placement="left" title="Voice command">
<i class="fal fa-microphone"></i>
</a>
</nav>
<!-- END Quick Menu -->
<!-- END Quick Menu -->
<!-- BEGIN Colors -->
<!-- BEGIN Color profile -->
<!-- this area is hidden and will not be seen on screens or screen readers -->
<!-- we use this only for CSS color refernce for JS stuff -->
<p id="js-color-profile" class="d-none">
<span class="color-primary-50"></span>
<span class="color-primary-100"></span>
<span class="color-primary-200"></span>
<span class="color-primary-300"></span>
<span class="color-primary-400"></span>
<span class="color-primary-500"></span>
<span class="color-primary-600"></span>
<span class="color-primary-700"></span>
<span class="color-primary-800"></span>
<span class="color-primary-900"></span>
<span class="color-info-50"></span>
<span class="color-info-100"></span>
<span class="color-info-200"></span>
<span class="color-info-300"></span>
<span class="color-info-400"></span>
<span class="color-info-500"></span>
<span class="color-info-600"></span>
<span class="color-info-700"></span>
<span class="color-info-800"></span>
<span class="color-info-900"></span>
<span class="color-danger-50"></span>
<span class="color-danger-100"></span>
<span class="color-danger-200"></span>
<span class="color-danger-300"></span>
<span class="color-danger-400"></span>
<span class="color-danger-500"></span>
<span class="color-danger-600"></span>
<span class="color-danger-700"></span>
<span class="color-danger-800"></span>
<span class="color-danger-900"></span>
<span class="color-warning-50"></span>
<span class="color-warning-100"></span>
<span class="color-warning-200"></span>
<span class="color-warning-300"></span>
<span class="color-warning-400"></span>
<span class="color-warning-500"></span>
<span class="color-warning-600"></span>
<span class="color-warning-700"></span>
<span class="color-warning-800"></span>
<span class="color-warning-900"></span>
<span class="color-success-50"></span>
<span class="color-success-100"></span>
<span class="color-success-200"></span>
<span class="color-success-300"></span>
<span class="color-success-400"></span>
<span class="color-success-500"></span>
<span class="color-success-600"></span>
<span class="color-success-700"></span>
<span class="color-success-800"></span>
<span class="color-success-900"></span>
<span class="color-fusion-50"></span>
<span class="color-fusion-100"></span>
<span class="color-fusion-200"></span>
<span class="color-fusion-300"></span>
<span class="color-fusion-400"></span>
<span class="color-fusion-500"></span>
<span class="color-fusion-600"></span>
<span class="color-fusion-700"></span>
<span class="color-fusion-800"></span>
<span class="color-fusion-900"></span>
</p>
<!-- END Color profile -->
<!-- END Colors -->
<!-- BEGIN Messenger -->
<!-- BEGIN Messenger -->
<div class="modal fade js-modal-messenger modal-backdrop-transparent" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-right">
<div class="modal-content h-100">
<div class="dropdown-header bg-trans-gradient d-flex align-items-center w-100">
<div class="d-flex flex-row align-items-center mt-1 mb-1 color-white">
<span class="mr-2">
<span class="rounded-circle profile-image d-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-d.png'); background-size: cover;"></span>
</span>
<div class="info-card-text">
<a href="javascript:void(0);" class="fs-lg text-truncate text-truncate-lg text-white" data-toggle="dropdown" aria-expanded="false">
Tracey Chang
<i class="fal fa-angle-down d-inline-block ml-1 text-white fs-md"></i>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Send Email</a>
<a class="dropdown-item" href="#">Create Appointment</a>
<a class="dropdown-item" href="#">Block User</a>
</div>
<span class="text-truncate text-truncate-md opacity-80">IT Director</span>
</div>
</div>
<button type="button" class="close text-white position-absolute pos-top pos-right p-2 m-1 mr-2" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="fal fa-times"></i></span>
</button>
</div>
<div class="modal-body p-0 h-100 d-flex">
<!-- BEGIN msgr-list -->
<div class="msgr-list d-flex flex-column bg-faded border-faded border-top-0 border-right-0 border-bottom-0 position-absolute pos-top pos-bottom">
<div>
<div class="height-4 width-3 h3 m-0 d-flex justify-content-center flex-column color-primary-500 pl-3 mt-2">
<i class="fal fa-search"></i>
</div>
<input type="text" class="form-control bg-white" id="msgr_listfilter_input" placeholder="Filter contacts" aria-label="FriendSearch" data-listfilter="#js-msgr-listfilter">
</div>
<div class="flex-1 h-100 custom-scroll">
<div class="w-100">
<ul id="js-msgr-listfilter" class="list-unstyled m-0">
<li>
<a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="tracey chang online">
<div class="d-table-cell align-middle status status-success status-sm ">
<span class="profile-image-md rounded-circle d-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-d.png'); background-size: cover;"></span>
</div>
<div class="d-table-cell w-100 align-middle pl-2 pr-2">
<div class="text-truncate text-truncate-md">
Tracey Chang
<small class="d-block font-italic text-success fs-xs">
Online
</small>
</div>
</div>
</a>
</li>
<li>
<a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="oliver kopyuv online">
<div class="d-table-cell align-middle status status-success status-sm ">
<span class="profile-image-md rounded-circle d-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-b.png'); background-size: cover;"></span>
</div>
<div class="d-table-cell w-100 align-middle pl-2 pr-2">
<div class="text-truncate text-truncate-md">
Oliver Kopyuv
<small class="d-block font-italic text-success fs-xs">
Online
</small>
</div>
</div>
</a>
</li>
<li>
<a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="dr john cook phd away">
<div class="d-table-cell align-middle status status-warning status-sm ">
<span class="profile-image-md rounded-circle d-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-e.png'); background-size: cover;"></span>
</div>
<div class="d-table-cell w-100 align-middle pl-2 pr-2">
<div class="text-truncate text-truncate-md">
Dr. John Cook PhD
<small class="d-block font-italic fs-xs">
Away
</small>
</div>
</div>
</a>
</li>
<li>
<a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney online">
<div class="d-table-cell align-middle status status-success status-sm ">
<span class="profile-image-md rounded-circle d-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-g.png'); background-size: cover;"></span>
</div>
<div class="d-table-cell w-100 align-middle pl-2 pr-2">
<div class="text-truncate text-truncate-md">
Ali Amdaney
<small class="d-block font-italic fs-xs text-success">
Online
</small>
</div>
</div>
</a>
</li>
<li>
<a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="sarah mcbrook online">
<div class="d-table-cell align-middle status status-success status-sm">
<span class="profile-image-md rounded-circle d-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-h.png'); background-size: cover;"></span>
</div>
<div class="d-table-cell w-100 align-middle pl-2 pr-2">
<div class="text-truncate text-truncate-md">
Sarah McBrook
<small class="d-block font-italic fs-xs text-success">
Online
</small>
</div>
</div>
</a>
</li>
<li>
<a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney offline">
<div class="d-table-cell align-middle status status-sm">
<span class="profile-image-md rounded-circle d-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-a.png'); background-size: cover;"></span>
</div>
<div class="d-table-cell w-100 align-middle pl-2 pr-2">
<div class="text-truncate text-truncate-md">
oliver.kopyuv@gotbootstrap.com
<small class="d-block font-italic fs-xs">
Offline
</small>
</div>
</div>
</a>
</li>
<li>
<a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney busy">
<div class="d-table-cell align-middle status status-danger status-sm">
<span class="profile-image-md rounded-circle d-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-j.png'); background-size: cover;"></span>
</div>
<div class="d-table-cell w-100 align-middle pl-2 pr-2">
<div class="text-truncate text-truncate-md">
oliver.kopyuv@gotbootstrap.com
<small class="d-block font-italic fs-xs text-danger">
Busy
</small>
</div>
</div>
</a>
</li>
<li>
<a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney offline">
<div class="d-table-cell align-middle status status-sm">
<span class="profile-image-md rounded-circle d-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-c.png'); background-size: cover;"></span>
</div>
<div class="d-table-cell w-100 align-middle pl-2 pr-2">
<div class="text-truncate text-truncate-md">
oliver.kopyuv@gotbootstrap.com
<small class="d-block font-italic fs-xs">
Offline
</small>
</div>
</div>
</a>
</li>
<li>
<a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney inactive">
<div class="d-table-cell align-middle">
<span class="profile-image-md rounded-circle d-block" style="background-image:url('https://smartadmin.lodev09.com/assets/img/demo/avatars/avatar-m.png'); background-size: cover;"></span>
</div>
<div class="d-table-cell w-100 align-middle pl-2 pr-2">
<div class="text-truncate text-truncate-md">
+714651347790
<small class="d-block font-italic fs-xs opacity-50">
Missed Call
</small>
</div>
</div>
</a>
</li>
</ul>
<div class="filter-message js-filter-message"></div>
</div>
</div>
<div>
<a class="fs-xl d-flex align-items-center p-3">
<i class="fal fa-cogs"></i>
</a>
</div>
</div>
<!-- END msgr-list -->
<!-- BEGIN msgr -->
<div class="msgr d-flex h-100 flex-column bg-white">
<!-- BEGIN custom-scroll -->
<div class="custom-scroll flex-1 h-100">
<div id="chat_container" class="w-100 p-4">
<!-- start .chat-segment -->
<div class="chat-segment">
<div class="time-stamp text-center mb-2 fw-400">
Jun 19
</div>
</div>
<!-- end .chat-segment -->
<!-- start .chat-segment -->
<div class="chat-segment chat-segment-sent">
<div class="chat-message">
<p>
Hey Tracey, did you get my files?
</p>
</div>
<div class="text-right fw-300 text-muted mt-1 fs-xs">
3:00 pm
</div>
</div>
<!-- end .chat-segment -->
<!-- start .chat-segment -->
<div class="chat-segment chat-segment-get">
<div class="chat-message">
<p>
Hi
</p>
<p>
Sorry going through a busy time in office. Yes I analyzed the solution.
</p>
<p>
It will require some resource, which I could not manage.
</p>
</div>
<div class="fw-300 text-muted mt-1 fs-xs">
3:24 pm
</div>
</div>
<!-- end .chat-segment -->
<!-- start .chat-segment -->
<div class="chat-segment chat-segment-sent chat-start">
<div class="chat-message">
<p>
Okay
</p>
</div>
</div>
<!-- end .chat-segment -->
<!-- start .chat-segment -->
<div class="chat-segment chat-segment-sent chat-end">
<div class="chat-message">
<p>
Sending you some dough today, you can allocate the resources to this project.
</p>
</div>
<div class="text-right fw-300 text-muted mt-1 fs-xs">
3:26 pm
</div>
</div>
<!-- end .chat-segment -->
<!-- start .chat-segment -->
<div class="chat-segment chat-segment-get chat-start">
<div class="chat-message">
<p>
Perfect. Thanks a lot!
</p>
</div>
</div>
<!-- end .chat-segment -->
<!-- start .chat-segment -->
<div class="chat-segment chat-segment-get">
<div class="chat-message">
<p>
I will have them ready by tonight.
</p>
</div>
</div>
<!-- end .chat-segment -->
<!-- start .chat-segment -->
<div class="chat-segment chat-segment-get chat-end">
<div class="chat-message">
<p>
Cheers
</p>
</div>
</div>
<!-- end .chat-segment -->
<!-- start .chat-segment for timestamp -->
<div class="chat-segment">
<div class="time-stamp text-center mb-2 fw-400">
Jun 20
</div>
</div>
<!-- end .chat-segment for timestamp -->
</div>
</div>
<!-- END custom-scroll -->
<!-- BEGIN msgr__chatinput -->
<div class="d-flex flex-column">
<div class="border-faded border-right-0 border-bottom-0 border-left-0 flex-1 mr-3 ml-3 position-relative shadow-top">
<div class="pt-3 pb-1 pr-0 pl-0 rounded-0" tabindex="-1">
<div id="msgr_input" contenteditable="true" data-placeholder="Type your message here..." class="height-10 form-content-editable"></div>
</div>
</div>
<div class="height-8 px-3 d-flex flex-row align-items-center flex-wrap flex-shrink-0">
<a href="javascript:void(0);" class="btn btn-icon fs-xl width-1 mr-1" data-toggle="tooltip" data-original-title="More options" data-placement="top">
<i class="fal fa-ellipsis-v-alt color-fusion-300"></i>
</a>
<a href="javascript:void(0);" class="btn btn-icon fs-xl mr-1" data-toggle="tooltip" data-original-title="Attach files" data-placement="top">
<i class="fal fa-paperclip color-fusion-300"></i>
</a>
<a href="javascript:void(0);" class="btn btn-icon fs-xl mr-1" data-toggle="tooltip" data-original-title="Insert photo" data-placement="top">
<i class="fal fa-camera color-fusion-300"></i>
</a>
<div class="ml-auto">
<a href="javascript:void(0);" class="btn btn-info">Send</a>
</div>
</div>
</div>
<!-- END msgr__chatinput -->
</div>
<!-- END msgr -->
</div>
</div>
</div>
</div>
<!-- END Messenger -->
<!-- END Messenger -->
<!-- BEGIN Page Settings -->
<!-- BEGIN Page Settings -->
<div class="modal fade js-modal-settings modal-backdrop-transparent" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-right modal-md">
<div class="modal-content">
<div class="dropdown-header bg-trans-gradient d-flex justify-content-center align-items-center w-100">
<h4 class="m-0 text-center color-white">
Layout Settings
<small class="mb-0 opacity-80">User Interface Settings</small>
</h4>
<button type="button" class="close text-white position-absolute pos-top pos-right p-2 m-1 mr-2" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="fal fa-times"></i></span>
</button>
</div>
<div class="modal-body p-0">
<div class="settings-panel">
<div class="mt-4 d-table w-100 px-5">
<div class="d-table-cell align-middle">
<h5 class="p-0">
App Layout
</h5>
</div>
</div>
<div class="list" id="fh">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="header-function-fixed"></a>
<span class="onoffswitch-title">Fixed Header</span>
<span class="onoffswitch-title-desc">header is in a fixed at all times</span>
</div>
<div class="list" id="nff">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-function-fixed"></a>
<span class="onoffswitch-title">Fixed Navigation</span>
<span class="onoffswitch-title-desc">left panel is fixed</span>
</div>
<div class="list" id="nfm">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-function-minify"></a>
<span class="onoffswitch-title">Minify Navigation</span>
<span class="onoffswitch-title-desc">Skew nav to maximize space</span>
</div>
<div class="list" id="nfh">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-function-hidden"></a>
<span class="onoffswitch-title">Hide Navigation</span>
<span class="onoffswitch-title-desc">roll mouse on edge to reveal</span>
</div>
<div class="list" id="nft">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-function-top"></a>
<span class="onoffswitch-title">Top Navigation</span>
<span class="onoffswitch-title-desc">Relocate left pane to top</span>
</div>
<div class="list" id="fff">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="footer-function-fixed"></a>
<span class="onoffswitch-title">Fixed Footer</span>
<span class="onoffswitch-title-desc">page footer is fixed</span>
</div>
<div class="list" id="mmb">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-main-boxed"></a>
<span class="onoffswitch-title">Boxed Layout</span>
<span class="onoffswitch-title-desc">Encapsulates to a container</span>
</div>
<div class="expanded">
<ul class="mb-3 mt-1">
<li>
<div class="bg-fusion-50" data-action="toggle" data-class="mod-bg-1"></div>
</li>
<li>
<div class="bg-warning-200" data-action="toggle" data-class="mod-bg-2"></div>
</li>
<li>
<div class="bg-primary-200" data-action="toggle" data-class="mod-bg-3"></div>
</li>
<li>
<div class="bg-success-300" data-action="toggle" data-class="mod-bg-4"></div>
</li>
<li>
<div class="bg-white border" data-action="toggle" data-class="mod-bg-none"></div>
</li>
</ul>
<div class="list" id="mbgf">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-fixed-bg"></a>
<span class="onoffswitch-title">Fixed Background</span>
</div>
</div>
<div class="mt-4 d-table w-100 px-5">
<div class="d-table-cell align-middle">
<h5 class="p-0">
Mobile Menu
</h5>
</div>
</div>
<div class="list" id="nmp">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-mobile-push"></a>
<span class="onoffswitch-title">Push Content</span>
<span class="onoffswitch-title-desc">Content pushed on menu reveal</span>
</div>
<div class="list" id="nmno">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-mobile-no-overlay"></a>
<span class="onoffswitch-title">No Overlay</span>
<span class="onoffswitch-title-desc">Removes mesh on menu reveal</span>
</div>
<div class="list" id="sldo">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-mobile-slide-out"></a>
<span class="onoffswitch-title">Off-Canvas <sup>(beta)</sup></span>
<span class="onoffswitch-title-desc">Content overlaps menu</span>
</div>
<div class="mt-4 d-table w-100 px-5">
<div class="d-table-cell align-middle">
<h5 class="p-0">
Accessibility
</h5>
</div>
</div>
<div class="list" id="mbf">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-bigger-font"></a>
<span class="onoffswitch-title">Bigger Content Font</span>
<span class="onoffswitch-title-desc">content fonts are bigger for readability</span>
</div>
<div class="list" id="mhc">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-high-contrast"></a>
<span class="onoffswitch-title">High Contrast Text (WCAG 2 AA)</span>
<span class="onoffswitch-title-desc">4.5:1 text contrast ratio</span>
</div>
<div class="list" id="mcb">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-color-blind"></a>
<span class="onoffswitch-title">Daltonism <sup>(beta)</sup> </span>
<span class="onoffswitch-title-desc">color vision deficiency</span>
</div>
<div class="list" id="mpc">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-pace-custom"></a>
<span class="onoffswitch-title">Preloader Inside</span>
<span class="onoffswitch-title-desc">preloader will be inside content</span>
</div>
<div class="list" id="mpi">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-panel-icon"></a>
<span class="onoffswitch-title">SmartPanel Icons (not Panels)</span>
<span class="onoffswitch-title-desc">smartpanel buttons will appear as icons</span>
</div>
<div class="mt-4 d-table w-100 px-5">
<div class="d-table-cell align-middle">
<h5 class="p-0">
Global Modifications
</h5>
</div>
</div>
<div class="list" id="mcbg">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-clean-page-bg"></a>
<span class="onoffswitch-title">Clean Page Background</span>
<span class="onoffswitch-title-desc">adds more whitespace</span>
</div>
<div class="list" id="mhni">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-hide-nav-icons"></a>
<span class="onoffswitch-title">Hide Navigation Icons</span>
<span class="onoffswitch-title-desc">invisible navigation icons</span>
</div>
<div class="list" id="dan">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-disable-animation"></a>
<span class="onoffswitch-title">Disable CSS Animation</span>
<span class="onoffswitch-title-desc">Disables CSS based animations</span>
</div>
<div class="list" id="mhic">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-hide-info-card"></a>
<span class="onoffswitch-title">Hide Info Card</span>
<span class="onoffswitch-title-desc">Hides info card from left panel</span>
</div>
<div class="list" id="mlph">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-lean-subheader"></a>
<span class="onoffswitch-title">Lean Subheader</span>
<span class="onoffswitch-title-desc">distinguished page header</span>
</div>
<div class="list" id="mnl">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-nav-link"></a>
<span class="onoffswitch-title">Hierarchical Navigation</span>
<span class="onoffswitch-title-desc">Clear breakdown of nav links</span>
</div>
<div class="list" id="mdn">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-nav-dark"></a>
<span class="onoffswitch-title">Dark Navigation</span>
<span class="onoffswitch-title-desc">Navigation background is darkend</span>
</div>
<hr class="mb-0 mt-4">
<div class="mt-4 d-table w-100 pl-5 pr-3">
<div class="d-table-cell align-middle">
<h5 class="p-0">
Global Font Size
</h5>
</div>
</div>
<div class="list mt-1">
<div class="btn-group btn-group-sm btn-group-toggle my-2" data-toggle="buttons">
<label class="btn btn-default btn-sm" data-action="toggle-swap" data-class="root-text-sm" data-target="html">
<input type="radio" name="changeFrontSize"> SM
</label>
<label class="btn btn-default btn-sm" data-action="toggle-swap" data-class="root-text" data-target="html">
<input type="radio" name="changeFrontSize" checked=""> MD
</label>
<label class="btn btn-default btn-sm" data-action="toggle-swap" data-class="root-text-lg" data-target="html">
<input type="radio" name="changeFrontSize"> LG
</label>
<label class="btn btn-default btn-sm" data-action="toggle-swap" data-class="root-text-xl" data-target="html">
<input type="radio" name="changeFrontSize"> XL
</label>
</div>
<span class="onoffswitch-title-desc d-block mb-0">Change <strong>root</strong> font size to effect rem
values (resets on page refresh)</span>
</div>
<hr class="mb-0 mt-4">
<div class="mt-4 d-table w-100 pl-5 pr-3">
<div class="d-table-cell align-middle">
<h5 class="p-0 pr-2 d-flex">
Theme colors
<a href="#" class="ml-auto fw-400 fs-xs" data-toggle="popover" data-trigger="focus" data-placement="top" title="" data-html="true" data-content="The settings below uses <code>localStorage</code> to load the external <strong>CSS</strong> file as an overlap to the base css. Due to network latency and <strong>CPU utilization</strong>, you may experience a brief flickering effect on page load which may show the intial applied theme for a split second. Setting the prefered style/theme in the header will prevent this from happening." data-original-title="<span class='text-primary'><i class='fal fa-exclamation-triangle mr-1'></i> Heads up!</span>" data-template="<div class=&quot;popover bg-white border-white&quot; role=&quot;tooltip&quot;><div class=&quot;arrow&quot;></div><h3 class=&quot;popover-header bg-transparent&quot;></h3><div class=&quot;popover-body fs-xs&quot;></div></div>"><i class="fal fa-info-circle mr-1"></i> more info</a>
</h5>
</div>
</div>
<div class="expanded theme-colors pl-5 pr-3">
<ul class="m-0">
<li>
<a href="#" id="myapp-0" data-action="theme-update" data-themesave data-theme="" data-toggle="tooltip" data-placement="top" title="Wisteria (base css)" data-original-title="Wisteria (base css)"></a>
</li>
<li>
<a href="#" id="myapp-1" data-action="theme-update" data-themesave data-theme="https://smartadmin.lodev09.com/assets/css/themes/cust-theme-1.css" data-toggle="tooltip" data-placement="top" title="Tapestry" data-original-title="Tapestry"></a>
</li>
<li>
<a href="#" id="myapp-2" data-action="theme-update" data-themesave data-theme="https://smartadmin.lodev09.com/assets/css/themes/cust-theme-2.css" data-toggle="tooltip" data-placement="top" title="Atlantis" data-original-title="Atlantis"></a>
</li>
<li>
<a href="#" id="myapp-3" data-action="theme-update" data-themesave data-theme="https://smartadmin.lodev09.com/assets/css/themes/cust-theme-3.css" data-toggle="tooltip" data-placement="top" title="Indigo" data-original-title="Indigo"></a>
</li>
<li>
<a href="#" id="myapp-4" data-action="theme-update" data-themesave data-theme="https://smartadmin.lodev09.com/assets/css/themes/cust-theme-4.css" data-toggle="tooltip" data-placement="top" title="Dodger Blue" data-original-title="Dodger Blue"></a>
</li>
<li>
<a href="#" id="myapp-5" data-action="theme-update" data-themesave data-theme="https://smartadmin.lodev09.com/assets/css/themes/cust-theme-5.css" data-toggle="tooltip" data-placement="top" title="Tradewind" data-original-title="Tradewind"></a>
</li>
<li>
<a href="#" id="myapp-6" data-action="theme-update" data-themesave data-theme="https://smartadmin.lodev09.com/assets/css/themes/cust-theme-6.css" data-toggle="tooltip" data-placement="top" title="Cranberry" data-original-title="Cranberry"></a>
</li>
<li>
<a href="#" id="myapp-7" data-action="theme-update" data-themesave data-theme="https://smartadmin.lodev09.com/assets/css/themes/cust-theme-7.css" data-toggle="tooltip" data-placement="top" title="Oslo Gray" data-original-title="Oslo Gray"></a>
</li>
<li>
<a href="#" id="myapp-8" data-action="theme-update" data-themesave data-theme="https://smartadmin.lodev09.com/assets/css/themes/cust-theme-8.css" data-toggle="tooltip" data-placement="top" title="Chetwode Blue" data-original-title="Chetwode Blue"></a>
</li>
<li>
<a href="#" id="myapp-9" data-action="theme-update" data-themesave data-theme="https://smartadmin.lodev09.com/assets/css/themes/cust-theme-9.css" data-toggle="tooltip" data-placement="top" title="Apricot" data-original-title="Apricot"></a>
</li>
<li>
<a href="#" id="myapp-10" data-action="theme-update" data-themesave data-theme="https://smartadmin.lodev09.com/assets/css/themes/cust-theme-10.css" data-toggle="tooltip" data-placement="top" title="Blue Smoke" data-original-title="Blue Smoke"></a>
</li>
<li>
<a href="#" id="myapp-11" data-action="theme-update" data-themesave data-theme="https://smartadmin.lodev09.com/assets/css/themes/cust-theme-11.css" data-toggle="tooltip" data-placement="top" title="Green Smoke" data-original-title="Green Smoke"></a>
</li>
<li>
<a href="#" id="myapp-12" data-action="theme-update" data-themesave data-theme="https://smartadmin.lodev09.com/assets/css/themes/cust-theme-12.css" data-toggle="tooltip" data-placement="top" title="Wild Blue Yonder" data-original-title="Wild Blue Yonder"></a>
</li>
<li>
<a href="#" id="myapp-13" data-action="theme-update" data-themesave data-theme="https://smartadmin.lodev09.com/assets/css/themes/cust-theme-13.css" data-toggle="tooltip" data-placement="top" title="Emerald" data-original-title="Emerald"></a>
</li>
<li>
<a href="#" id="myapp-14" data-action="theme-update" data-themesave data-theme="https://smartadmin.lodev09.com/assets/css/themes/cust-theme-14.css" data-toggle="tooltip" data-placement="top" title="Supernova" data-original-title="Supernova"></a>
</li>
<li>
<a href="#" id="myapp-15" data-action="theme-update" data-themesave data-theme="https://smartadmin.lodev09.com/assets/css/themes/cust-theme-15.css" data-toggle="tooltip" data-placement="top" title="Hoki" data-original-title="Hoki"></a>
</li>
</ul>
</div>
<hr class="mb-0 mt-4">
<div class="mt-4 d-table w-100 pl-5 pr-3">
<div class="d-table-cell align-middle">
<h5 class="p-0 pr-2 d-flex">
Theme Modes (beta)
<a href="#" class="ml-auto fw-400 fs-xs" data-toggle="popover" data-trigger="focus" data-placement="top" title="" data-html="true" data-content="This is a brand new technique we are introducing which uses CSS variables to infiltrate color options. While this has been working nicely on modern browsers without much issues, some users <strong>may still face issues on Internet Explorer </strong>. Until these issues are resolved or Internet Explorer improves, this feature will remain in Beta" data-original-title="<span class='text-primary'><i class='fal fa-question-circle mr-1'></i> Why beta?</span>" data-template="<div class=&quot;popover bg-white border-white&quot; role=&quot;tooltip&quot;><div class=&quot;arrow&quot;></div><h3 class=&quot;popover-header bg-transparent&quot;></h3><div class=&quot;popover-body fs-xs&quot;></div></div>"><i class="fal fa-question-circle mr-1"></i> why beta?</a>
</h5>
</div>
</div>
<div class="pl-5 pr-3 py-3">
<div class="ie-only alert alert-warning d-none">
<h6>Internet Explorer Issue</h6>
This particular component may not work as expected in Internet Explorer. Please use with caution.
</div>
<div class="row no-gutters">
<div class="col-4 pr-2 text-center">
<div id="skin-default" data-action="toggle-replace" data-replaceclass="mod-skin-light mod-skin-dark" data-class="" data-toggle="tooltip" data-placement="top" title="" class="d-flex bg-white border border-primary rounded overflow-hidden text-success js-waves-on" data-original-title="Default Mode" style="height: 80px">
<div class="bg-primary-600 bg-primary-gradient px-2 pt-0 border-right border-primary"></div>
<div class="d-flex flex-column flex-1">
<div class="bg-white border-bottom border-primary py-1"></div>
<div class="bg-faded flex-1 pt-3 pb-3 px-2">
<div class="py-3" style="background:url('https://smartadmin.lodev09.com/assets/img/demo/s-1.png') top left no-repeat;background-size: 100%;"></div>
</div>
</div>
</div>
Default
</div>
<div class="col-4 px-1 text-center">
<div id="skin-light" data-action="toggle-replace" data-replaceclass="mod-skin-dark" data-class="mod-skin-light" data-toggle="tooltip" data-placement="top" title="" class="d-flex bg-white border border-secondary rounded overflow-hidden text-success js-waves-on" data-original-title="Light Mode" style="height: 80px">
<div class="bg-white px-2 pt-0 border-right border-"></div>
<div class="d-flex flex-column flex-1">
<div class="bg-white border-bottom border- py-1"></div>
<div class="bg-white flex-1 pt-3 pb-3 px-2">
<div class="py-3" style="background:url('https://smartadmin.lodev09.com/assets/img/demo/s-1.png') top left no-repeat;background-size: 100%;"></div>
</div>
</div>
</div>
Light
</div>
<div class="col-4 pl-2 text-center">
<div id="skin-dark" data-action="toggle-replace" data-replaceclass="mod-skin-light" data-class="mod-skin-dark" data-toggle="tooltip" data-placement="top" title="" class="d-flex bg-white border border-dark rounded overflow-hidden text-success js-waves-on" data-original-title="Dark Mode" style="height: 80px">
<div class="bg-fusion-500 px-2 pt-0 border-right"></div>
<div class="d-flex flex-column flex-1">
<div class="bg-fusion-600 border-bottom py-1"></div>
<div class="bg-fusion-300 flex-1 pt-3 pb-3 px-2">
<div class="py-3 opacity-30" style="background:url('https://smartadmin.lodev09.com/assets/img/demo/s-1.png') top left no-repeat;background-size: 100%;"></div>
</div>
</div>
</div>
Dark
</div>
</div>
</div>
<hr class="mb-0 mt-4">
<div class="pl-5 pr-3 py-3 bg-faded">
<div class="row no-gutters">
<div class="col-6 pr-1">
<a href="#" class="btn btn-outline-danger fw-500 btn-block" data-action="app-reset">Reset Settings</a>
</div>
<div class="col-6 pl-1">
<a href="#" class="btn btn-danger fw-500 btn-block" data-action="factory-reset">Factory Reset</a>
</div>
</div>
</div>
</div> <span id="saving"></span>
</div>
</div>
</div>
</div>
<!-- END Page Settings -->
<!-- END Page Settings -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-143247136-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag()
{
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-143247136-2');
</script>
<!-- base vendor bundle:
DOC: if you remove pace.js from core please note on Internet Explorer some CSS animations may execute before a page is fully loaded, resulting 'jump' animations
+ pace.js (recommended)
+ jquery.js (core)
+ jquery-ui-cust.js (core)
+ popper.js (core)
+ bootstrap.js (core)
+ slimscroll.js (extension)
+ app.navigation.js (core)
+ ba-throttle-debounce.js (core)
+ waves.js (extension)
+ smartpanels.js (extension)
+ src/../jquery-snippets.js (core) -->
<script src="https://smartadmin.lodev09.com/assets/js/vendors.bundle.js"></script>
<script src="https://smartadmin.lodev09.com/assets/js/app.bundle.js"></script>
<!-- datatble responsive bundle contains:
+ jquery.dataTables.js
+ dataTables.bootstrap4.js
+ dataTables.autofill.js
+ dataTables.buttons.js
+ buttons.bootstrap4.js
+ buttons.html5.js
+ buttons.print.js
+ buttons.colVis.js
+ dataTables.colreorder.js
+ dataTables.fixedcolumns.js
+ dataTables.fixedheader.js
+ dataTables.keytable.js
+ dataTables.responsive.js
+ dataTables.rowgroup.js
+ dataTables.rowreorder.js
+ dataTables.scroller.js
+ dataTables.select.js
+ datatables.styles.app.js
+ datatables.styles.buttons.app.js -->
<script src="https://smartadmin.lodev09.com/assets/js/datagrid/datatables/datatables.bundle.js"></script>
<script>
$(document).ready(function()
{
$('#dt-basic-example').dataTable(
{
//responsive: true, // not compatible
scrollY: 400,
scrollX: true,
scrollCollapse: true,
paging: false,
//fixedColumns: true,
fixedColumns:
{
leftColumns: 2
},
columnDefs: [
{
targets: -1,
title: 'Admin Controls',
orderable: false,
render: function(data, type, full, meta)
{
/*
-- ES6
-- convert using https://babeljs.io online transpiler
return `
<div class='d-flex mt-2'>
<a href='javascript:void(0);' class='btn btn-sm btn-outline-danger mr-2' title='Delete Record'>
<i class="fal fa-times"></i> Delete Record
</a>
<a href='javascript:void(0);' class='btn btn-sm btn-outline-primary mr-2' title='Edit'>
<i class="fal fa-edit"></i> Edit
</a>
<div class='dropdown d-inline-block'>
<a href='#'' class='btn btn-sm btn-outline-primary mr-2' data-toggle='dropdown' aria-expanded='true' title='More options'>
<i class="fal fa-plus"></i>
</a>
<div class='dropdown-menu'>
<a class='dropdown-item' href='javascript:void(0);'>Change Status</a>
<a class='dropdown-item' href='javascript:void(0);'>Generate Report</a>
</div>
</div>
</div>`;
ES5 example below:
*/
return "\n\t\t\t\t\t\t<div class='d-flex demo'>\n\t\t\t\t\t\t\t<a href='javascript:void(0);' class='btn btn-sm btn-outline-danger btn-icon btn-inline-block mr-1' title='Delete Record'><i class=\"fal fa-times\"></i></a>\n\t\t\t\t\t\t\t<a href='javascript:void(0);' class='btn btn-sm btn-outline-primary btn-icon btn-inline-block mr-1' title='Edit'><i class=\"fal fa-edit\"></i></a>\n\t\t\t\t\t\t\t<div class='dropdown d-inline-block'>\n\t\t\t\t\t\t\t\t<a href='#' class='btn btn-sm btn-outline-primary btn-icon' data-toggle='dropdown' aria-expanded='true' title='More options'><i class=\"fal fa-plus\"></i></a>\n\t\t\t\t\t\t\t\t<div class='dropdown-menu'>\n\t\t\t\t\t\t\t\t\t<a class='dropdown-item' href='javascript:void(0);'>Change Status</a>\n\t\t\t\t\t\t\t\t\t<a class='dropdown-item' href='javascript:void(0);'>Generate Report</a>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>";
},
},
{
targets: 17,
/* The `data` parameter refers to the data for the cell (defined by the
`data` option, which defaults to the column being worked with, in this case `data: 16`.*/
render: function(data, type, full, meta)
{
var badge = {
1:
{
'title': 'Pending',
'class': 'badge-warning'
},
2:
{
'title': 'Delivered',
'class': 'badge-success'
},
3:
{
'title': 'Canceled',
'class': 'badge-secondary'
},
4:
{
'title': 'Attempt #1',
'class': 'bg-danger-100 text-white'
},
5:
{
'title': 'Attempt #2',
'class': 'bg-danger-300 text-white'
},
6:
{
'title': 'Failed',
'class': 'badge-danger'
},
7:
{
'title': 'Attention!',
'class': 'badge-primary'
},
8:
{
'title': 'In Progress',
'class': 'badge-success'
},
};
if (typeof badge[data] === 'undefined')
{
return data;
}
return '<span class="badge ' + badge[data].class + ' badge-pill">' + badge[data].title + '</span>';
},
}],
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment