Created
June 30, 2018 22:16
-
-
Save aldarund/55be91088a251dc4b01ac096d32e7c1d to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body class="m-page--fluid m-page--loading-enabled m-page--loading m-header--fixed m-header--fixed-mobile m-footer--push m-aside--offcanvas-default" > | |
| <!-- begin::Page loader --> | |
| <div class="m-page-loader m-page-loader--base"> | |
| <div class="m-blockui"> | |
| <span>Please wait...</span> | |
| <span><div class="m-loader m-loader--brand"></div></span> | |
| </div> | |
| </div> | |
| <!-- end::Page Loader --> | |
| <!-- begin:: Page --> | |
| <div class="m-grid m-grid--hor m-grid--root m-page"> | |
| <!-- begin::Header --> | |
| <header id="m_header" class="m-grid__item m-header " m-minimize="minimize" m-minimize-mobile="minimize" m-minimize-offset="10" m-minimize-mobile-offset="10" > | |
| <div class="m-header__top"> | |
| <div class="m-container m-container--fluid m-container--full-height m-page__container"> | |
| <div class="m-stack m-stack--ver m-stack--desktop"> | |
| <!-- begin::Brand --> | |
| <div class="m-stack__item m-brand m-stack__item--left"> | |
| <div class="m-stack m-stack--ver m-stack--general m-stack--inline"> | |
| <div class="m-stack__item m-stack__item--middle m-brand__logo"> | |
| <a href="index.html" class="m-brand__logo-wrapper"> | |
| <img alt="" src="assets/demo/demo10/media/img/logo/logo.png" class="m-brand__logo-desktop"/> | |
| <img alt="" src="assets/demo/demo10/media/img/logo/logo_mini.png" class="m-brand__logo-mobile"/> | |
| </a> | |
| </div> | |
| <div class="m-stack__item m-stack__item--middle m-brand__tools"> | |
| <!-- begin::Quick Actions--> | |
| <div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-left m-dropdown--align-push" m-dropdown-toggle="click" aria-expanded="true"> | |
| <a href="#" class="dropdown-toggle m-dropdown__toggle btn btn-outline-metal m-btn m-btn--icon m-btn--pill"> | |
| <span>Dashboard</span> | |
| </a> | |
| <div class="m-dropdown__wrapper"> | |
| <span class="m-dropdown__arrow m-dropdown__arrow--left 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__section m-nav__section--first m--hide"> | |
| <span class="m-nav__section-text">Quick Menu</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">Human Resources</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">Customer Relationship</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">Order Processing</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">Accounting</span> | |
| </a> | |
| </li> | |
| <li class="m-nav__separator m-nav__separator--fit"> | |
| </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">Customer Relationship</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">Order Processing</span> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- end::Quick Actions--> | |
| <!-- begin::Responsive Header Menu Toggler--> | |
| <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> | |
| <!-- end::Responsive Header Menu Toggler--> | |
| <!-- begin::Topbar Toggler--> | |
| <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> | |
| <!--end::Topbar Toggler--> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- end::Brand --> | |
| <!-- begin::Topbar --> | |
| <div class="m-stack__item m-stack__item--right m-header-head" id="m_header_nav"> | |
| <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-nav__item--focus 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" | |
| m-dropdown-toggle="click" m-dropdown-persistent="1" id="m_quicksearch" m-quicksearch-mode="dropdown"> | |
| <a href="#" class="m-nav__link m-dropdown__toggle"> | |
| <span class="m-nav__link-icon"><span class="m-nav__link-icon-wrapper"><i class="flaticon-search-1"></i></span></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" value="" 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-height="300" data-mobile-height="200"> | |
| <div class="m-dropdown__content"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="m-nav__item m-nav__item--accent m-dropdown m-dropdown--large m-dropdown--arrow m-dropdown--align-center m-dropdown--mobile-full-width" m-dropdown-toggle="click" m-dropdown-persistent="1"> | |
| <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"><span class="m-nav__link-icon-wrapper"><i class="flaticon-music-2"></i></span></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"> | |
| <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-height="250" data-mobile-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" data-scrollable="true" data-height="250" data-mobile-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 class="">All caught up!<br>No new logs.</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="m-nav__item m-nav__item--danger m-dropdown m-dropdown--skin-light m-dropdown--large m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push m-dropdown--mobile-full-width m-dropdown--skin-light" m-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"><span class="m-nav__link-icon-wrapper"><i class="flaticon-share"></i></span></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"> | |
| <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-height="380" data-mobile-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-dropdown m-dropdown--medium m-dropdown--arrow m-dropdown--align-right m-dropdown--mobile-full-width m-dropdown--skin-light" m-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-nav__link-icon m-topbar__usericon m--hide"> | |
| <span class="m-nav__link-icon-wrapper"><i class="flaticon-user-ok"></i></span> | |
| </span> | |
| <span class="m-topbar__username m--hide">Mark</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"> | |
| <div class="m-card-user m-card-user--skin-light"> | |
| <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">mark.andre@gmail.com</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="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="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="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="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="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 m-nav__item--info m-nav__item--qs"> | |
| <a href="#" class="m-nav__link m-dropdown__toggle"> | |
| <span class="m-nav__link-icon m-nav__link-icon-alt"><span class="m-nav__link-icon-wrapper"><i class="flaticon-grid-menu"></i></span></span> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- end::Topbar --> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="m-header__bottom"> | |
| <div class="m-container m-container--fluid m-container--full-height m-page__container"> | |
| <div class="m-stack m-stack--ver m-stack--desktop"> | |
| <!-- begin::Horizontal Menu --> | |
| <div class="m-stack__item m-stack__item--fluid m-header-menu-wrapper"> | |
| <button class="m-aside-header-menu-mobile-close m-aside-header-menu-mobile-close--skin-light " 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-dark m-header-menu--submenu-skin-light m-aside-header-menu-mobile--skin-light m-aside-header-menu-mobile--submenu-skin-light " > | |
| <ul class="m-menu__nav m-menu__nav--submenu-arrow "> | |
| <li class="m-menu__item m-menu__item--active m-menu__item--active-tab m-menu__item--submenu m-menu__item--tabs" m-menu-submenu-toggle="tab" aria-haspopup="true"><a href="javascript:;" class="m-menu__link m-menu__toggle"><span class="m-menu__link-text">Dashboard</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 m-menu__submenu--tabs"><span class="m-menu__arrow m-menu__arrow--adjust"></span><ul class="m-menu__subnav"><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="builder.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-support"></i><span class="m-menu__link-text">Dashboard</span></a></li><li class="m-menu__item m-menu__item--active " aria-haspopup="true"><a href="index.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-file"></i><span class="m-menu__link-text">Reports</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="builder.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-coins"></i><span class="m-menu__link-text">Finance</span></a></li><li class="m-menu__item m-menu__item--submenu m-menu__item--submenu-tabs" m-menu-submenu-toggle="click" aria-haspopup="true"><a href="javascript:;" class="m-menu__link m-menu__toggle"><i class="m-menu__link-icon flaticon-users"></i><span class="m-menu__link-text">Customers</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-xl m-menu__submenu--center" ><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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.html" class="m-menu__link "><span class="m-menu__link-text">Report Adjusments</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.html" class="m-menu__link "><span class="m-menu__link-text">Sources & Mediums</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.html" class="m-menu__link "><span class="m-menu__link-text">Reporting Settings</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.html" class="m-menu__link "><span class="m-menu__link-text">Conversions</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.html" class="m-menu__link "><span class="m-menu__link-text">Report Flows</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 m-menu__item--submenu-tabs" m-menu-submenu-toggle="click" aria-haspopup="true"><a href="javascript:;" 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="inner2.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" m-menu-submenu-toggle="hover" m-menu-link-redirect="1" aria-haspopup="true"><a href="javascript:;" 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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.html" class="m-menu__link "><span class="m-menu__link-text">Latest Orders</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.html" class="m-menu__link "><span class="m-menu__link-text">Pending Orders</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.html" class="m-menu__link "><span class="m-menu__link-text">Processed Orders</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.html" class="m-menu__link "><span class="m-menu__link-text">Delivery Reports</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.html" class="m-menu__link "><span class="m-menu__link-text">Payments</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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" m-menu-submenu-toggle="hover" m-menu-link-redirect="1" aria-haspopup="true"><a href="javascript:;" 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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.html" class="m-menu__link "><span class="m-menu__link-text">Customer Feedbacks</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.html" class="m-menu__link "><span class="m-menu__link-text">Supplier Feedbacks</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.html" class="m-menu__link "><span class="m-menu__link-text">Reviewed Feedbacks</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.html" class="m-menu__link "><span class="m-menu__link-text">Resolved Feedbacks</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.html" class="m-menu__link "><span class="m-menu__link-text">Feedback Reports</span></a></li></ul></div></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 m-menu__item--submenu-tabs" m-menu-submenu-toggle="click" m-menu-link-redirect="1" aria-haspopup="true"><a href="javascript:;" 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:600px"><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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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></ul></div></div></li><li class="m-menu__item m-menu__item--submenu m-menu__item--rel m-menu__item--more m-menu__item--submenu-tabs m-menu__item--icon-only" m-menu-submenu-toggle="click" m-menu-link-redirect="1" aria-haspopup="true"><a href="javascript:;" class="m-menu__link m-menu__toggle"><i class="m-menu__link-icon flaticon-more-v3"></i><span class="m-menu__link-text"></span></a><div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--left m-menu__submenu--pull"><span class="m-menu__arrow m-menu__arrow--adjust"></span><ul class="m-menu__subnav"><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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" m-menu-submenu-toggle="hover" m-menu-link-redirect="1" 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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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" m-menu-submenu-toggle="hover" m-menu-link-redirect="1" aria-haspopup="true"><a href="javascript:;" 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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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 " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.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><li class="m-menu__item m-menu__item--actions" aria-haspopup="true"> | |
| <div class="m-menu__link m-menu__link--toggle-skip"> | |
| <a href="#" class="btn btn-accent m-btn m-btn--icon m-btn--pill"> | |
| <span> | |
| <i class="la la-plus"></i> | |
| <span>New order</span> | |
| </span> | |
| </a> | |
| </div> | |
| </li></ul></div></li><li class="m-menu__item m-menu__item--submenu m-menu__item--tabs" m-menu-submenu-toggle="tab" aria-haspopup="true"><a href="javascript:;" class="m-menu__link m-menu__toggle"><span class="m-menu__link-text">Accounting</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 m-menu__submenu--tabs"><span class="m-menu__arrow m-menu__arrow--adjust"></span><ul class="m-menu__subnav"><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="builder.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-graphic-2"></i><span class="m-menu__link-text">Revenue</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="builder.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-analytics"></i><span class="m-menu__link-text">Bills</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="builder.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-notes"></i><span class="m-menu__link-text">IPO</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="builder.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-clipboard"></i><span class="m-menu__link-text">Tax Management</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="builder.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-alarm-1"></i><span class="m-menu__link-text">Invoices</span></a></li><li class="m-menu__item m-menu__item--actions" aria-haspopup="true"> | |
| <div class="m-menu__link m-menu__link--toggle-skip"> | |
| <a href="#" class="btn btn-danger m-btn m-btn--icon m-btn--pill"> | |
| <span> | |
| <i class="la la-cloud-download"></i> | |
| <span>Generate report</span> | |
| </span> | |
| </a> | |
| </div> | |
| </li></ul></div></li><li class="m-menu__item m-menu__item--submenu m-menu__item--tabs" m-menu-submenu-toggle="tab" aria-haspopup="true"><a href="javascript:;" class="m-menu__link m-menu__toggle"><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--classic m-menu__submenu--left m-menu__submenu--tabs"><span class="m-menu__arrow m-menu__arrow--adjust"></span><ul class="m-menu__subnav"><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="builder.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-graphic-2"></i><span class="m-menu__link-text">Orders</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="builder.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-analytics"></i><span class="m-menu__link-text">Customers</span></a></li><li class="m-menu__item " aria-haspopup="true"><a href="inner.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-notes"></i><span class="m-menu__link-text">Revenue</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="builder.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-clipboard"></i><span class="m-menu__link-text">Invoices</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="builder.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-alarm-1"></i><span class="m-menu__link-text">Bills</span></a></li><li class="m-menu__item m-menu__item--actions" aria-haspopup="true"> | |
| <div class="m-menu__link m-menu__link--toggle-skip"> | |
| <div class="dropdown"> | |
| <a href="#" class="btn btn-primary m-btn m-btn--icon m-btn--pill m-btn--air dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | |
| <i class="la la-cloud-download"></i> Export | |
| </a> | |
| <div class="dropdown-menu dropdown-menu-right"> | |
| <a class="dropdown-item" href="#"><i class="flaticon-share"></i> Action</a> | |
| <a class="dropdown-item" href="#"><i class="flaticon-settings"></i> Another action</a> | |
| <a class="dropdown-item" href="#"><i class="flaticon-graphic-2"></i> Something else</a> | |
| </div> | |
| </div> | |
| </div> | |
| </li></ul></div></li><li class="m-menu__item m-menu__item--submenu m-menu__item--tabs" m-menu-submenu-toggle="tab" aria-haspopup="true"><a href="javascript:;" class="m-menu__link m-menu__toggle"><span class="m-menu__link-text">Orders</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 m-menu__submenu--tabs"><span class="m-menu__arrow m-menu__arrow--adjust"></span><ul class="m-menu__subnav"><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="builder.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-graphic-2"></i><span class="m-menu__link-text">Pending</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="builder.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-analytics"></i><span class="m-menu__link-text">Delivered</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="builder.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-notes"></i><span class="m-menu__link-text">Canceled</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="builder.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-clipboard"></i><span class="m-menu__link-text">Customer Care</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="builder.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-alarm-1"></i><span class="m-menu__link-text">Payments</span></a></li></ul></div></li><li class="m-menu__item m-menu__item--submenu m-menu__item--tabs" m-menu-submenu-toggle="tab" aria-haspopup="true"><a href="javascript:;" class="m-menu__link m-menu__toggle"><span class="m-menu__link-text">Customers</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 m-menu__submenu--tabs"><span class="m-menu__arrow m-menu__arrow--adjust"></span><ul class="m-menu__subnav"><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-settings-1"></i><span class="m-menu__link-text">Orders</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-imac"></i><span class="m-menu__link-text">Feedbacks</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-paper-plane"></i><span class="m-menu__link-text">Customer Support</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-multimedia"></i><span class="m-menu__link-text">Statistics</span></a></li></ul></div></li><li class="m-menu__item m-menu__item--submenu m-menu__item--tabs" m-menu-submenu-toggle="tab" aria-haspopup="true"><a href="javascript:;" class="m-menu__link m-menu__toggle"><span class="m-menu__link-text">Tools</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 m-menu__submenu--tabs"><span class="m-menu__arrow m-menu__arrow--adjust"></span><ul class="m-menu__subnav"><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-settings-1"></i><span class="m-menu__link-text">Build Tools</span></a></li><li class="m-menu__item " aria-haspopup="true"><a href="builder.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-imac"></i><span class="m-menu__link-text">Layout Builder</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-paper-plane"></i><span class="m-menu__link-text">Documentatiion</span></a></li><li class="m-menu__item " m-menu-link-redirect="1" aria-haspopup="true"><a href="inner2.html" class="m-menu__link "><i class="m-menu__link-icon flaticon-multimedia"></i><span class="m-menu__link-text">Reviews</span></a></li></ul></div></li> </ul> | |
| </div> | |
| </div> | |
| <!-- end::Horizontal Menu --> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- end::Header --> | |
| <!-- begin::Body --> | |
| <div class="m-grid__item m-grid__item--fluid m-grid m-grid--ver-desktop m-grid--desktop m-page__container m-body"> | |
| <div class="m-grid__item m-grid__item--fluid m-wrapper"> | |
| <!-- BEGIN: Subheader --> | |
| <div class="m-subheader "> | |
| <div class="d-flex align-items-center"> | |
| <div class="mr-auto"> | |
| <h3 class="m-subheader__title m-subheader__title--separator">Dashboard</h3> | |
| <ul class="m-subheader__breadcrumbs m-nav m-nav--inline"> | |
| <li class="m-nav__item m-nav__item--home"> | |
| <a href="#" class="m-nav__link m-nav__link--icon"> | |
| <i class="m-nav__link-icon la la-home"></i> | |
| </a> | |
| </li> | |
| <li class="m-nav__separator">-</li> | |
| <li class="m-nav__item"> | |
| <a href="" class="m-nav__link"> | |
| <span class="m-nav__link-text">Dashboard</span> | |
| </a> | |
| </li> | |
| <li class="m-nav__separator">-</li> | |
| <li class="m-nav__item"> | |
| <a href="" class="m-nav__link"> | |
| <span class="m-nav__link-text">Reports</span> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| <div> | |
| <span class="m-subheader__daterange" id="m_dashboard_daterangepicker"> | |
| <span class="m-subheader__daterange-label"> | |
| <span class="m-subheader__daterange-title"></span> | |
| <span class="m-subheader__daterange-date m--font-brand"></span> | |
| </span> | |
| <a href="#" class="btn btn-sm btn-brand m-btn m-btn--icon m-btn--icon-only m-btn--custom m-btn--pill"> | |
| <i class="la la-angle-down"></i> | |
| </a> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- END: Subheader --> <div class="m-content"> | |
| <!--Begin::Section--> | |
| <div class="row"> | |
| <div class="col-xl-4"> | |
| <!--begin:: Widgets/Quick Stats--> | |
| <div class="row m-row--full-height"> | |
| <div class="col-sm-12 col-md-12 col-lg-6"> | |
| <div class="m-portlet m-portlet--half-height m-portlet--border-bottom-brand m-portlet--rounded"> | |
| <div class="m-portlet__body"> | |
| <div class="m-widget26"> | |
| <div class="m-widget26__number"> | |
| 570 | |
| <small>All Sales</small> | |
| </div> | |
| <div class="m-widget26__chart" style="height:90px; width: 220px;"> | |
| <canvas id="m_chart_quick_stats_1"></canvas> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="m--space-30"></div> | |
| <div class="m-portlet m-portlet--half-height m-portlet--border-bottom-danger m-portlet--rounded"> | |
| <div class="m-portlet__body"> | |
| <div class="m-widget26"> | |
| <div class="m-widget26__number"> | |
| 690 | |
| <small>All Orders</small> | |
| </div> | |
| <div class="m-widget26__chart" style="height:90px; width: 220px;"> | |
| <canvas id="m_chart_quick_stats_2"></canvas> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-sm-12 col-md-12 col-lg-6"> | |
| <div class="m-portlet m-portlet--half-height m-portlet--border-bottom-success m-portlet--rounded"> | |
| <div class="m-portlet__body"> | |
| <div class="m-widget26"> | |
| <div class="m-widget26__number"> | |
| 230 | |
| <small>All Transactions</small> | |
| </div> | |
| <div class="m-widget26__chart" style="height:90px; width: 220px;"> | |
| <canvas id="m_chart_quick_stats_3"></canvas> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="m--space-30"></div> | |
| <div class="m-portlet m-portlet--half-height m-portlet--border-bottom-accent m-portlet--rounded"> | |
| <div class="m-portlet__body"> | |
| <div class="m-widget26"> | |
| <div class="m-widget26__number"> | |
| 470 | |
| <small>All Comissions</small> | |
| </div> | |
| <div class="m-widget26__chart" style="height:90px; width: 220px;"> | |
| <canvas id="m_chart_quick_stats_4"></canvas> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--end:: Widgets/Quick Stats--> </div> | |
| <div class="col-xl-4"> | |
| <!--begin:: Widgets/Finance Summary--> | |
| <div class="m-portlet m-portlet--full-height m-portlet--fit m-portlet--rounded"> | |
| <div class="m-portlet__head"> | |
| <div class="m-portlet__head-caption"> | |
| <div class="m-portlet__head-title"> | |
| <h3 class="m-portlet__head-text"> | |
| Finance Summary | |
| </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_widget4_tab1_content" role="tab"> | |
| Month | |
| </a> | |
| </li> | |
| <li class="nav-item m-tabs__item"> | |
| <a class="nav-link m-tabs__link" data-toggle="tab" href="#m_widget4_tab2_content" role="tab"> | |
| All Time | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="m-portlet__body"> | |
| <div class="tab-content"> | |
| <div class="tab-pane active"> | |
| <div class="m-widget12 m-widget12--chart-bottom m--margin-top-10" style="min-height: 450px"> | |
| <div class="m-widget12__item"> | |
| <span class="m-widget12__text1">Annual Companies Taxes EMS<br><span>$500,000</span></span> | |
| <span class="m-widget12__text2">Next Tax Review Date<br><span>July 24,2017</span></span> | |
| </div> | |
| <div class="m-widget12__item"> | |
| <span class="m-widget12__text1">Avarage Product Price<br><span>$60,70</span></span> | |
| <div class="m-widget12__text2"> | |
| <div class="m-widget12__desc">Satisfication Rate</div> | |
| <br> | |
| <div class="m-widget12__progress"> | |
| <div class="m-widget12__progress-sm progress m-progress--sm"> | |
| <div class="m-widget12__progress-bar progress-bar bg-brand" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> | |
| </div> | |
| <span class="m-widget12__stats"> | |
| 63% | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="m-widget12__chart m-portlet-fit--sides" style="height:290px;"> | |
| <canvas id="m_chart_finance_summary"></canvas> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="tab-pane"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--end:: Widgets/Finance Summary--> </div> | |
| <div class="col-xl-4"> | |
| <!--begin:: Widgets/Top Products--> | |
| <div class="m-portlet m-portlet--full-height m-portlet--fit m-portlet--rounded"> | |
| <div class="m-portlet__head"> | |
| <div class="m-portlet__head-caption"> | |
| <div class="m-portlet__head-title"> | |
| <h3 class="m-portlet__head-text"> | |
| Top Products | |
| </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" m-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"> | |
| <!--begin::Widget5--> | |
| <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"> | |
| Phyton | |
| </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/logo1.png" alt=""> | |
| </div> | |
| <div class="m-widget4__info"> | |
| <span class="m-widget4__title"> | |
| FlyThemes | |
| </span><br> | |
| <span class="m-widget4__sub"> | |
| A Let's Fly Fast Again Language | |
| </span> | |
| </div> | |
| <span class="m-widget4__ext"> | |
| <span class="m-widget4__number m--font-brand">+$300</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/logo4.png" alt=""> | |
| </div> | |
| <div class="m-widget4__info"> | |
| <span class="m-widget4__title"> | |
| Starbucks | |
| </span><br> | |
| <span class="m-widget4__sub"> | |
| Good Coffee & Snacks | |
| </span> | |
| </div> | |
| <span class="m-widget4__ext"> | |
| <span class="m-widget4__number m--font-brand">+$300</span> | |
| </span> | |
| </div> | |
| <div class="m-widget4__chart m-portlet-fit--sides m--margin-top-20" style="height:260px;"> | |
| <canvas id="m_chart_trends_stats_2"></canvas> | |
| </div> | |
| </div> | |
| <!--end::Widget 5--> | |
| </div> | |
| </div> | |
| <!--end:: Widgets/Top Products--> </div> | |
| </div> | |
| <!--End::Section--> | |
| <!--Begin::Section--> | |
| <div class="row"> | |
| <div class="col-xl-8"> | |
| <!--begin:: Widgets/Application Sales--> | |
| <div class="m-portlet m-portlet--full-height m-portlet--rounded"> | |
| <div class="m-portlet__head"> | |
| <div class="m-portlet__head-caption"> | |
| <div class="m-portlet__head-title"> | |
| <h3 class="m-portlet__head-text"> | |
| Application Sales | |
| </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_widget11_tab1_content" role="tab"> | |
| Last Month | |
| </a> | |
| </li> | |
| <li class="nav-item m-tabs__item"> | |
| <a class="nav-link m-tabs__link" data-toggle="tab" href="#m_widget11_tab2_content" role="tab"> | |
| All Time | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="m-portlet__body"> | |
| <div class="tab-content"> | |
| <div class="tab-pane active" id="m_widget11_tab1_content"> | |
| <!--begin::Widget 11--> | |
| <div class="m-widget11"> | |
| <div class="table-responsive"> | |
| <!--begin::Table--> | |
| <table class="table"> | |
| <!--begin::Thead--> | |
| <thead> | |
| <tr> | |
| <td class="m-widget11__label">#</td> | |
| <td class="m-widget11__app">Application</td> | |
| <td class="m-widget11__sales">Sales</td> | |
| <td class="m-widget11__change">Change</td> | |
| <td class="m-widget11__price">Avg Price</td> | |
| <td class="m-widget11__total m--align-right">Total</td> | |
| </tr> | |
| </thead> | |
| <!--end::Thead--> | |
| <!--begin::Tbody--> | |
| <tbody> | |
| <tr> | |
| <td> | |
| <label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand"> | |
| <input type="checkbox"><span></span> | |
| </label> | |
| </td> | |
| <td> | |
| <span class="m-widget11__title">Vertex 2.0</span> | |
| <span class="m-widget11__sub">Vertex To By Again</span> | |
| </td> | |
| <td>19,200</td> | |
| <td> | |
| <div class="m-widget11__chart" style="height:50px; width: 100px"> | |
| <iframe class="chartjs-hidden-iframe" tabindex="-1" style="display: block; overflow: hidden; border: 0px; margin: 0px; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; position: absolute; pointer-events: none; z-index: -1;"></iframe> | |
| <canvas id="m_chart_sales_by_apps_1_1" style="display: block; width: 100px; height: 50px;" width="100" height="50"></canvas> | |
| </div> | |
| </td> | |
| <td>$63</td> | |
| <td class="m--align-right m--font-brand">$14,740</td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand"><input type="checkbox"><span></span></label> | |
| </td> | |
| <td> | |
| <span class="m-widget11__title">Metronic</span> | |
| <span class="m-widget11__sub">Powerful Admin Theme</span> | |
| </td> | |
| <td>24,310</td> | |
| <td> | |
| <div class="m-widget11__chart" style="height:50px; width: 100px"> | |
| <iframe class="chartjs-hidden-iframe" tabindex="-1" style="display: block; overflow: hidden; border: 0px; margin: 0px; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; position: absolute; pointer-events: none; z-index: -1;"></iframe> | |
| <canvas id="m_chart_sales_by_apps_1_2" style="display: block; width: 100px; height: 50px;" width="100" height="50"></canvas> | |
| </div> | |
| </td> | |
| <td>$39</td> | |
| <td class="m--align-right m--font-brand">$16,010</td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand"><input type="checkbox"><span></span></label> | |
| </td> | |
| <td> | |
| <span class="m-widget11__title">Apex</span> | |
| <span class="m-widget11__sub">The Best Selling App</span> | |
| </td> | |
| <td>9,076</td> | |
| <td> | |
| <div class="m-widget11__chart" style="height:50px; width: 100px"> | |
| <iframe class="chartjs-hidden-iframe" tabindex="-1" style="display: block; overflow: hidden; border: 0px; margin: 0px; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; position: absolute; pointer-events: none; z-index: -1;"></iframe> | |
| <canvas id="m_chart_sales_by_apps_1_3" style="display: block; width: 100px; height: 50px;" width="100" height="50"></canvas> | |
| </div> | |
| </td> | |
| <td>$105</td> | |
| <td class="m--align-right m--font-brand">$37,200</td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand"><input type="checkbox"><span></span></label> | |
| </td> | |
| <td> | |
| <span class="m-widget11__title">Cascades</span> | |
| <span class="m-widget11__sub">Design Tool</span> | |
| </td> | |
| <td>11,094</td> | |
| <td> | |
| <div class="m-widget11__chart" style="height:50px; width: 100px"> | |
| <iframe class="chartjs-hidden-iframe" tabindex="-1" style="display: block; overflow: hidden; border: 0px; margin: 0px; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; position: absolute; pointer-events: none; z-index: -1;"></iframe> | |
| <canvas id="m_chart_sales_by_apps_1_4" style="display: block; width: 100px; height: 50px;" width="100" height="50"></canvas> | |
| </div> | |
| </td> | |
| <td>$16</td> | |
| <td class="m--align-right m--font-brand">$8,520</td> | |
| </tr> | |
| </tbody> | |
| <!--end::Tbody--> | |
| </table> | |
| <!--end::Table--> | |
| </div> | |
| <div class="m-widget11__action m--align-right"> | |
| <button type="button" class="btn m-btn--pill btn-secondary m-btn m-btn--custom m-btn--hover-brand">Generate Report</button> | |
| </div> | |
| </div> | |
| <!--end::Widget 11--> | |
| </div> | |
| <div class="tab-pane" id="m_widget11_tab2_content"> | |
| <!--begin::Widget 11--> | |
| <div class="m-widget11"> | |
| <div class="table-responsive"> | |
| <!--begin::Table--> | |
| <table class="table"> | |
| <!--begin::Thead--> | |
| <thead> | |
| <tr> | |
| <td class="m-widget11__label">#</td> | |
| <td class="m-widget11__app">Application</td> | |
| <td class="m-widget11__sales">Sales</td> | |
| <td class="m-widget11__change">Change</td> | |
| <td class="m-widget11__price">Avg Price</td> | |
| <td class="m-widget11__total m--align-right">Total</td> | |
| </tr> | |
| </thead> | |
| <!--end::Thead--> | |
| <!--begin::Tbody--> | |
| <tbody> | |
| <tr> | |
| <td> | |
| <label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand"> | |
| <input type="checkbox"><span></span> | |
| </label> | |
| </td> | |
| <td> | |
| <span class="m-widget11__title">Loop</span> | |
| <span class="m-widget11__sub">CRM System</span> | |
| </td> | |
| <td>19,200</td> | |
| <td> | |
| <div class="m-widget11__chart" style="height:50px; width: 100px"> | |
| <iframe class="chartjs-hidden-iframe" tabindex="-1" style="display: block; overflow: hidden; border: 0px; margin: 0px; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; position: absolute; pointer-events: none; z-index: -1;"></iframe> | |
| <canvas id="m_chart_sales_by_apps_2_1" style="display: block; width: 0px; height: 0px;" height="0" width="0"></canvas> | |
| </div> | |
| </td> | |
| <td>$63</td> | |
| <td class="m--align-right m--font-brand">$34,740</td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand"><input type="checkbox"><span></span></label> | |
| </td> | |
| <td> | |
| <span class="m-widget11__title">Selto</span> | |
| <span class="m-widget11__sub">Powerful Website Builder</span> | |
| </td> | |
| <td>24,310</td> | |
| <td> | |
| <div class="m-widget11__chart" style="height:50px; width: 100px"> | |
| <iframe class="chartjs-hidden-iframe" tabindex="-1" style="display: block; overflow: hidden; border: 0px; margin: 0px; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; position: absolute; pointer-events: none; z-index: -1;"></iframe> | |
| <canvas id="m_chart_sales_by_apps_2_2" style="display: block; width: 0px; height: 0px;" height="0" width="0"></canvas> | |
| </div> | |
| </td> | |
| <td>$39</td> | |
| <td class="m--align-right m--font-brand">$46,010</td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand"><input type="checkbox"><span></span></label> | |
| </td> | |
| <td> | |
| <span class="m-widget11__title">Jippo</span> | |
| <span class="m-widget11__sub">The Best Selling App</span> | |
| </td> | |
| <td>9,076</td> | |
| <td> | |
| <div class="m-widget11__chart" style="height:50px; width: 100px"> | |
| <iframe class="chartjs-hidden-iframe" tabindex="-1" style="display: block; overflow: hidden; border: 0px; margin: 0px; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; position: absolute; pointer-events: none; z-index: -1;"></iframe> | |
| <canvas id="m_chart_sales_by_apps_2_3" style="display: block; width: 0px; height: 0px;" height="0" width="0"></canvas> | |
| </div> | |
| </td> | |
| <td>$105</td> | |
| <td class="m--align-right m--font-brand">$67,800</td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <label class="m-checkbox m-checkbox--solid m-checkbox--single m-checkbox--brand"><input type="checkbox"><span></span></label> | |
| </td> | |
| <td> | |
| <span class="m-widget11__title">Verto</span> | |
| <span class="m-widget11__sub">Web Development Tool</span> | |
| </td> | |
| <td>11,094</td> | |
| <td> | |
| <div class="m-widget11__chart" style="height:50px; width: 100px"> | |
| <iframe class="chartjs-hidden-iframe" tabindex="-1" style="display: block; overflow: hidden; border: 0px; margin: 0px; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; position: absolute; pointer-events: none; z-index: -1;"></iframe> | |
| <canvas id="m_chart_sales_by_apps_2_4" style="display: block; width: 0px; height: 0px;" height="0" width="0"></canvas> | |
| </div> | |
| </td> | |
| <td>$16</td> | |
| <td class="m--align-right m--font-brand">$18,520</td> | |
| </tr> | |
| </tbody> | |
| <!--end::Tbody--> | |
| </table> | |
| <!--end::Table--> | |
| </div> | |
| <div class="m-widget11__action m--align-right"> | |
| <button type="button" class="btn m-btn--pill btn-secondary m-btn m-btn--custom m-btn--hover-brand">Generate Report</button> | |
| </div> | |
| </div> | |
| <!--end::Widget 11--> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--end:: Widgets/Application Sales--> </div> | |
| <div class="col-xl-4"> | |
| <!--begin:: Widgets/Latest Updates--> | |
| <div class="m-portlet m-portlet--full-height m-portlet--fit m-portlet--rounded"> | |
| <div class="m-portlet__head"> | |
| <div class="m-portlet__head-caption"> | |
| <div class="m-portlet__head-title"> | |
| <h3 class="m-portlet__head-text"> | |
| Latest Updates | |
| </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" m-dropdown-toggle="hover"> | |
| <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"></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: 350px"> | |
| <div class="m-widget4__item"> | |
| <div class="m-widget4__ext"> | |
| <a href="#" class="m-widget4__icon m--font-brand"> | |
| <i class="flaticon-interface-3"></i> | |
| </a> | |
| </div> | |
| <div class="m-widget4__info"> | |
| <span class="m-widget4__text"> | |
| Make Metronic Great Again | |
| </span> | |
| </div> | |
| <div class="m-widget4__ext"> | |
| <span class="m-widget4__number m--font-accent">+500</span> | |
| </div> | |
| </div> | |
| <div class="m-widget4__item"> | |
| <div class="m-widget4__ext"> | |
| <a href="#" class="m-widget4__icon m--font-brand"> | |
| <i class="flaticon-folder-4"></i> | |
| </a> | |
| </div> | |
| <div class="m-widget4__info"> | |
| <span class="m-widget4__text"> | |
| Green Maker Team | |
| </span> | |
| </div> | |
| <div class="m-widget4__ext"> | |
| <span class="m-widget4__stats m--font-info"> | |
| <span class="m-widget4__number m--font-accent">-64</span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="m-widget4__item"> | |
| <div class="m-widget4__ext"> | |
| <a href="#" class="m-widget4__icon m--font-brand"> | |
| <i class="flaticon-line-graph"></i> | |
| </a> | |
| </div> | |
| <div class="m-widget4__info"> | |
| <span class="m-widget4__text"> | |
| Make Apex Great Again | |
| </span> | |
| </div> | |
| <div class="m-widget4__ext"> | |
| <span class="m-widget4__stats m--font-info"> | |
| <span class="m-widget4__number m--font-accent">+1080</span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="m-widget4__item m-widget4__item--last"> | |
| <div class="m-widget4__ext"> | |
| <a href="#" class="m-widget4__icon m--font-brand"> | |
| <i class="flaticon-diagram"></i> | |
| </a> | |
| </div> | |
| <div class="m-widget4__info"> | |
| <span class="m-widget4__text"> | |
| A Programming Language | |
| </span> | |
| </div> | |
| <div class="m-widget4__ext"> | |
| <span class="m-widget4__stats m--font-info"> | |
| <span class="m-widget4__number m--font-accent">+19</span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="m-widget4__chart m-portlet-fit--sides m--margin-top-20 m-portlet-fit--bottom1" style="height:120px;"> | |
| <canvas id="m_chart_latest_updates"></canvas> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--end:: Widgets/Latest Updates--> </div> | |
| </div> | |
| <!--End::Section--> | |
| <!--Begin::Section--> | |
| <div class="row"> | |
| <div class="col-xl-4"> | |
| <!--begin:: Widgets/Blog--> | |
| <div class="m-portlet m-portlet--head-overlay m-portlet--full-height m-portlet--rounded m-portlet--rounded-force"> | |
| <div class="m-portlet__head m-portlet__head--fit-"> | |
| <div class="m-portlet__head-caption"> | |
| <div class="m-portlet__head-title"> | |
| <h3 class="m-portlet__head-text m--font-light"> | |
| Personal Income | |
| </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" m-dropdown-toggle="hover"> | |
| <a href="#" class="m-portlet__nav-link m-dropdown__toggle dropdown-toggle btn btn--sm m-btn--pill m-btn btn-outline-light m-btn--hover-light"> | |
| 2018 | |
| </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__section m-nav__section--first"> | |
| <span class="m-nav__section-text">Orders</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">Pending</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">Delivered</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">Canceled</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">Approved</span> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="m-portlet__body"> | |
| <div class="m-widget27 m-portlet-fit--sides"> | |
| <div class="m-widget27__pic"> | |
| <img src="assets/app/media/img//bg/bg-4.jpg" alt=""> | |
| <h3 class="m-widget27__title m--font-light"> | |
| <span><span>$</span>256,100</span> | |
| </h3> | |
| <div class="m-widget27__btn"> | |
| <button type="button" class="btn m-btn--pill btn-secondary m-btn m-btn--custom m-btn--bolder">Inclusive All Earnings</button> | |
| </div> | |
| </div> | |
| <div class="m-widget27__container"> | |
| <!-- begin::Nav pills --> | |
| <ul class="m-widget27__nav-items nav nav-pills nav-fill" role="tablist"> | |
| <li class="m-widget27__nav-item nav-item"> | |
| <a class="nav-link active" data-toggle="pill" href="#m_personal_income_quater_1">Quater 1</a> | |
| </li> | |
| <li class="m-widget27__nav-item nav-item"> | |
| <a class="nav-link" data-toggle="pill" href="#m_personal_income_quater_2">Quater 2</a> | |
| </li> | |
| <li class="m-widget27__nav-item nav-item"> | |
| <a class="nav-link" data-toggle="pill" href="#m_personal_income_quater_3">Quater 3</a> | |
| </li> | |
| <li class="m-widget27__nav-item nav-item"> | |
| <a class="nav-link" data-toggle="pill" href="#m_personal_income_quater_4">Quater 4</a> | |
| </li> | |
| </ul> | |
| <!-- end::Nav pills --> | |
| <!-- begin::Tab Content --> | |
| <div class="m-widget27__tab tab-content m-widget27--no-padding"> | |
| <div id="m_personal_income_quater_1" class="tab-pane active"> | |
| <div class="row align-items-center"> | |
| <div class="col"> | |
| <div id="m_chart_personal_income_quater_1" class="m-widget27__chart" style="height: 160px"> | |
| <div class="m-widget27__stat">37</div> | |
| </div> | |
| </div> | |
| <div class="col"> | |
| <div class="m-widget27__legends"> | |
| <div class="m-widget27__legend"> | |
| <span class="m-widget27__legend-bullet m--bg-accent"></span> | |
| <span class="m-widget27__legend-text">37% Case</span> | |
| </div> | |
| <div class="m-widget27__legend"> | |
| <span class="m-widget27__legend-bullet m--bg-warning"></span> | |
| <span class="m-widget27__legend-text">42% Events</span> | |
| </div> | |
| <div class="m-widget27__legend"> | |
| <span class="m-widget27__legend-bullet m--bg-brand"></span> | |
| <span class="m-widget27__legend-text">19% Others</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="m_personal_income_quater_2" class="tab-pane fade"> | |
| <div class="row align-items-center"> | |
| <div class="col"> | |
| <div id="m_chart_personal_income_quater_2" class="m-widget27__chart" style="height: 160px"> | |
| <div class="m-widget27__stat">70</div> | |
| </div> | |
| </div> | |
| <div class="col"> | |
| <div class="m-widget27__legends"> | |
| <div class="m-widget27__legend"> | |
| <span class="m-widget27__legend-bullet m--bg-focus"></span> | |
| <span class="m-widget27__legend-text">57% Case</span> | |
| </div> | |
| <div class="m-widget27__legend"> | |
| <span class="m-widget27__legend-bullet m--bg-success"></span> | |
| <span class="m-widget27__legend-text">20% Events</span> | |
| </div> | |
| <div class="m-widget27__legend"> | |
| <span class="m-widget27__legend-bullet m--bg-danger"></span> | |
| <span class="m-widget27__legend-text">19% Others</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="m_personal_income_quater_3" class="tab-pane fade"> | |
| <div class="row align-items-center"> | |
| <div class="col"> | |
| <div id="m_chart_personal_income_quater_3" class="m-widget27__chart" style="height: 160px"> | |
| <div class="m-widget27__stat">67</div> | |
| </div> | |
| </div> | |
| <div class="col"> | |
| <div class="m-widget27__legends"> | |
| <div class="m-widget27__legend"> | |
| <span class="m-widget27__legend-bullet m--bg-info"></span> | |
| <span class="m-widget27__legend-text">47% Case</span> | |
| </div> | |
| <div class="m-widget27__legend"> | |
| <span class="m-widget27__legend-bullet m--bg-danger"></span> | |
| <span class="m-widget27__legend-text">55% Events</span> | |
| </div> | |
| <div class="m-widget27__legend"> | |
| <span class="m-widget27__legend-bullet m--bg-brand"></span> | |
| <span class="m-widget27__legend-text">27% Others</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="m_personal_income_quater_4" class="tab-pane fade"> | |
| <div class="row align-items-center"> | |
| <div class="col"> | |
| <div id="m_chart_personal_income_quater_4" class="m-widget27__chart" style="height: 160px"> | |
| <div class="m-widget27__stat">77</div> | |
| </div> | |
| </div> | |
| <div class="col"> | |
| <div class="m-widget27__legends"> | |
| <div class="m-widget27__legend"> | |
| <span class="m-widget27__legend-bullet m--bg-warning"></span> | |
| <span class="m-widget27__legend-text">37% Case</span> | |
| </div> | |
| <div class="m-widget27__legend"> | |
| <span class="m-widget27__legend-bullet m--bg-primary"></span> | |
| <span class="m-widget27__legend-text">65% Events</span> | |
| </div> | |
| <div class="m-widget27__legend"> | |
| <span class="m-widget27__legend-bullet m--bg-danger"></span> | |
| <span class="m-widget27__legend-text">33% Others</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- end::Tab Content --> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--end:: Widgets/Blog--> | |
| </div> | |
| <div class="col-xl-4"> | |
| <!--begin:: Packages--> | |
| <div class="m-portlet m-portlet--bordered-semi m-portlet--full-height m-portlet--rounded"> | |
| <div class="m-portlet__head m--padding-top-20"> | |
| <div class="m-portlet__head-caption"> | |
| <div class="m-portlet__head-title"> | |
| <h3 class="m-portlet__head-text"> | |
| Earnings | |
| </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" m-dropdown-toggle="hover"> | |
| <a href="#" class="m-portlet__nav-link m-dropdown__toggle dropdown-toggle btn btn--sm m-btn--pill btn-secondary m-btn "> | |
| All | |
| </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__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 m-portlet__body--no-padding"> | |
| <!--begin::Widget 30--> | |
| <div class="m-widget30"> | |
| <div class="m-widget_head"> | |
| <div class="m-widget_head-owlcarousel-items owl-carousel"> | |
| <div class="m-widget_head-owlcarousel-item carousel"><span>KeenThemes</span><span>Admin Themes</span></div> | |
| <div class="m-widget_head-owlcarousel-item carousel"><span>Creek State</span><span>WP Experts</span></div> | |
| <div class="m-widget_head-owlcarousel-item carousel"><span>Onteco</span><span>Social Networks</span></div> | |
| </div> | |
| </div> | |
| <div class="m-widget_body"> | |
| <div class="m-widget_body-owlcarousel-items owl-carousel" id="m_widget_body_owlcarousel_items"> | |
| <div class="m-widget_body-owlcarousel-item carousel"> | |
| <div class="m-widget_body-items"> | |
| <div class="m-widget_body-item"> | |
| <div class="m-widget_body-item-pic"> | |
| <img src="assets/app/media/img/users/100_4.jpg" title=""> | |
| </div> | |
| <div class="m-widget_body-item-desc"> | |
| <span>Amy Black</span> | |
| <span>A Programming Language</span> | |
| </div> | |
| <div class="m-widget_body-item-price"> | |
| <span>+$381</span> | |
| </div> | |
| </div> | |
| <div class="m-widget_body-item"> | |
| <div class="m-widget_body-item-pic"> | |
| <img src="assets/app/media/img/users/100_3.jpg" title=""> | |
| </div> | |
| <div class="m-widget_body-item-desc"> | |
| <span>Mike Green</span> | |
| <span>Programming Language Definition</span> | |
| </div> | |
| <div class="m-widget_body-item-price"> | |
| <span>+$17</span> | |
| </div> | |
| </div> | |
| <div class="m-widget_body-item"> | |
| <div class="m-widget_body-item-pic"> | |
| <img src="assets/app/media/img/users/100_7.jpg" title=""> | |
| </div> | |
| <div class="m-widget_body-item-desc"> | |
| <span>Jade Blue</span> | |
| <span>Let's Fly Fast Again</span> | |
| </div> | |
| <div class="m-widget_body-item-price"> | |
| <span>+$200</span> | |
| </div> | |
| </div> | |
| <div class="m-widget_body-item"> | |
| <div class="m-widget_body-item-pic"> | |
| <img src="assets/app/media/img/users/300_9.jpg" title=""> | |
| </div> | |
| <div class="m-widget_body-item-desc"> | |
| <span>Jimmy Grey</span> | |
| <span>Good Coffee & Snacks</span> | |
| </div> | |
| <div class="m-widget_body-item-price"> | |
| <span>-$290</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="m-widget_body-owlcarousel-item carousel"> | |
| <div class="m-widget_body-items"> | |
| <div class="m-widget_body-item"> | |
| <div class="m-widget_body-item-pic"> | |
| <img src="assets/app/media/img/users/100_3.jpg" title=""> | |
| </div> | |
| <div class="m-widget_body-item-desc"> | |
| <span>Mike Green</span> | |
| <span>Programming Computers in Everyday</span> | |
| </div> | |
| <div class="m-widget_body-item-price"> | |
| <span>+$17</span> | |
| </div> | |
| </div> | |
| <div class="m-widget_body-item"> | |
| <div class="m-widget_body-item-pic"> | |
| <img src="assets/app/media/img/users/100_4.jpg" title=""> | |
| </div> | |
| <div class="m-widget_body-item-desc"> | |
| <span>Amy Black</span> | |
| <span>A Programming Language</span> | |
| </div> | |
| <div class="m-widget_body-item-price"> | |
| <span>+$381</span> | |
| </div> | |
| </div> | |
| <div class="m-widget_body-item"> | |
| <div class="m-widget_body-item-pic"> | |
| <img src="assets/app/media/img/users/100_9.jpg" title=""> | |
| </div> | |
| <div class="m-widget_body-item-desc"> | |
| <span>Jimmy Grey</span> | |
| <span>Let's Fly Fast Again</span> | |
| </div> | |
| <div class="m-widget_body-item-price"> | |
| <span>-$290</span> | |
| </div> | |
| </div> | |
| <div class="m-widget_body-item"> | |
| <div class="m-widget_body-item-pic"> | |
| <img src="assets/app/media/img/users/300_7.jpg" title=""> | |
| </div> | |
| <div class="m-widget_body-item-desc"> | |
| <span>Jade Blue</span> | |
| <span>Good Coffee & Snacks</span> | |
| </div> | |
| <div class="m-widget_body-item-price"> | |
| <span>+$200</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="m-widget_body-owlcarousel-item carousel"> | |
| <div class="m-widget_body-items"> | |
| <div class="m-widget_body-item"> | |
| <div class="m-widget_body-item-pic"> | |
| <img src="assets/app/media/img/users/100_7.jpg" title=""> | |
| </div> | |
| <div class="m-widget_body-item-desc"> | |
| <span>Jade Blue</span> | |
| <span>Good Coffee & Snacks</span> | |
| </div> | |
| <div class="m-widget_body-item-price"> | |
| <span>+$200</span> | |
| </div> | |
| </div> | |
| <div class="m-widget_body-item"> | |
| <div class="m-widget_body-item-pic"> | |
| <img src="assets/app/media/img/users/100_9.jpg" title=""> | |
| </div> | |
| <div class="m-widget_body-item-desc"> | |
| <span>Jimmy Grey</span> | |
| <span>Programming Language Definition</span> | |
| </div> | |
| <div class="m-widget_body-item-price"> | |
| <span>-$290</span> | |
| </div> | |
| </div> | |
| <div class="m-widget_body-item"> | |
| <div class="m-widget_body-item-pic"> | |
| <img src="assets/app/media/img/users/100_4.jpg" title=""> | |
| </div> | |
| <div class="m-widget_body-item-desc"> | |
| <span>Amy Black</span> | |
| <span>Let's Fly Fast Again</span> | |
| </div> | |
| <div class="m-widget_body-item-price"> | |
| <span>+$381</span> | |
| </div> | |
| </div> | |
| <div class="m-widget_body-item"> | |
| <div class="m-widget_body-item-pic"> | |
| <img src="assets/app/media/img/users/300_3.jpg" title=""> | |
| </div> | |
| <div class="m-widget_body-item-desc"> | |
| <span>Mike Green</span> | |
| <span>A Programming Language</span> | |
| </div> | |
| <div class="m-widget_body-item-price"> | |
| <span>+$17</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--end::Widget 30--> | |
| </div> | |
| </div> | |
| <!--end:: Packages--> | |
| </div> | |
| <div class="col-xl-4"> | |
| <!--begin:: Packages--> | |
| <div class="m-portlet m--bg-warning m-portlet--bordered-semi m-portlet--full-height m-portlet--rounded"> | |
| <div class="m-portlet__head"> | |
| <div class="m-portlet__head-caption"> | |
| <div class="m-portlet__head-title"> | |
| <h3 class="m-portlet__head-text m--font-light"> | |
| Packages | |
| </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" m-dropdown-toggle="hover"> | |
| <a href="#" class="m-portlet__nav-link m-dropdown__toggle dropdown-toggle btn btn--sm m-btn--pill m-btn btn-outline-light m-btn--hover-light"> | |
| 2018 | |
| </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__section m-nav__section--first"> | |
| <span class="m-nav__section-text">Reports</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__section m-nav__section--first"> | |
| <span class="m-nav__section-text">Export</span> | |
| </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">PDF</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">Excel</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">CSV</span> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="m-portlet__body"> | |
| <!--begin::Widget 29--> | |
| <div class="m-widget29"> | |
| <div class="m-widget_content"> | |
| <h3 class="m-widget_content-title">Monthly Income</h3> | |
| <div class="m-widget_content-items"> | |
| <div class="m-widget_content-item"> | |
| <span>Total</span> | |
| <span class="m--font-accent">$680</span> | |
| </div> | |
| <div class="m-widget_content-item"> | |
| <span>Change</span> | |
| <span class="m--font-brand">+15%</span> | |
| </div> | |
| <div class="m-widget_content-item"> | |
| <span>Licenses</span> | |
| <span>29</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="m-widget_content"> | |
| <h3 class="m-widget_content-title">Taxes info</h3> | |
| <div class="m-widget_content-items"> | |
| <div class="m-widget_content-item"> | |
| <span>Total</span> | |
| <span class="m--font-accent">22.50</span> | |
| </div> | |
| <div class="m-widget_content-item"> | |
| <span>Change</span> | |
| <span class="m--font-brand">+15%</span> | |
| </div> | |
| <div class="m-widget_content-item"> | |
| <span>Count</span> | |
| <span>701</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="m-widget_content"> | |
| <h3 class="m-widget_content-title">Partners Sale</h3> | |
| <div class="m-widget_content-items"> | |
| <div class="m-widget_content-item"> | |
| <span>Total</span> | |
| <span class="m--font-accent">$680</span> | |
| </div> | |
| <div class="m-widget_content-item"> | |
| <span>Change</span> | |
| <span class="m--font-brand">+15%</span> | |
| </div> | |
| <div class="m-widget_content-item"> | |
| <span>Licenses</span> | |
| <span>29</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--end::Widget 29--> | |
| </div> | |
| </div> | |
| <!--end:: Packages--> | |
| </div> | |
| </div> | |
| <!--End::Section--> | |
| <!--Begin::Section--> | |
| <div class="row"> | |
| <div class="col-xl-6 col-lg-12"> | |
| <!--Begin::Portlet--> | |
| <div class="m-portlet m-portlet--full-height m-portlet--rounded"> | |
| <div class="m-portlet__head"> | |
| <div class="m-portlet__head-caption"> | |
| <div class="m-portlet__head-title"> | |
| <h3 class="m-portlet__head-text"> | |
| Recent Activities | |
| </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" m-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__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-scrollable" data-scrollable="true" data-height="380" data-mobile-height="300"> | |
| <!--Begin::Timeline 2 --> | |
| <div class="m-timeline-2"> | |
| <div class="m-timeline-2__items m--padding-top-25 m--padding-bottom-30"> | |
| <div class="m-timeline-2__item"> | |
| <span class="m-timeline-2__item-time">10:00</span> | |
| <div class="m-timeline-2__item-cricle"> | |
| <i class="fa fa-genderless m--font-danger"></i> | |
| </div> | |
| <div class="m-timeline-2__item-text m--padding-top-5"> | |
| Lorem ipsum dolor sit amit,consectetur eiusmdd tempor<br> | |
| incididunt ut labore et dolore magna | |
| </div> | |
| </div> | |
| <div class="m-timeline-2__item m--margin-top-30"> | |
| <span class="m-timeline-2__item-time">12:45</span> | |
| <div class="m-timeline-2__item-cricle"> | |
| <i class="fa fa-genderless m--font-success"></i> | |
| </div> | |
| <div class="m-timeline-2__item-text m-timeline-2__item-text--bold"> | |
| AEOL Meeting With | |
| </div> | |
| <div class="m-list-pics m-list-pics--sm m--padding-left-20"> | |
| <a href="#"><img src="assets/app/media/img/users/100_4.jpg" title=""></a> | |
| <a href="#"><img src="assets/app/media/img/users/100_13.jpg" title=""></a> | |
| <a href="#"><img src="assets/app/media/img/users/100_11.jpg" title=""></a> | |
| <a href="#"><img src="assets/app/media/img/users/100_14.jpg" title=""></a> | |
| </div> | |
| </div> | |
| <div class="m-timeline-2__item m--margin-top-30"> | |
| <span class="m-timeline-2__item-time">14:00</span> | |
| <div class="m-timeline-2__item-cricle"> | |
| <i class="fa fa-genderless m--font-brand"></i> | |
| </div> | |
| <div class="m-timeline-2__item-text m--padding-top-5"> | |
| Make Deposit <a href="#" class="m-link m-link--brand m--font-bolder">USD 700</a> To ESL. | |
| </div> | |
| </div> | |
| <div class="m-timeline-2__item m--margin-top-30"> | |
| <span class="m-timeline-2__item-time">16:00</span> | |
| <div class="m-timeline-2__item-cricle"> | |
| <i class="fa fa-genderless m--font-warning"></i> | |
| </div> | |
| <div class="m-timeline-2__item-text m--padding-top-5"> | |
| Lorem ipsum dolor sit amit,consectetur eiusmdd tempor<br> | |
| incididunt ut labore et dolore magna elit enim at minim<br> | |
| veniam quis nostrud | |
| </div> | |
| </div> | |
| <div class="m-timeline-2__item m--margin-top-30"> | |
| <span class="m-timeline-2__item-time">17:00</span> | |
| <div class="m-timeline-2__item-cricle"> | |
| <i class="fa fa-genderless m--font-info"></i> | |
| </div> | |
| <div class="m-timeline-2__item-text m--padding-top-5"> | |
| Placed a new order in <a href="#" class="m-link m-link--brand m--font-bolder">SIGNATURE MOBILE</a> marketplace. | |
| </div> | |
| </div> | |
| <div class="m-timeline-2__item m--margin-top-30"> | |
| <span class="m-timeline-2__item-time">16:00</span> | |
| <div class="m-timeline-2__item-cricle"> | |
| <i class="fa fa-genderless m--font-brand"></i> | |
| </div> | |
| <div class="m-timeline-2__item-text m--padding-top-5"> | |
| Lorem ipsum dolor sit amit,consectetur eiusmdd tempor<br> | |
| incididunt ut labore et dolore magna elit enim at minim<br> | |
| veniam quis nostrud | |
| </div> | |
| </div> | |
| <div class="m-timeline-2__item m--margin-top-30"> | |
| <span class="m-timeline-2__item-time">17:00</span> | |
| <div class="m-timeline-2__item-cricle"> | |
| <i class="fa fa-genderless m--font-danger"></i> | |
| </div> | |
| <div class="m-timeline-2__item-text m--padding-top-5"> | |
| Received a new feedback on <a href="#" class="m-link m-link--brand m--font-bolder">FinancePro App</a> product. | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--End::Timeline 2 --> | |
| </div> | |
| </div> | |
| </div> | |
| <!--End::Portlet--> </div> | |
| <div class="col-xl-6 col-lg-12"> | |
| <!--Begin::Portlet--> | |
| <div class="m-portlet m-portlet--full-height m-portlet--rounded"> | |
| <div class="m-portlet__head"> | |
| <div class="m-portlet__head-caption"> | |
| <div class="m-portlet__head-title"> | |
| <h3 class="m-portlet__head-text"> | |
| Recent Notifications | |
| </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_content" 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"> | |
| <!--Begin::Timeline 3 --> | |
| <div class="m-timeline-3"> | |
| <div class="m-timeline-3__items"> | |
| <div class="m-timeline-3__item m-timeline-3__item--info"> | |
| <span class="m-timeline-3__item-time">09:00</span> | |
| <div class="m-timeline-3__item-desc"> | |
| <span class="m-timeline-3__item-text"> | |
| Lorem ipsum dolor sit amit,consectetur eiusmdd tempor | |
| </span><br> | |
| <span class="m-timeline-3__item-user-name"> | |
| <a href="#" class="m-link m-link--metal m-timeline-3__item-link"> | |
| By Bob | |
| </a> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="m-timeline-3__item m-timeline-3__item--warning"> | |
| <span class="m-timeline-3__item-time">10:00</span> | |
| <div class="m-timeline-3__item-desc"> | |
| <span class="m-timeline-3__item-text"> | |
| Lorem ipsum dolor sit amit | |
| </span><br> | |
| <span class="m-timeline-3__item-user-name"> | |
| <a href="#" class="m-link m-link--metal m-timeline-3__item-link"> | |
| By Sean | |
| </a> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="m-timeline-3__item m-timeline-3__item--brand"> | |
| <span class="m-timeline-3__item-time">11:00</span> | |
| <div class="m-timeline-3__item-desc"> | |
| <span class="m-timeline-3__item-text"> | |
| Lorem ipsum dolor sit amit eiusmdd tempor | |
| </span><br> | |
| <span class="m-timeline-3__item-user-name"> | |
| <a href="#" class="m-link m-link--metal m-timeline-3__item-link"> | |
| By James | |
| </a> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="m-timeline-3__item m-timeline-3__item--success"> | |
| <span class="m-timeline-3__item-time">12:00</span> | |
| <div class="m-timeline-3__item-desc"> | |
| <span class="m-timeline-3__item-text"> | |
| Lorem ipsum dolor | |
| </span><br> | |
| <span class="m-timeline-3__item-user-name"> | |
| <a href="#" class="m-link m-link--metal m-timeline-3__item-link"> | |
| By James | |
| </a> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="m-timeline-3__item m-timeline-3__item--danger"> | |
| <span class="m-timeline-3__item-time">14:00</span> | |
| <div class="m-timeline-3__item-desc"> | |
| <span class="m-timeline-3__item-text"> | |
| Lorem ipsum dolor sit amit,consectetur eiusmdd | |
| </span><br> | |
| <span class="m-timeline-3__item-user-name"> | |
| <a href="#" class="m-link m-link--metal m-timeline-3__item-link"> | |
| By Derrick | |
| </a> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="m-timeline-3__item m-timeline-3__item--info"> | |
| <span class="m-timeline-3__item-time">15:00</span> | |
| <div class="m-timeline-3__item-desc"> | |
| <span class="m-timeline-3__item-text"> | |
| Lorem ipsum dolor sit amit,consectetur | |
| </span><br> | |
| <span class="m-timeline-3__item-user-name"> | |
| <a href="#" class="m-link m-link--metal m-timeline-3__item-link"> | |
| By Iman | |
| </a> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="m-timeline-3__item m-timeline-3__item--brand"> | |
| <span class="m-timeline-3__item-time">17:00</span> | |
| <div class="m-timeline-3__item-desc"> | |
| <span class="m-timeline-3__item-text"> | |
| Lorem ipsum dolor sit consectetur eiusmdd tempor | |
| </span><br> | |
| <span class="m-timeline-3__item-user-name"> | |
| <a href="#" class="m-link m-link--metal m-timeline-3__item-link"> | |
| By Aziko | |
| </a> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--End::Timeline 3 --> | |
| </div> | |
| <div class="tab-pane" id="m_widget2_tab2_content"> | |
| <!--Begin::Timeline 3 --> | |
| <div class="m-timeline-3"> | |
| <div class="m-timeline-3__items"> | |
| <div class="m-timeline-3__item m-timeline-3__item--info"> | |
| <span class="m-timeline-3__item-time m--font-focus">09:00</span> | |
| <div class="m-timeline-3__item-desc"> | |
| <span class="m-timeline-3__item-text"> | |
| Contrary to popular belief, Lorem Ipsum is not simply random text. | |
| </span><br> | |
| <span class="m-timeline-3__item-user-name"> | |
| <a href="#" class="m-link m-link--metal m-timeline-3__item-link"> | |
| By Bob | |
| </a> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="m-timeline-3__item m-timeline-3__item--warning"> | |
| <span class="m-timeline-3__item-time m--font-warning">10:00</span> | |
| <div class="m-timeline-3__item-desc"> | |
| <span class="m-timeline-3__item-text"> | |
| There are many variations of passages of Lorem Ipsum available. | |
| </span><br> | |
| <span class="m-timeline-3__item-user-name"> | |
| <a href="#" class="m-link m-link--metal m-timeline-3__item-link"> | |
| By Sean | |
| </a> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="m-timeline-3__item m-timeline-3__item--brand"> | |
| <span class="m-timeline-3__item-time m--font-primary">11:00</span> | |
| <div class="m-timeline-3__item-desc"> | |
| <span class="m-timeline-3__item-text"> | |
| Contrary to popular belief, Lorem Ipsum is not simply random text. | |
| </span><br> | |
| <span class="m-timeline-3__item-user-name"> | |
| <a href="#" class="m-link m-link--metal m-timeline-3__item-link"> | |
| By James | |
| </a> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="m-timeline-3__item m-timeline-3__item--success"> | |
| <span class="m-timeline-3__item-time m--font-success">12:00</span> | |
| <div class="m-timeline-3__item-desc"> | |
| <span class="m-timeline-3__item-text"> | |
| The standard chunk of Lorem Ipsum used since the 1500s is reproduced. | |
| </span><br> | |
| <span class="m-timeline-3__item-user-name"> | |
| <a href="#" class="m-link m-link--metal m-timeline-3__item-link"> | |
| By James | |
| </a> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="m-timeline-3__item m-timeline-3__item--danger"> | |
| <span class="m-timeline-3__item-time m--font-warning">14:00</span> | |
| <div class="m-timeline-3__item-desc"> | |
| <span class="m-timeline-3__item-text"> | |
| Latin words, combined with a handful of model sentence structures. | |
| </span><br> | |
| <span class="m-timeline-3__item-user-name"> | |
| <a href="#" class="m-link m-link--metal m-timeline-3__item-link"> | |
| By Derrick | |
| </a> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="m-timeline-3__item m-timeline-3__item--info"> | |
| <span class="m-timeline-3__item-time m--font-info">15:00</span> | |
| <div class="m-timeline-3__item-desc"> | |
| <span class="m-timeline-3__item-text"> | |
| Contrary to popular belief, Lorem Ipsum is not simply random text. | |
| </span><br> | |
| <span class="m-timeline-3__item-user-name"> | |
| <a href="#" class="m-link m-link--metal m-timeline-3__item-link"> | |
| By Iman | |
| </a> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="m-timeline-3__item m-timeline-3__item--brand"> | |
| <span class="m-timeline-3__item-time m--font-danger">17:00</span> | |
| <div class="m-timeline-3__item-desc"> | |
| <span class="m-timeline-3__item-text"> | |
| Lorem Ipsum is therefore always free from repetition, injected humour. | |
| </span><br> | |
| <span class="m-timeline-3__item-user-name"> | |
| <a href="#" class="m-link m-link--metal m-timeline-3__item-link"> | |
| By Aziko | |
| </a> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--End::Timeline 3 --> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--End::Portlet--> </div> | |
| </div> | |
| <!--End::Section--> | |
| <!--Begin::Section--> | |
| <div class="row"> | |
| <div class="col-xl-8"> | |
| <div class="m-portlet m-portlet--mobile m-portlet--rounded"> | |
| <div class="m-portlet__head"> | |
| <div class="m-portlet__head-caption"> | |
| <div class="m-portlet__head-title"> | |
| <h3 class="m-portlet__head-text"> | |
| Exclusive Datatable Plugin | |
| </h3> | |
| </div> | |
| </div> | |
| <div class="m-portlet__head-tools"> | |
| <ul class="m-portlet__nav"> | |
| <li class="m-portlet__nav-item"> | |
| <div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" m-dropdown-toggle="hover" aria-expanded="true"> | |
| <a href="#" class="m-portlet__nav-link btn btn-lg btn-secondary m-btn m-btn--icon m-btn--icon-only m-btn--pill 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__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">Create Post</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">Send Messages</span> | |
| </a> | |
| </li> | |
| <li class="m-nav__item"> | |
| <a href="" class="m-nav__link"> | |
| <i class="m-nav__link-icon flaticon-multimedia-2"></i> | |
| <span class="m-nav__link-text">Upload File</span> | |
| </a> | |
| </li> | |
| <li class="m-nav__section"> | |
| <span class="m-nav__section-text">Useful Links</span> | |
| </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 m--hide"> | |
| </li> | |
| <li class="m-nav__item m--hide"> | |
| <a href="#" class="btn btn-outline-danger m-btn m-btn--pill m-btn--wide btn-sm">Submit</a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="m-portlet__body"> | |
| <!--begin: Datatable --> | |
| <div class="m_datatable" id="m_datatable_latest_orders"></div> | |
| <!--end: Datatable --> | |
| </div> | |
| </div> </div> | |
| <div class="col-xl-4"> | |
| <!--begin:: Widgets/Audit Log--> | |
| <div class="m-portlet m-portlet--full-height m-portlet--rounded"> | |
| <div class="m-portlet__head"> | |
| <div class="m-portlet__head-caption"> | |
| <div class="m-portlet__head-title"> | |
| <h3 class="m-portlet__head-text"> | |
| Audit Log | |
| </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_widget4_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_widget4_tab2_content" role="tab"> | |
| Week | |
| </a> | |
| </li> | |
| <li class="nav-item m-tabs__item"> | |
| <a class="nav-link m-tabs__link" data-toggle="tab" href="#m_widget4_tab3_content" role="tab"> | |
| Month | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="m-portlet__body"> | |
| <div class="tab-content"> | |
| <div class="tab-pane active" id="m_widget4_tab1_content"> | |
| <div class="m-scrollable" data-scrollable="true" data-height="400" style="height: 400px; overflow: hidden;"> | |
| <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--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 m-list-timeline__badge--info"></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 m-list-timeline__badge--danger"></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 m-list-timeline__badge--accent"></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 m-list-timeline__badge--warning"></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"> | |
| <span class="m-list-timeline__badge m-list-timeline__badge--brand"></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 m-list-timeline__badge--info"></span> | |
| <span class="m-list-timeline__text">Production server up</span> | |
| <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--success"></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"> | |
| <span class="m-list-timeline__badge m-list-timeline__badge--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 m-list-timeline__badge--info"></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 m-list-timeline__badge--danger"></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 m-list-timeline__badge--accent"></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 m-list-timeline__badge--danger"></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 m-list-timeline__badge--accent"></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 m-list-timeline__badge--warning"></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"> | |
| <span class="m-list-timeline__badge m-list-timeline__badge--brand"></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 m-list-timeline__badge--info"></span> | |
| <span class="m-list-timeline__text">Production server up</span> | |
| <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--success"></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> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="tab-pane" id="m_widget4_tab2_content"> | |
| </div> | |
| <div class="tab-pane" id="m_widget4_tab3_content"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!--end:: Widgets/Audit Log--> </div> | |
| </div> | |
| <!--End::Section--> </div> | |
| </div> | |
| </div> | |
| <!-- end::Body --> | |
| <!-- begin::Footer --> | |
| <footer class="m-grid__item m-footer "> | |
| <div class="m-container m-container--fluid m-container--full-height m-page__container"> | |
| <div class="m-footer__wrapper"> | |
| <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="https://keenthemes.com" 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"> | |
| <a href="#" class="m-nav__link" data-toggle="m-tooltip" title="Support Center" data-placement="left"> | |
| <i class="m-nav__link-icon flaticon-info m--icon-font-size-lg3"></i> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <!-- end::Footer --> | |
| </div> | |
| <!-- end:: Page --> | |
| <!-- begin::Quick Sidebar --> | |
| <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" 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 m-scrollable"> | |
| <div class="m-messenger__wrapper"> | |
| <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> | |
| <div class="m-messenger__wrapper"> | |
| <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> | |
| <div class="m-messenger__wrapper"> | |
| <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> | |
| <div class="m-messenger__wrapper"> | |
| <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> | |
| <div class="m-messenger__datetime">2:30PM</div> | |
| <div class="m-messenger__wrapper"> | |
| <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> | |
| <div class="m-messenger__wrapper"> | |
| <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> | |
| <div class="m-messenger__wrapper"> | |
| <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> | |
| <div class="m-messenger__datetime">3:15PM</div> | |
| <div class="m-messenger__wrapper"> | |
| <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> | |
| <div class="m-messenger__wrapper"> | |
| <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> | |
| <div class="m-messenger__wrapper"> | |
| <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> | |
| <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" id="m_quick_sidebar_tabs_settings" role="tabpanel"> | |
| <div class="m-list-settings m-scrollable"> | |
| <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="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="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="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" id="m_quick_sidebar_tabs_logs" role="tabpanel"> | |
| <div class="m-list-timeline m-scrollable"> | |
| <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> | |
| <!-- end::Quick Sidebar --> | |
| <!-- begin::Scroll Top --> | |
| <div id="m_scroll_top" class="m-scroll-top"> | |
| <i class="la la-arrow-up"></i> | |
| </div> | |
| <!-- end::Scroll Top --> <!-- begin::Quick Nav --> | |
| <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="https://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="https://keenthemes.com/forums/forum/support/metronic5/" target="_blank"><i class="la la-life-ring"></i></a> | |
| </li> | |
| </ul> | |
| <!-- begin::Quick Nav --> | |
| <!--begin::Base Scripts --> | |
| <script src="assets/vendors/base/vendors.bundle.js" type="text/javascript"></script> | |
| <script src="assets/demo/demo10/base/scripts.bundle.js" type="text/javascript"></script> | |
| <!--end::Base Scripts --> | |
| <!--begin::Page Vendors --> | |
| <script src="assets/vendors/custom/fullcalendar/fullcalendar.bundle.js" type="text/javascript"></script> | |
| <!--end::Page Vendors --> | |
| <!--begin::Page Snippets --> | |
| <script src="assets/app/js/dashboard.js" type="text/javascript"></script> | |
| <!--end::Page Snippets --> | |
| <!-- begin::Page Loader --> | |
| <script> | |
| $(window).on('load', function() { | |
| $('body').removeClass('m-page--loading'); | |
| }); | |
| </script> | |
| <!-- end::Page Loader --> | |
| </body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment