-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
6 lines (6 loc) · 84.7 KB
/
index.html
1
2
3
4
5
6
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><title>VinaAS | Dashboard</title><meta name="description" content="Latest updates and statistic charts"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script><script>WebFont.load({
google: {"families":["Poppins:300,400,500,600,700","Roboto:300,400,500,600,700"]},
active: function() {
sessionStorage.fonts = true;
}
});</script><link href="/assets/vendors/custom/fullcalendar/fullcalendar.bundle.css" rel="stylesheet" type="text/css"/><link href="/assets/vendors/base/vendors.bundle.css" rel="stylesheet" type="text/css"/><link href="/assets/demo/default/base/style.bundle.css" rel="stylesheet" type="text/css"/><link rel="shortcut icon" href="/assets/demo/default/media/img/logo/favicon.ico"/></head><body class="m-page--fluid m--skin- m-content--skin-light2 m-header--fixed m-header--fixed-mobile m-aside-left--enabled m-aside-left--skin-dark m-aside-left--offcanvas m-footer--push m-aside--offcanvas-default"><div class="m-grid m-grid--hor m-grid--root m-page"><header class="m-grid__item m-header" data-minimize-offset="200" data-minimize-mobile-offset="200"><div class="m-container m-container--fluid m-container--full-height"><div class="m-stack m-stack--ver m-stack--desktop"><div class="m-stack__item m-brand m-brand--skin-dark"><div class="m-stack m-stack--ver m-stack--general"><div class="m-stack__item m-stack__item--middle m-brand__logo"><a href="/" class="m-brand__logo-wrapper"><img alt="" src="/assets/demo/default/media/img/logo/logo_default_dark.png"></a></div><div class="m-stack__item m-stack__item--middle m-brand__tools"><a href="javascript:;" id="m_aside_left_minimize_toggle" class="m-brand__icon m-brand__toggler m-brand__toggler--left m--visible-desktop-inline-block"><span></span> </a><a href="javascript:;" id="m_aside_left_offcanvas_toggle" class="m-brand__icon m-brand__toggler m-brand__toggler--left m--visible-tablet-and-mobile-inline-block"><span></span> </a><a id="m_aside_header_menu_mobile_toggle" href="javascript:;" class="m-brand__icon m-brand__toggler m--visible-tablet-and-mobile-inline-block"><span></span> </a><a id="m_aside_header_topbar_mobile_toggle" href="javascript:;" class="m-brand__icon m--visible-tablet-and-mobile-inline-block"><i class="flaticon-more"></i></a></div></div></div><div class="m-stack__item m-stack__item--fluid m-header-head" id="m_header_nav"><button class="m-aside-header-menu-mobile-close m-aside-header-menu-mobile-close--skin-dark" id="m_aside_header_menu_mobile_close_btn"><i class="la la-close"></i></button><div id="m_header_menu" class="m-header-menu m-aside-header-menu-mobile m-aside-header-menu-mobile--offcanvas m-header-menu--skin-light m-header-menu--submenu-skin-light m-aside-header-menu-mobile--skin-dark m-aside-header-menu-mobile--submenu-skin-dark"><ul class="m-menu__nav m-menu__nav--submenu-arrow"><li class="m-menu__item m-menu__item--submenu m-menu__item--rel" data-menu-submenu-toggle="click" data-redirect="true" aria-haspopup="true"><a href="#" class="m-menu__link m-menu__toggle"><i class="m-menu__link-icon flaticon-add"></i> <span class="m-menu__link-text">Actions </span><i class="m-menu__hor-arrow la la-angle-down"></i> <i class="m-menu__ver-arrow la la-angle-right"></i></a><div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--left"><span class="m-menu__arrow m-menu__arrow--adjust"></span><ul class="m-menu__subnav"><li class="m-menu__item" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-file"></i> <span class="m-menu__link-text">Create New Post</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-diagram"></i> <span class="m-menu__link-title"><span class="m-menu__link-wrap"><span class="m-menu__link-text">Generate Reports </span><span class="m-menu__link-badge"><span class="m-badge m-badge--success">2</span></span></span></span></a></li><li class="m-menu__item m-menu__item--submenu" data-menu-submenu-toggle="hover" data-redirect="true" aria-haspopup="true"><a href="#" class="m-menu__link m-menu__toggle"><i class="m-menu__link-icon flaticon-business"></i> <span class="m-menu__link-text">Manage Orders </span><i class="m-menu__hor-arrow la la-angle-right"></i> <i class="m-menu__ver-arrow la la-angle-right"></i></a><div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--right"><span class="m-menu__arrow"></span><ul class="m-menu__subnav"><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><span class="m-menu__link-text">Latest Orders</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><span class="m-menu__link-text">Pending Orders</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><span class="m-menu__link-text">Processed Orders</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><span class="m-menu__link-text">Delivery Reports</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><span class="m-menu__link-text">Payments</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><span class="m-menu__link-text">Customers</span></a></li></ul></div></li><li class="m-menu__item m-menu__item--submenu" data-menu-submenu-toggle="hover" data-redirect="true" aria-haspopup="true"><a href="#" class="m-menu__link m-menu__toggle"><i class="m-menu__link-icon flaticon-chat-1"></i> <span class="m-menu__link-text">Customer Feedbacks </span><i class="m-menu__hor-arrow la la-angle-right"></i> <i class="m-menu__ver-arrow la la-angle-right"></i></a><div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--right"><span class="m-menu__arrow"></span><ul class="m-menu__subnav"><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><span class="m-menu__link-text">Customer Feedbacks</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><span class="m-menu__link-text">Supplier Feedbacks</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><span class="m-menu__link-text">Reviewed Feedbacks</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><span class="m-menu__link-text">Resolved Feedbacks</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><span class="m-menu__link-text">Feedback Reports</span></a></li></ul></div></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-users"></i> <span class="m-menu__link-text">Register Member</span></a></li></ul></div></li><li class="m-menu__item m-menu__item--submenu m-menu__item--rel" data-menu-submenu-toggle="click" data-redirect="true" aria-haspopup="true"><a href="#" class="m-menu__link m-menu__toggle"><i class="m-menu__link-icon flaticon-line-graph"></i> <span class="m-menu__link-text">Reports </span><i class="m-menu__hor-arrow la la-angle-down"></i> <i class="m-menu__ver-arrow la la-angle-right"></i></a><div class="m-menu__submenu m-menu__submenu--fixed m-menu__submenu--left" style="width:1000px"><span class="m-menu__arrow m-menu__arrow--adjust"></span><div class="m-menu__subnav"><ul class="m-menu__content"><li class="m-menu__item"><h3 class="m-menu__heading m-menu__toggle"><span class="m-menu__link-text">Finance Reports </span><i class="m-menu__ver-arrow la la-angle-right"></i></h3><ul class="m-menu__inner"><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-map"></i> <span class="m-menu__link-text">Annual Reports</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-user"></i> <span class="m-menu__link-text">HR Reports</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-clipboard"></i> <span class="m-menu__link-text">IPO Reports</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-graphic-1"></i> <span class="m-menu__link-text">Finance Margins</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-graphic-2"></i> <span class="m-menu__link-text">Revenue Reports</span></a></li></ul></li><li class="m-menu__item"><h3 class="m-menu__heading m-menu__toggle"><span class="m-menu__link-text">Project Reports </span><i class="m-menu__ver-arrow la la-angle-right"></i></h3><ul class="m-menu__inner"><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-bullet m-menu__link-bullet--line"><span></span> </i><span class="m-menu__link-text">Coca Cola CRM</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-bullet m-menu__link-bullet--line"><span></span> </i><span class="m-menu__link-text">Delta Airlines Booking Site</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-bullet m-menu__link-bullet--line"><span></span> </i><span class="m-menu__link-text">Malibu Accounting</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-bullet m-menu__link-bullet--line"><span></span> </i><span class="m-menu__link-text">Vineseed Website Rewamp</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-bullet m-menu__link-bullet--line"><span></span> </i><span class="m-menu__link-text">Zircon Mobile App</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-bullet m-menu__link-bullet--line"><span></span> </i><span class="m-menu__link-text">Mercury CMS</span></a></li></ul></li><li class="m-menu__item"><h3 class="m-menu__heading m-menu__toggle"><span class="m-menu__link-text">HR Reports </span><i class="m-menu__ver-arrow la la-angle-right"></i></h3><ul class="m-menu__inner"><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Staff Directory</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Client Directory</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Salary Reports</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Staff Payslips</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Corporate Expenses</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Project Expenses</span></a></li></ul></li><li class="m-menu__item"><h3 class="m-menu__heading m-menu__toggle"><span class="m-menu__link-text">Reporting Apps </span><i class="m-menu__ver-arrow la la-angle-right"></i></h3><ul class="m-menu__inner"><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><span class="m-menu__link-text">Report Adjusments</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><span class="m-menu__link-text">Sources & Mediums</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><span class="m-menu__link-text">Reporting Settings</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><span class="m-menu__link-text">Conversions</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><span class="m-menu__link-text">Report Flows</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><span class="m-menu__link-text">Audit & Logs</span></a></li></ul></li></ul></div></div></li><li class="m-menu__item m-menu__item--submenu m-menu__item--rel" data-menu-submenu-toggle="click" data-redirect="true" aria-haspopup="true"><a href="#" class="m-menu__link m-menu__toggle"><i class="m-menu__link-icon flaticon-paper-plane"></i> <span class="m-menu__link-title"><span class="m-menu__link-wrap"><span class="m-menu__link-text">Apps </span><span class="m-menu__link-badge"><span class="m-badge m-badge--brand m-badge--wide">new </span></span></span></span><i class="m-menu__hor-arrow la la-angle-down"></i> <i class="m-menu__ver-arrow la la-angle-right"></i></a><div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--left"><span class="m-menu__arrow m-menu__arrow--adjust"></span><ul class="m-menu__subnav"><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-business"></i> <span class="m-menu__link-text">eCommerce</span></a></li><li class="m-menu__item m-menu__item--submenu" data-menu-submenu-toggle="hover" data-redirect="true" aria-haspopup="true"><a href="crud/datatable_v1.html" class="m-menu__link m-menu__toggle"><i class="m-menu__link-icon flaticon-computer"></i> <span class="m-menu__link-text">Audience </span><i class="m-menu__hor-arrow la la-angle-right"></i> <i class="m-menu__ver-arrow la la-angle-right"></i></a><div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--right"><span class="m-menu__arrow"></span><ul class="m-menu__subnav"><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-users"></i> <span class="m-menu__link-text">Active Users</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-interface-1"></i> <span class="m-menu__link-text">User Explorer</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-lifebuoy"></i> <span class="m-menu__link-text">Users Flows</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-graphic-1"></i> <span class="m-menu__link-text">Market Segments</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-graphic"></i> <span class="m-menu__link-text">User Reports</span></a></li></ul></div></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-map"></i> <span class="m-menu__link-text">Marketing</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-graphic-2"></i> <span class="m-menu__link-title"><span class="m-menu__link-wrap"><span class="m-menu__link-text">Campaigns </span><span class="m-menu__link-badge"><span class="m-badge m-badge--success">3</span></span></span></span></a></li><li class="m-menu__item m-menu__item--submenu" data-menu-submenu-toggle="hover" data-redirect="true" aria-haspopup="true"><a href="#" class="m-menu__link m-menu__toggle"><i class="m-menu__link-icon flaticon-infinity"></i> <span class="m-menu__link-text">Cloud Manager </span><i class="m-menu__hor-arrow la la-angle-right"></i> <i class="m-menu__ver-arrow la la-angle-right"></i></a><div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--left"><span class="m-menu__arrow"></span><ul class="m-menu__subnav"><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-add"></i> <span class="m-menu__link-title"><span class="m-menu__link-wrap"><span class="m-menu__link-text">File Upload </span><span class="m-menu__link-badge"><span class="m-badge m-badge--danger">3</span></span></span></span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-signs-1"></i> <span class="m-menu__link-text">File Attributes</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-folder"></i> <span class="m-menu__link-text">Folders</span></a></li><li class="m-menu__item" data-redirect="true" aria-haspopup="true"><a href="header/actions.html" class="m-menu__link"><i class="m-menu__link-icon flaticon-cogwheel-2"></i> <span class="m-menu__link-text">System Settings</span></a></li></ul></div></li></ul></div></li></ul></div><div id="m_header_topbar" class="m-topbar m-stack m-stack--ver m-stack--general"><div class="m-stack__item m-topbar__nav-wrapper"><ul class="m-topbar__nav m-nav m-nav--inline"><li class="m-nav__item m-dropdown m-dropdown--large m-dropdown--arrow m-dropdown--align-center m-dropdown--mobile-full-width m-dropdown--skin-light m-list-search m-list-search--skin-light" data-dropdown-toggle="click" data-dropdown-persistent="true" id="m_quicksearch" data-search-type="dropdown"><a href="#" class="m-nav__link m-dropdown__toggle"><span class="m-nav__link-icon"><i class="flaticon-search-1"></i></span></a><div class="m-dropdown__wrapper"><span class="m-dropdown__arrow m-dropdown__arrow--center"></span><div class="m-dropdown__inner"><div class="m-dropdown__header"><form class="m-list-search__form"><div class="m-list-search__form-wrapper"><span class="m-list-search__form-input-wrapper"><input id="m_quicksearch_input" autocomplete="off" type="text" name="q" class="m-list-search__form-input" placeholder="Search..."> </span><span class="m-list-search__form-icon-close" id="m_quicksearch_close"><i class="la la-remove"></i></span></div></form></div><div class="m-dropdown__body"><div class="m-dropdown__scrollable m-scrollable" data-scrollable="true" data-max-height="300" data-mobile-max-height="200"><div class="m-dropdown__content"></div></div></div></div></div></li><li class="m-nav__item m-topbar__notifications m-topbar__notifications--img m-dropdown m-dropdown--large m-dropdown--header-bg-fill m-dropdown--arrow m-dropdown--align-center m-dropdown--mobile-full-width" data-dropdown-toggle="click" data-dropdown-persistent="true"><a href="#" class="m-nav__link m-dropdown__toggle" id="m_topbar_notification_icon"><span class="m-nav__link-badge m-badge m-badge--dot m-badge--dot-small m-badge--danger"></span> <span class="m-nav__link-icon"><i class="flaticon-music-2"></i></span></a><div class="m-dropdown__wrapper"><span class="m-dropdown__arrow m-dropdown__arrow--center"></span><div class="m-dropdown__inner"><div class="m-dropdown__header m--align-center" style="background: url(assets/app/media/img/misc/notification_bg.jpg); background-size: cover"><span class="m-dropdown__header-title">9 New </span><span class="m-dropdown__header-subtitle">User Notifications</span></div><div class="m-dropdown__body"><div class="m-dropdown__content"><ul class="nav nav-tabs m-tabs m-tabs-line m-tabs-line--brand" role="tablist"><li class="nav-item m-tabs__item"><a class="nav-link m-tabs__link active" data-toggle="tab" href="#topbar_notifications_notifications" role="tab">Alerts</a></li><li class="nav-item m-tabs__item"><a class="nav-link m-tabs__link" data-toggle="tab" href="#topbar_notifications_events" role="tab">Events</a></li><li class="nav-item m-tabs__item"><a class="nav-link m-tabs__link" data-toggle="tab" href="#topbar_notifications_logs" role="tab">Logs</a></li></ul><div class="tab-content"><div class="tab-pane active" id="topbar_notifications_notifications" role="tabpanel"><div class="m-scrollable" data-scrollable="true" data-max-height="250" data-mobile-max-height="200"><div class="m-list-timeline m-list-timeline--skin-light"><div class="m-list-timeline__items"><div class="m-list-timeline__item"><span class="m-list-timeline__badge -m-list-timeline__badge--state-success"></span> <span class="m-list-timeline__text">12 new users registered </span><span class="m-list-timeline__time">Just now</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge"></span> <span class="m-list-timeline__text">System shutdown <span class="m-badge m-badge--success m-badge--wide">pending </span></span><span class="m-list-timeline__time">14 mins</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge"></span> <span class="m-list-timeline__text">New invoice received </span><span class="m-list-timeline__time">20 mins</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge"></span> <span class="m-list-timeline__text">DB overloaded 80% <span class="m-badge m-badge--info m-badge--wide">settled </span></span><span class="m-list-timeline__time">1 hr</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge"></span> <span class="m-list-timeline__text">System error - <a href="#" class="m-link">Check </a></span><span class="m-list-timeline__time">2 hrs</span></div><div class="m-list-timeline__item m-list-timeline__item--read"><span class="m-list-timeline__badge"></span> <span href="" class="m-list-timeline__text">New order received <span class="m-badge m-badge--danger m-badge--wide">urgent </span></span><span class="m-list-timeline__time">7 hrs</span></div><div class="m-list-timeline__item m-list-timeline__item--read"><span class="m-list-timeline__badge"></span> <span class="m-list-timeline__text">Production server down </span><span class="m-list-timeline__time">3 hrs</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge"></span> <span class="m-list-timeline__text">Production server up </span><span class="m-list-timeline__time">5 hrs</span></div></div></div></div></div><div class="tab-pane" id="topbar_notifications_events" role="tabpanel"><div class="m-scrollable" m-scrollabledata-scrollable="true" data-max-height="250" data-mobile-max-height="200"><div class="m-list-timeline m-list-timeline--skin-light"><div class="m-list-timeline__items"><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state1-success"></span> <a href="" class="m-list-timeline__text">New order received </a><span class="m-list-timeline__time">Just now</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state1-danger"></span> <a href="" class="m-list-timeline__text">New invoice received </a><span class="m-list-timeline__time">20 mins</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state1-success"></span> <a href="" class="m-list-timeline__text">Production server up </a><span class="m-list-timeline__time">5 hrs</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state1-info"></span> <a href="" class="m-list-timeline__text">New order received </a><span class="m-list-timeline__time">7 hrs</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state1-info"></span> <a href="" class="m-list-timeline__text">System shutdown </a><span class="m-list-timeline__time">11 mins</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state1-info"></span> <a href="" class="m-list-timeline__text">Production server down </a><span class="m-list-timeline__time">3 hrs</span></div></div></div></div></div><div class="tab-pane" id="topbar_notifications_logs" role="tabpanel"><div class="m-stack m-stack--ver m-stack--general" style="min-height: 180px"><div class="m-stack__item m-stack__item--center m-stack__item--middle"><span>All caught up!<br>No new logs.</span></div></div></div></div></div></div></div></div></li><li class="m-nav__item m-topbar__quick-actions m-topbar__quick-actions--img m-dropdown m-dropdown--large m-dropdown--header-bg-fill m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push m-dropdown--mobile-full-width m-dropdown--skin-light" data-dropdown-toggle="click"><a href="#" class="m-nav__link m-dropdown__toggle"><span class="m-nav__link-badge m-badge m-badge--dot m-badge--info m--hide"></span> <span class="m-nav__link-icon"><i class="flaticon-share"></i></span></a><div class="m-dropdown__wrapper"><span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span><div class="m-dropdown__inner"><div class="m-dropdown__header m--align-center" style="background: url(assets/app/media/img/misc/quick_actions_bg.jpg); background-size: cover"><span class="m-dropdown__header-title">Quick Actions </span><span class="m-dropdown__header-subtitle">Shortcuts</span></div><div class="m-dropdown__body m-dropdown__body--paddingless"><div class="m-dropdown__content"><div class="m-scrollable" data-scrollable="false" data-max-height="380" data-mobile-max-height="200"><div class="m-nav-grid m-nav-grid--skin-light"><div class="m-nav-grid__row"><a href="#" class="m-nav-grid__item"><i class="m-nav-grid__icon flaticon-file"></i> <span class="m-nav-grid__text">Generate Report </span></a><a href="#" class="m-nav-grid__item"><i class="m-nav-grid__icon flaticon-time"></i> <span class="m-nav-grid__text">Add New Event</span></a></div><div class="m-nav-grid__row"><a href="#" class="m-nav-grid__item"><i class="m-nav-grid__icon flaticon-folder"></i> <span class="m-nav-grid__text">Create New Task </span></a><a href="#" class="m-nav-grid__item"><i class="m-nav-grid__icon flaticon-clipboard"></i> <span class="m-nav-grid__text">Completed Tasks</span></a></div></div></div></div></div></div></div></li><li class="m-nav__item m-topbar__user-profile m-topbar__user-profile--img m-dropdown m-dropdown--medium m-dropdown--arrow m-dropdown--header-bg-fill m-dropdown--align-right m-dropdown--mobile-full-width m-dropdown--skin-light" data-dropdown-toggle="click"><a href="#" class="m-nav__link m-dropdown__toggle"><span class="m-topbar__userpic"><img src="/assets/app/media/img/users/user4.jpg" class="m--img-rounded m--marginless m--img-centered" alt=""> </span><span class="m-topbar__username m--hide">Nick</span></a><div class="m-dropdown__wrapper"><span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span><div class="m-dropdown__inner"><div class="m-dropdown__header m--align-center" style="background: url(assets/app/media/img/misc/user_profile_bg.jpg); background-size: cover"><div class="m-card-user m-card-user--skin-dark"><div class="m-card-user__pic"><img src="/assets/app/media/img/users/user4.jpg" class="m--img-rounded m--marginless" alt=""></div><div class="m-card-user__details"><span class="m-card-user__name m--font-weight-500">Mark Andre </span><a href="" class="m-card-user__email m--font-weight-300 m-link">[email protected]</a></div></div></div><div class="m-dropdown__body"><div class="m-dropdown__content"><ul class="m-nav m-nav--skin-light"><li class="m-nav__section m--hide"><span class="m-nav__section-text">Section</span></li><li class="m-nav__item"><a href="header/profile.html" class="m-nav__link"><i class="m-nav__link-icon flaticon-profile-1"></i> <span class="m-nav__link-title"><span class="m-nav__link-wrap"><span class="m-nav__link-text">My Profile </span><span class="m-nav__link-badge"><span class="m-badge m-badge--success">2</span></span></span></span></a></li><li class="m-nav__item"><a href="header/profile.html" class="m-nav__link"><i class="m-nav__link-icon flaticon-share"></i> <span class="m-nav__link-text">Activity</span></a></li><li class="m-nav__item"><a href="header/profile.html" class="m-nav__link"><i class="m-nav__link-icon flaticon-chat-1"></i> <span class="m-nav__link-text">Messages</span></a></li><li class="m-nav__separator m-nav__separator--fit"></li><li class="m-nav__item"><a href="header/profile.html" class="m-nav__link"><i class="m-nav__link-icon flaticon-info"></i> <span class="m-nav__link-text">FAQ</span></a></li><li class="m-nav__item"><a href="header/profile.html" class="m-nav__link"><i class="m-nav__link-icon flaticon-lifebuoy"></i> <span class="m-nav__link-text">Support</span></a></li><li class="m-nav__separator m-nav__separator--fit"></li><li class="m-nav__item"><a href="snippets/pages/user/login-1.html" class="btn m-btn--pill btn-secondary m-btn m-btn--custom m-btn--label-brand m-btn--bolder">Logout</a></li></ul></div></div></div></div></li><li id="m_quick_sidebar_toggle" class="m-nav__item"><a href="#" class="m-nav__link m-dropdown__toggle"><span class="m-nav__link-icon"><i class="flaticon-grid-menu"></i></span></a></li></ul></div></div></div></div></div></header><div class="m-grid__item m-grid__item--fluid m-grid m-grid--ver-desktop m-grid--desktop m-body"><button class="m-aside-left-close m-aside-left-close--skin-dark" id="m_aside_left_close_btn"><i class="la la-close"></i></button><div id="m_aside_left" class="m-grid__item m-aside-left m-aside-left--skin-dark"><div id="m_ver_menu" class="m-aside-menu m-aside-menu--skin-dark m-aside-menu--submenu-skin-dark" data-menu-vertical="true" data-menu-scrollable="false" data-menu-dropdown-timeout="500"><ul class="m-menu__nav m-menu__nav--dropdown-submenu-arrow"><li class="m-menu__item m-menu__item--active" aria-haspopup="true"><a href="/" class="m-menu__link"><i class="m-menu__link-icon flaticon-line-graph"></i> <span class="m-menu__link-title"><span class="m-menu__link-wrap"><span class="m-menu__link-text">Dashboard </span><span class="m-menu__link-badge"><span class="m-badge m-badge--danger">12</span></span></span></span></a></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/batdongsan" class="m-menu__link m-menu__toggle"><i class="m-menu__link-icon flaticon-interface-7"></i> <span class="m-menu__link-text">Dự Án Chung Cư </span><i class="m-menu__ver-arrow la la-angle-right"></i></a><div class="m-menu__submenu"><span class="m-menu__arrow"></span><ul class="m-menu__subnav"><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/batdongsan" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Tất cả</span></a></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/batdongsan/block" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Block</span></a></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/batdongsan/can-ho" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Căn Hộ</span></a></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/batdongsan/chung-cu" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Chung Cư</span></a></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/batdongsan/tang" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Tầng</span></a></li></ul></div></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/bds-datnen" class="m-menu__link m-menu__toggle"><i class="m-menu__link-icon"></i> <span class="m-menu__link-text">BĐS - Đất Nền </span><i class="m-menu__ver-arrow la la-angle-right"></i></a><div class="m-menu__submenu"><span class="m-menu__arrow"></span><ul class="m-menu__subnav"><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/bds-datnen" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Tất cả</span></a></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/bds-datnen/dot-mo-ban" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Đợt Mở Bán</span></a></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/bds-datnen/khu-dat-nen" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Khu Đất Nền</span></a></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/bds-datnen/nen-dat" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Nền Đất</span></a></li></ul></div></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/hopdong" class="m-menu__link m-menu__toggle"><i class="m-menu__link-icon"></i> <span class="m-menu__link-text">Hợp Đồng </span><i class="m-menu__ver-arrow la la-angle-right"></i></a><div class="m-menu__submenu"><span class="m-menu__arrow"></span><ul class="m-menu__subnav"><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/hopdong" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Tất cả</span></a></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/hopdong/mot-lan" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Một Lần</span></a></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/hopdong/nhieu-lan" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Nhiều Lần</span></a></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/hopdong/tra-gop" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Trả Góp</span></a></li></ul></div></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/khachhang" class="m-menu__link m-menu__toggle"><i class="m-menu__link-icon"></i> <span class="m-menu__link-text">Khách Hàng </span><i class="m-menu__ver-arrow la la-angle-right"></i></a><div class="m-menu__submenu"><span class="m-menu__arrow"></span><ul class="m-menu__subnav"><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/khachhang" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Tất cả</span></a></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/khachhang/ca-nhan" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Cá nhân</span></a></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/khachhang/doanh-nghiep" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Doanh Nghiệp</span></a></li></ul></div></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/nhanvien" class="m-menu__link m-menu__toggle"><i class="m-menu__link-icon"></i> <span class="m-menu__link-text">Nhân Viên </span><i class="m-menu__ver-arrow la la-angle-right"></i></a><div class="m-menu__submenu"><span class="m-menu__arrow"></span><ul class="m-menu__subnav"><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/nhanvien" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Tất cả</span></a></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/nhanvien/giamdoc" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Quản Lý</span></a></li></ul></div></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/phongban" class="m-menu__link m-menu__toggle"><i class="m-menu__link-icon"></i> <span class="m-menu__link-text">Phòng Ban </span><i class="m-menu__ver-arrow la la-angle-right"></i></a><div class="m-menu__submenu"><span class="m-menu__arrow"></span><ul class="m-menu__subnav"><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/phongban" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Tất cả</span></a></li></ul></div></li><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/tao-moi" class="m-menu__link m-menu__toggle"><i class="m-menu__link-icon"></i> <span class="m-menu__link-text">Tạo Mới </span><i class="m-menu__ver-arrow la la-angle-right"></i></a><div class="m-menu__submenu"><span class="m-menu__arrow"></span><ul class="m-menu__subnav"><li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover"><a href="/tao-moi" class="m-menu__link m-menu__toggle"><i class="m-menu__link-bullet m-menu__link-bullet--dot"><span></span> </i><span class="m-menu__link-text">Tất cả</span></a></li></ul></div></li></ul></div></div><div class="m-grid__item m-grid__item--fluid m-wrapper"><div class="m-subheader"><div class="d-flex align-items-center"><div class="mr-auto"><h3 class="m-subheader__title m-subheader__title--separator"></h3></div></div></div><div class="m-content"><div class="row"><div class="col-xl-4"><div class="m-portlet m-portlet--bordered-semi m-portlet--full-height"><div class="m-portlet__head"><div class="m-portlet__head-caption"><div class="m-portlet__head-title"><h3 class="m-portlet__head-text">Đơn Hàng</h3></div></div><div class="m-portlet__head-tools"><ul class="m-portlet__nav"><li class="m-portlet__nav-item m-portlet__nav-item--last m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover" aria-expanded="true"><a href="#" class="m-portlet__nav-link m-portlet__nav-link--icon m-portlet__nav-link--icon-xl"><i class="fa fa-genderless m--font-brand"></i></a><div class="m-dropdown__wrapper"><span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust" style="left: auto; right: 14.5px"></span><div class="m-dropdown__inner"><div class="m-dropdown__body"><div class="m-dropdown__content"><ul class="m-nav"><li class="m-nav__section m-nav__section--first"><span class="m-nav__section-text">Quick Actions</span></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-share"></i> <span class="m-nav__link-text">Activity</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-chat-1"></i> <span class="m-nav__link-text">Messages</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-info"></i> <span class="m-nav__link-text">FAQ</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-lifebuoy"></i> <span class="m-nav__link-text">Support</span></a></li><li class="m-nav__separator m-nav__separator--fit"></li><li class="m-nav__item"><a href="#" class="btn btn-outline-danger m-btn m-btn--pill m-btn--wide btn-sm">Cancel</a></li></ul></div></div></div></div></li></ul></div></div><div class="m-portlet__body"><div class="m-widget15"><div class="m-widget15__chart" style="height:180px"><div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div><canvas id="m_chart_sales_stats" width="448" height="180" class="chartjs-render-monitor" style="display: block; width: 448px; height: 180px"></canvas></div><div class="m-widget15__items"><div class="row"><div class="col"><div class="m-widget15__item"><span class="m-widget15__stats">63% </span><span class="m-widget15__text">Sales Grow</span><div class="m--space-10"></div><div class="progress m-progress--sm"><div class="progress-bar bg-danger" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col"><div class="m-widget15__item"><span class="m-widget15__stats">54% </span><span class="m-widget15__text">Orders Grow</span><div class="m--space-10"></div><div class="progress m-progress--sm"><div class="progress-bar bg-warning" role="progressbar" style="width: 40%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div></div></div></div></div><div class="row"><div class="col"><div class="m-widget15__item"><span class="m-widget15__stats">41% </span><span class="m-widget15__text">Profit Grow</span><div class="m--space-10"></div><div class="progress m-progress--sm"><div class="progress-bar bg-success" role="progressbar" style="width: 55%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col"><div class="m-widget15__item"><span class="m-widget15__stats">79% </span><span class="m-widget15__text">Member Grow</span><div class="m--space-10"></div><div class="progress m-progress--sm"><div class="progress-bar bg-primary" role="progressbar" style="width: 60%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div></div></div></div></div></div><div class="m-widget15__desc">* lorem ipsum dolor sit amet consectetuer sediat elit</div></div></div></div></div><div class="col-xl-4"><div class="m-portlet m-portlet--bordered-semi m-portlet--half-height m-portlet--fit" style="min-height: 300px"><div class="m-portlet__head"><div class="m-portlet__head-caption"><div class="m-portlet__head-title"><h3 class="m-portlet__head-text">Khách Hàng Mới</h3></div></div><div class="m-portlet__head-tools"><ul class="m-portlet__nav"><li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover" aria-expanded="true"><a href="#" class="m-portlet__nav-link m-dropdown__toggle dropdown-toggle btn btn--sm m-btn--pill btn-secondary m-btn m-btn--label-brand">Today</a><div class="m-dropdown__wrapper"><span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust" style="left: auto; right: 36.5px"></span><div class="m-dropdown__inner"><div class="m-dropdown__body"><div class="m-dropdown__content"><ul class="m-nav"><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-share"></i> <span class="m-nav__link-text">Activity</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-chat-1"></i> <span class="m-nav__link-text">Messages</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-info"></i> <span class="m-nav__link-text">FAQ</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-lifebuoy"></i> <span class="m-nav__link-text">Support</span></a></li></ul></div></div></div></div></li></ul></div></div><div class="m-portlet__body"><div class="m-widget20"><div class="m-widget20__number m--font-success">670</div><div class="m-widget20__chart" style="height:160px"><div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div><canvas id="m_chart_bandwidth1" width="509" height="160" class="chartjs-render-monitor" style="display: block; width: 509px; height: 160px"></canvas></div></div></div></div><div class="m--space-30"></div><div class="m-portlet m-portlet--bordered-semi m-portlet--half-height m-portlet--fit" style="min-height: 300px"><div class="m-portlet__head"><div class="m-portlet__head-caption"><div class="m-portlet__head-title"><h3 class="m-portlet__head-text">Khách Hàng Thường Xuyên</h3></div></div><div class="m-portlet__head-tools"><ul class="m-portlet__nav"><li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover" aria-expanded="true"><a href="#" class="m-portlet__nav-link m-dropdown__toggle dropdown-toggle btn btn--sm m-btn--pill btn-secondary m-btn m-btn--label-brand">Today</a><div class="m-dropdown__wrapper"><span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust" style="left: auto; right: 36.5px"></span><div class="m-dropdown__inner"><div class="m-dropdown__body"><div class="m-dropdown__content"><ul class="m-nav"><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-share"></i> <span class="m-nav__link-text">Activity</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-chat-1"></i> <span class="m-nav__link-text">Messages</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-info"></i> <span class="m-nav__link-text">FAQ</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-lifebuoy"></i> <span class="m-nav__link-text">Support</span></a></li></ul></div></div></div></div></li></ul></div></div><div class="m-portlet__body"><div class="m-widget20"><div class="m-widget20__number m--font-warning">340</div><div class="m-widget20__chart" style="height:160px"><div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div><canvas id="m_chart_bandwidth2" width="509" height="160" class="chartjs-render-monitor" style="display: block; width: 509px; height: 160px"></canvas></div></div></div></div></div><div class="col-xl-4"><div class="m-portlet m-portlet--full-height m-portlet--fit"><div class="m-portlet__head"><div class="m-portlet__head-caption"><div class="m-portlet__head-title"><h3 class="m-portlet__head-text">Khách Hàng VIP</h3></div></div><div class="m-portlet__head-tools"><ul class="m-portlet__nav"><li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover" aria-expanded="true"><a href="#" class="m-portlet__nav-link m-dropdown__toggle dropdown-toggle btn btn--sm m-btn--pill btn-secondary m-btn m-btn--label-brand">All</a><div class="m-dropdown__wrapper"><span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust" style="left: auto; right: 36.5px"></span><div class="m-dropdown__inner"><div class="m-dropdown__body"><div class="m-dropdown__content"><ul class="m-nav"><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-share"></i> <span class="m-nav__link-text">Activity</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-chat-1"></i> <span class="m-nav__link-text">Messages</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-info"></i> <span class="m-nav__link-text">FAQ</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-lifebuoy"></i> <span class="m-nav__link-text">Support</span></a></li></ul></div></div></div></div></li></ul></div></div><div class="m-portlet__body"><div class="m-widget4 m-widget4--chart-bottom" style="min-height: 480px"><div class="m-widget4__item"><div class="m-widget4__img m-widget4__img--logo"><img src="./assets/app/media/img/client-logos/logo3.png" alt=""></div><div class="m-widget4__info"><span class="m-widget4__title">Khách hàng doanh nghiệp 03</span><br><span class="m-widget4__sub">A Programming Language</span></div><span class="m-widget4__ext"><span class="m-widget4__number m--font-brand">+$17</span></span></div><div class="m-widget4__item"><div class="m-widget4__img m-widget4__img--logo"><img src="./assets/app/media/img/client-logos/logo3.png" alt=""></div><div class="m-widget4__info"><span class="m-widget4__title">Khách hàng doanh nghiệp 04</span><br><span class="m-widget4__sub">A Programming Language</span></div><span class="m-widget4__ext"><span class="m-widget4__number m--font-brand">+$17</span></span></div><div class="m-widget4__item"><div class="m-widget4__img m-widget4__img--logo"><img src="./assets/app/media/img/client-logos/logo3.png" alt=""></div><div class="m-widget4__info"><span class="m-widget4__title">Khách hàng doanh nghiệp 02</span><br><span class="m-widget4__sub">A Programming Language</span></div><span class="m-widget4__ext"><span class="m-widget4__number m--font-brand">+$17</span></span></div><div class="m-widget4__chart m-portlet-fit--sides m--margin-top-20" style="height:260px"><div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div><canvas id="m_chart_trends_stats_2" width="509" height="260" class="chartjs-render-monitor" style="display: block; width: 509px; height: 260px"></canvas></div></div></div></div></div></div><div class="row"><div class="col-xl-6"><div class="m-portlet m-portlet--full-height"><div class="m-portlet__head"><div class="m-portlet__head-caption"><div class="m-portlet__head-title"><h3 class="m-portlet__head-text">Tasks</h3></div></div><div class="m-portlet__head-tools"><ul class="nav nav-pills nav-pills--brand m-nav-pills--align-right m-nav-pills--btn-pill m-nav-pills--btn-sm" role="tablist"><li class="nav-item m-tabs__item"><a class="nav-link m-tabs__link active" data-toggle="tab" href="#m_widget2_tab1_content" role="tab">Today</a></li><li class="nav-item m-tabs__item"><a class="nav-link m-tabs__link" data-toggle="tab" href="#m_widget2_tab2_content1" role="tab">Week</a></li><li class="nav-item m-tabs__item"><a class="nav-link m-tabs__link" data-toggle="tab" href="#m_widget2_tab3_content1" role="tab">Month</a></li></ul></div></div><div class="m-portlet__body"><div class="tab-content"><div class="tab-pane active" id="m_widget2_tab1_content"><div class="m-widget2"><div class="m-widget2__item m-widget2__item--primary"><div class="m-widget2__checkbox"><label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand"><input type="checkbox"> <span></span></label></div><div class="m-widget2__desc"><span class="m-widget2__text">Make Metronic Great Again.Lorem Ipsum Amet</span><br><span class="m-widget2__user-name"><a href="#" class="m-widget2__link">By Bob</a></span></div><div class="m-widget2__actions"><div class="m-widget2__actions-nav"><div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover"><a href="#" class="m-dropdown__toggle"><i class="la la-ellipsis-h"></i></a><div class="m-dropdown__wrapper"><span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span><div class="m-dropdown__inner"><div class="m-dropdown__body"><div class="m-dropdown__content"><ul class="m-nav"><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-share"></i> <span class="m-nav__link-text">Activity</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-chat-1"></i> <span class="m-nav__link-text">Messages</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-info"></i> <span class="m-nav__link-text">FAQ</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-lifebuoy"></i> <span class="m-nav__link-text">Support</span></a></li></ul></div></div></div></div></div></div></div></div><div class="m-widget2__item m-widget2__item--warning"><div class="m-widget2__checkbox"><label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand"><input type="checkbox"> <span></span></label></div><div class="m-widget2__desc"><span class="m-widget2__text">Prepare Docs For Metting On Monday</span><br><span class="m-widget2__user-name"><a href="#" class="m-widget2__link">By Sean</a></span></div><div class="m-widget2__actions"><div class="m-widget2__actions-nav"><div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover"><a href="#" class="m-dropdown__toggle"><i class="la la-ellipsis-h"></i></a><div class="m-dropdown__wrapper"><span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span><div class="m-dropdown__inner"><div class="m-dropdown__body"><div class="m-dropdown__content"><ul class="m-nav"><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-share"></i> <span class="m-nav__link-text">Activity</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-chat-1"></i> <span class="m-nav__link-text">Messages</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-info"></i> <span class="m-nav__link-text">FAQ</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-lifebuoy"></i> <span class="m-nav__link-text">Support</span></a></li></ul></div></div></div></div></div></div></div></div><div class="m-widget2__item m-widget2__item--brand"><div class="m-widget2__checkbox"><label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand"><input type="checkbox"> <span></span></label></div><div class="m-widget2__desc"><span class="m-widget2__text">Make Widgets Great Again.Estudiat Communy Elit</span><br><span class="m-widget2__user-name"><a href="#" class="m-widget2__link">By Aziko</a></span></div><div class="m-widget2__actions"><div class="m-widget2__actions-nav"><div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover"><a href="#" class="m-dropdown__toggle"><i class="la la-ellipsis-h"></i></a><div class="m-dropdown__wrapper"><span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span><div class="m-dropdown__inner"><div class="m-dropdown__body"><div class="m-dropdown__content"><ul class="m-nav"><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-share"></i> <span class="m-nav__link-text">Activity</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-chat-1"></i> <span class="m-nav__link-text">Messages</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-info"></i> <span class="m-nav__link-text">FAQ</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-lifebuoy"></i> <span class="m-nav__link-text">Support</span></a></li></ul></div></div></div></div></div></div></div></div><div class="m-widget2__item m-widget2__item--success"><div class="m-widget2__checkbox"><label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand"><input type="checkbox"> <span></span></label></div><div class="m-widget2__desc"><span class="m-widget2__text">Make Metronic Great Again.Lorem Ipsum</span><br><span class="m-widget2__user-name"><a href="#" class="m-widget2__link">By James</a></span></div><div class="m-widget2__actions"><div class="m-widget2__actions-nav"><div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover"><a href="#" class="m-dropdown__toggle"><i class="la la-ellipsis-h"></i></a><div class="m-dropdown__wrapper"><span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span><div class="m-dropdown__inner"><div class="m-dropdown__body"><div class="m-dropdown__content"><ul class="m-nav"><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-share"></i> <span class="m-nav__link-text">Activity</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-chat-1"></i> <span class="m-nav__link-text">Messages</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-info"></i> <span class="m-nav__link-text">FAQ</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-lifebuoy"></i> <span class="m-nav__link-text">Support</span></a></li></ul></div></div></div></div></div></div></div></div><div class="m-widget2__item m-widget2__item--danger"><div class="m-widget2__checkbox"><label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand"><input type="checkbox"> <span></span></label></div><div class="m-widget2__desc"><span class="m-widget2__text">Completa Financial Report For Emirates Airlines</span><br><span class="m-widget2__user-name"><a href="#" class="m-widget2__link">By Bob</a></span></div><div class="m-widget2__actions"><div class="m-widget2__actions-nav"><div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover"><a href="#" class="m-dropdown__toggle"><i class="la la-ellipsis-h"></i></a><div class="m-dropdown__wrapper"><span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span><div class="m-dropdown__inner"><div class="m-dropdown__body"><div class="m-dropdown__content"><ul class="m-nav"><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-share"></i> <span class="m-nav__link-text">Activity</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-chat-1"></i> <span class="m-nav__link-text">Messages</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-info"></i> <span class="m-nav__link-text">FAQ</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-lifebuoy"></i> <span class="m-nav__link-text">Support</span></a></li></ul></div></div></div></div></div></div></div></div><div class="m-widget2__item m-widget2__item--info"><div class="m-widget2__checkbox"><label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand"><input type="checkbox"> <span></span></label></div><div class="m-widget2__desc"><span class="m-widget2__text">Completa Financial Report For Emirates Airlines</span><br><span class="m-widget2__user-name"><a href="#" class="m-widget2__link">By Sean</a></span></div><div class="m-widget2__actions"><div class="m-widget2__actions-nav"><div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover"><a href="#" class="m-dropdown__toggle"><i class="la la-ellipsis-h"></i></a><div class="m-dropdown__wrapper"><span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span><div class="m-dropdown__inner"><div class="m-dropdown__body"><div class="m-dropdown__content"><ul class="m-nav"><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-share"></i> <span class="m-nav__link-text">Activity</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-chat-1"></i> <span class="m-nav__link-text">Messages</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-info"></i> <span class="m-nav__link-text">FAQ</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-lifebuoy"></i> <span class="m-nav__link-text">Support</span></a></li></ul></div></div></div></div></div></div></div></div></div></div><div class="tab-pane" id="m_widget2_tab2_content"></div><div class="tab-pane" id="m_widget2_tab3_content"></div></div></div></div></div><div class="col-xl-6"><div class="m-portlet m-portlet--full-height"><div class="m-portlet__head"><div class="m-portlet__head-caption"><div class="m-portlet__head-title"><h3 class="m-portlet__head-text">Support Tickets</h3></div></div><div class="m-portlet__head-tools"><ul class="m-portlet__nav"><li class="m-portlet__nav-item m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" data-dropdown-toggle="hover" aria-expanded="true"><a href="#" class="m-portlet__nav-link m-portlet__nav-link--icon m-portlet__nav-link--icon-xl m-dropdown__toggle"><i class="la la-ellipsis-h m--font-brand"></i></a><div class="m-dropdown__wrapper"><span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span><div class="m-dropdown__inner"><div class="m-dropdown__body"><div class="m-dropdown__content"><ul class="m-nav"><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-share"></i> <span class="m-nav__link-text">Activity</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-chat-1"></i> <span class="m-nav__link-text">Messages</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-info"></i> <span class="m-nav__link-text">FAQ</span></a></li><li class="m-nav__item"><a href="" class="m-nav__link"><i class="m-nav__link-icon flaticon-lifebuoy"></i> <span class="m-nav__link-text">Support</span></a></li></ul></div></div></div></div></li></ul></div></div><div class="m-portlet__body"><div class="m-widget3"><div class="m-widget3__item"><div class="m-widget3__header"><div class="m-widget3__user-img"><img class="m-widget3__img" src="./assets/app/media/img/users/user1.jpg" alt=""></div><div class="m-widget3__info"><span class="m-widget3__username">Melania Trump</span><br><span class="m-widget3__time">2 day ago</span></div><span class="m-widget3__status m--font-info">Pending</span></div><div class="m-widget3__body"><p class="m-widget3__text">Lorem ipsum dolor sit amet,consectetuer edipiscing elit,sed diam nonummy nibh euismod tinciduntut laoreet doloremagna aliquam erat volutpat.</p></div></div><div class="m-widget3__item"><div class="m-widget3__header"><div class="m-widget3__user-img"><img class="m-widget3__img" src="./assets/app/media/img/users/user4.jpg" alt=""></div><div class="m-widget3__info"><span class="m-widget3__username">Lebron King James</span><br><span class="m-widget3__time">1 day ago</span></div><span class="m-widget3__status m--font-brand">Open</span></div><div class="m-widget3__body"><p class="m-widget3__text">Lorem ipsum dolor sit amet,consectetuer edipiscing elit,sed diam nonummy nibh euismod tinciduntut laoreet doloremagna aliquam erat volutpat.Ut wisi enim ad minim veniam,quis nostrud exerci tation ullamcorper.</p></div></div><div class="m-widget3__item"><div class="m-widget3__header"><div class="m-widget3__user-img"><img class="m-widget3__img" src="./assets/app/media/img/users/user5.jpg" alt=""></div><div class="m-widget3__info"><span class="m-widget3__username">Deb Gibson</span><br><span class="m-widget3__time">3 weeks ago</span></div><span class="m-widget3__status m--font-success">Closed</span></div><div class="m-widget3__body"><p class="m-widget3__text">Lorem ipsum dolor sit amet,consectetuer edipiscing elit,sed diam nonummy nibh euismod tinciduntut laoreet doloremagna aliquam erat volutpat.</p></div></div></div></div></div></div></div></div></div></div><footer class="m-grid__item m-footer"><div class="m-container m-container--fluid m-container--full-height m-page__container"><div class="m-stack m-stack--flex-tablet-and-mobile m-stack--ver m-stack--desktop"><div class="m-stack__item m-stack__item--left m-stack__item--middle m-stack__item--last"><span class="m-footer__copyright">2017 © Metronic theme by <a href="#" class="m-link">Keenthemes</a></span></div><div class="m-stack__item m-stack__item--right m-stack__item--middle m-stack__item--first"><ul class="m-footer__nav m-nav m-nav--inline m--pull-right"><li class="m-nav__item"><a href="#" class="m-nav__link"><span class="m-nav__link-text">About</span></a></li><li class="m-nav__item"><a href="#" class="m-nav__link"><span class="m-nav__link-text">Privacy</span></a></li><li class="m-nav__item"><a href="#" class="m-nav__link"><span class="m-nav__link-text">T&C</span></a></li><li class="m-nav__item"><a href="#" class="m-nav__link"><span class="m-nav__link-text">Purchase</span></a></li><li class="m-nav__item m-nav__item"><a href="#" class="m-nav__link" data-toggle="m-tooltip" data-placement="left" data-original-title="Support Center"><i class="m-nav__link-icon flaticon-info m--icon-font-size-lg3"></i></a></li></ul></div></div></div></footer></div><div id="m_quick_sidebar" class="m-quick-sidebar m-quick-sidebar--tabbed m-quick-sidebar--skin-light"><div class="m-quick-sidebar__content m--hide"><span id="m_quick_sidebar_close" class="m-quick-sidebar__close"><i class="la la-close"></i></span><ul id="m_quick_sidebar_tabs" class="nav nav-tabs m-tabs m-tabs-line m-tabs-line--brand" role="tablist"><li class="nav-item m-tabs__item"><a class="nav-link m-tabs__link active" data-toggle="tab" href="#m_quick_sidebar_tabs_messenger" role="tab">Messages</a></li><li class="nav-item m-tabs__item"><a class="nav-link m-tabs__link" data-toggle="tab" href="#m_quick_sidebar_tabs_settings" role="tab">Settings</a></li><li class="nav-item m-tabs__item"><a class="nav-link m-tabs__link" data-toggle="tab" href="#m_quick_sidebar_tabs_logs" role="tab">Logs</a></li></ul><div class="tab-content"><div class="tab-pane active m-scrollable" id="m_quick_sidebar_tabs_messenger" role="tabpanel"><div class="m-messenger m-messenger--message-arrow m-messenger--skin-light"><div class="m-messenger__messages"><div class="m-messenger__message m-messenger__message--in"><div class="m-messenger__message-pic"><img src="/assets/app/media/img//users/user3.jpg" alt=""/></div><div class="m-messenger__message-body"><div class="m-messenger__message-arrow"></div><div class="m-messenger__message-content"><div class="m-messenger__message-username">Megan wrote</div><div class="m-messenger__message-text">Hi Bob. What time will be the meeting ?</div></div></div></div><div class="m-messenger__message m-messenger__message--out"><div class="m-messenger__message-body"><div class="m-messenger__message-arrow"></div><div class="m-messenger__message-content"><div class="m-messenger__message-text">Hi Megan. It's at 2.30PM</div></div></div></div><div class="m-messenger__message m-messenger__message--in"><div class="m-messenger__message-pic"><img src="/assets/app/media/img//users/user3.jpg" alt=""/></div><div class="m-messenger__message-body"><div class="m-messenger__message-arrow"></div><div class="m-messenger__message-content"><div class="m-messenger__message-username">Megan wrote</div><div class="m-messenger__message-text">Will the development team be joining ?</div></div></div></div><div class="m-messenger__message m-messenger__message--out"><div class="m-messenger__message-body"><div class="m-messenger__message-arrow"></div><div class="m-messenger__message-content"><div class="m-messenger__message-text">Yes sure. I invited them as well</div></div></div></div><div class="m-messenger__datetime">2:30PM</div><div class="m-messenger__message m-messenger__message--in"><div class="m-messenger__message-pic"><img src="/assets/app/media/img//users/user3.jpg" alt=""/></div><div class="m-messenger__message-body"><div class="m-messenger__message-arrow"></div><div class="m-messenger__message-content"><div class="m-messenger__message-username">Megan wrote</div><div class="m-messenger__message-text">Noted. For the Coca-Cola Mobile App project as well ?</div></div></div></div><div class="m-messenger__message m-messenger__message--out"><div class="m-messenger__message-body"><div class="m-messenger__message-arrow"></div><div class="m-messenger__message-content"><div class="m-messenger__message-text">Yes, sure.</div></div></div></div><div class="m-messenger__message m-messenger__message--out"><div class="m-messenger__message-body"><div class="m-messenger__message-arrow"></div><div class="m-messenger__message-content"><div class="m-messenger__message-text">Please also prepare the quotation for the Loop CRM project as well.</div></div></div></div><div class="m-messenger__datetime">3:15PM</div><div class="m-messenger__message m-messenger__message--in"><div class="m-messenger__message-no-pic m--bg-fill-danger"><span>M</span></div><div class="m-messenger__message-body"><div class="m-messenger__message-arrow"></div><div class="m-messenger__message-content"><div class="m-messenger__message-username">Megan wrote</div><div class="m-messenger__message-text">Noted. I will prepare it.</div></div></div></div><div class="m-messenger__message m-messenger__message--out"><div class="m-messenger__message-body"><div class="m-messenger__message-arrow"></div><div class="m-messenger__message-content"><div class="m-messenger__message-text">Thanks Megan. I will see you later.</div></div></div></div><div class="m-messenger__message m-messenger__message--in"><div class="m-messenger__message-pic"><img src="/assets/app/media/img//users/user3.jpg" alt=""/></div><div class="m-messenger__message-body"><div class="m-messenger__message-arrow"></div><div class="m-messenger__message-content"><div class="m-messenger__message-username">Megan wrote</div><div class="m-messenger__message-text">Sure. See you in the meeting soon.</div></div></div></div></div><div class="m-messenger__seperator"></div><div class="m-messenger__form"><div class="m-messenger__form-controls"><input type="text" name="" placeholder="Type here..." class="m-messenger__form-input"></div><div class="m-messenger__form-tools"><a href="" class="m-messenger__form-attachment"><i class="la la-paperclip"></i></a></div></div></div></div><div class="tab-pane m-scrollable" id="m_quick_sidebar_tabs_settings" role="tabpanel"><div class="m-list-settings"><div class="m-list-settings__group"><div class="m-list-settings__heading">General Settings</div><div class="m-list-settings__item"><span class="m-list-settings__item-label">Email Notifications </span><span class="m-list-settings__item-control"><span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand"><label><input type="checkbox" checked name=""> <span></span></label></span></span></div><div class="m-list-settings__item"><span class="m-list-settings__item-label">Site Tracking </span><span class="m-list-settings__item-control"><span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand"><label><input type="checkbox" name=""> <span></span></label></span></span></div><div class="m-list-settings__item"><span class="m-list-settings__item-label">SMS Alerts </span><span class="m-list-settings__item-control"><span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand"><label><input type="checkbox" name=""> <span></span></label></span></span></div><div class="m-list-settings__item"><span class="m-list-settings__item-label">Backup Storage </span><span class="m-list-settings__item-control"><span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand"><label><input type="checkbox" name=""> <span></span></label></span></span></div><div class="m-list-settings__item"><span class="m-list-settings__item-label">Audit Logs </span><span class="m-list-settings__item-control"><span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand"><label><input type="checkbox" checked name=""> <span></span></label></span></span></div></div><div class="m-list-settings__group"><div class="m-list-settings__heading">System Settings</div><div class="m-list-settings__item"><span class="m-list-settings__item-label">System Logs </span><span class="m-list-settings__item-control"><span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand"><label><input type="checkbox" name=""> <span></span></label></span></span></div><div class="m-list-settings__item"><span class="m-list-settings__item-label">Error Reporting </span><span class="m-list-settings__item-control"><span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand"><label><input type="checkbox" name=""> <span></span></label></span></span></div><div class="m-list-settings__item"><span class="m-list-settings__item-label">Applications Logs </span><span class="m-list-settings__item-control"><span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand"><label><input type="checkbox" name=""> <span></span></label></span></span></div><div class="m-list-settings__item"><span class="m-list-settings__item-label">Backup Servers </span><span class="m-list-settings__item-control"><span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand"><label><input type="checkbox" checked name=""> <span></span></label></span></span></div><div class="m-list-settings__item"><span class="m-list-settings__item-label">Audit Logs </span><span class="m-list-settings__item-control"><span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand"><label><input type="checkbox" name=""> <span></span></label></span></span></div></div></div></div><div class="tab-pane m-scrollable" id="m_quick_sidebar_tabs_logs" role="tabpanel"><div class="m-list-timeline"><div class="m-list-timeline__group"><div class="m-list-timeline__heading">System Logs</div><div class="m-list-timeline__items"><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span> <a href="" class="m-list-timeline__text">12 new users registered <span class="m-badge m-badge--warning m-badge--wide">important </span></a><span class="m-list-timeline__time">Just now</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span> <a href="" class="m-list-timeline__text">System shutdown </a><span class="m-list-timeline__time">11 mins</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-danger"></span> <a href="" class="m-list-timeline__text">New invoice received </a><span class="m-list-timeline__time">20 mins</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-warning"></span> <a href="" class="m-list-timeline__text">Database overloaded 89% <span class="m-badge m-badge--success m-badge--wide">resolved </span></a><span class="m-list-timeline__time">1 hr</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span> <a href="" class="m-list-timeline__text">System error </a><span class="m-list-timeline__time">2 hrs</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span> <a href="" class="m-list-timeline__text">Production server down <span class="m-badge m-badge--danger m-badge--wide">pending </span></a><span class="m-list-timeline__time">3 hrs</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span> <a href="" class="m-list-timeline__text">Production server up </a><span class="m-list-timeline__time">5 hrs</span></div></div></div><div class="m-list-timeline__group"><div class="m-list-timeline__heading">Applications Logs</div><div class="m-list-timeline__items"><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span> <a href="" class="m-list-timeline__text">New order received <span class="m-badge m-badge--info m-badge--wide">urgent </span></a><span class="m-list-timeline__time">7 hrs</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span> <a href="" class="m-list-timeline__text">12 new users registered </a><span class="m-list-timeline__time">Just now</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span> <a href="" class="m-list-timeline__text">System shutdown </a><span class="m-list-timeline__time">11 mins</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-danger"></span> <a href="" class="m-list-timeline__text">New invoices received </a><span class="m-list-timeline__time">20 mins</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-warning"></span> <a href="" class="m-list-timeline__text">Database overloaded 89% </a><span class="m-list-timeline__time">1 hr</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span> <a href="" class="m-list-timeline__text">System error <span class="m-badge m-badge--info m-badge--wide">pending </span></a><span class="m-list-timeline__time">2 hrs</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span> <a href="" class="m-list-timeline__text">Production server down </a><span class="m-list-timeline__time">3 hrs</span></div></div></div><div class="m-list-timeline__group"><div class="m-list-timeline__heading">Server Logs</div><div class="m-list-timeline__items"><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span> <a href="" class="m-list-timeline__text">Production server up </a><span class="m-list-timeline__time">5 hrs</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span> <a href="" class="m-list-timeline__text">New order received </a><span class="m-list-timeline__time">7 hrs</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span> <a href="" class="m-list-timeline__text">12 new users registered </a><span class="m-list-timeline__time">Just now</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span> <a href="" class="m-list-timeline__text">System shutdown </a><span class="m-list-timeline__time">11 mins</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-danger"></span> <a href="" class="m-list-timeline__text">New invoice received </a><span class="m-list-timeline__time">20 mins</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-warning"></span> <a href="" class="m-list-timeline__text">Database overloaded 89% </a><span class="m-list-timeline__time">1 hr</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span> <a href="" class="m-list-timeline__text">System error </a><span class="m-list-timeline__time">2 hrs</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span> <a href="" class="m-list-timeline__text">Production server down </a><span class="m-list-timeline__time">3 hrs</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span> <a href="" class="m-list-timeline__text">Production server up </a><span class="m-list-timeline__time">5 hrs</span></div><div class="m-list-timeline__item"><span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span> <a href="" class="m-list-timeline__text">New order received </a><span class="m-list-timeline__time">1117 hrs</span></div></div></div></div></div></div></div></div><div class="m-scroll-top m-scroll-top--skin-top" data-toggle="m-scroll-top" data-scroll-offset="500" data-scroll-speed="300"><i class="la la-arrow-up"></i></div><ul class="m-nav-sticky" style="margin-top: 30px"><li class="m-nav-sticky__item" data-toggle="m-tooltip" title="Purchase" data-placement="left"><a href="https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" target="_blank"><i class="la la-cart-arrow-down"></i></a></li><li class="m-nav-sticky__item" data-toggle="m-tooltip" title="Documentation" data-placement="left"><a href="http://keenthemes.com/metronic/documentation.html" target="_blank"><i class="la la-code-fork"></i></a></li><li class="m-nav-sticky__item" data-toggle="m-tooltip" title="Support" data-placement="left"><a href="http://keenthemes.com/forums/forum/support/metronic5/" target="_blank"><i class="la la-life-ring"></i></a></li></ul><script src="/assets/vendors/base/vendors.bundle.js" type="text/javascript"></script><script src="/assets/demo/default/base/scripts.bundle.js" type="text/javascript"></script></body></html>