Advertisement
Guest User

Untitled

a guest
Apr 24th, 2019
221
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 64.02 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <!-- Required meta tags-->
  6.     <meta charset="UTF-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.     <meta name="description" content="au theme template">
  9.     <meta name="author" content="Hau Nguyen">
  10.     <meta name="keywords" content="au theme template">
  11.  
  12.     <!-- Title Page-->
  13.     <title>Dashboard</title>
  14.  
  15.     <!-- Fontfaces CSS-->
  16.     <link href="<?php echo base_url(); ?>assets/css/font-face.css" rel="stylesheet" media="all">
  17.     <link href="<?php echo base_url(); ?>assets/vendor/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" media="all">
  18.     <link href="<?php echo base_url(); ?>assets/vendor/font-awesome-5/css/fontawesome-all.min.css" rel="stylesheet" media="all">
  19.     <link href="<?php echo base_url(); ?>assets/vendor/mdi-font/css/material-design-iconic-font.min.css" rel="stylesheet" media="all">
  20.  
  21.     <!-- Bootstrap CSS-->
  22.     <link href="<?php echo base_url(); ?>assets/vendor/bootstrap-4.1/bootstrap.min.css" rel="stylesheet" media="all">
  23.  
  24.     <!-- Vendor CSS-->
  25.     <link href="<?php echo base_url(); ?>assets/vendor/animsition/animsition.min.css" rel="stylesheet" media="all">
  26.     <link href="<?php echo base_url(); ?>assets/vendor/bootstrap-progressbar/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet" media="all">
  27.     <link href="<?php echo base_url(); ?>assets/vendor/wow/animate.css" rel="stylesheet" media="all">
  28.     <link href="<?php echo base_url(); ?>assets/vendor/css-hamburgers/hamburgers.min.css" rel="stylesheet" media="all">
  29.     <link href="<?php echo base_url(); ?>assets/vendor/slick/slick.css" rel="stylesheet" media="all">
  30.     <link href="<?php echo base_url(); ?>assets/vendor/select2/select2.min.css" rel="stylesheet" media="all">
  31.     <link href="<?php echo base_url(); ?>assets/vendor/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" media="all">
  32.  
  33.     <!-- Main CSS-->
  34.     <link href="<?php echo base_url(); ?>assets/css/theme.css" rel="stylesheet" media="all">
  35.  
  36. </head>
  37.  
  38. <body class="animsition">
  39.     <div class="page-wrapper">
  40.         <!-- HEADER MOBILE-->
  41.         <header class="header-mobile d-block d-lg-none">
  42.             <div class="header-mobile__bar">
  43.                 <div class="container-fluid">
  44.                     <div class="header-mobile-inner">
  45.                         <a class="logo" href="index.html">
  46.                             <img src="<?php echo base_url(); ?>assets/images/icon/logo.png" alt="CoolAdmin" />
  47.                         </a>
  48.                         <button class="hamburger hamburger--slider" type="button">
  49.                             <span class="hamburger-box">
  50.                                 <span class="hamburger-inner"></span>
  51.                             </span>
  52.                         </button>
  53.                     </div>
  54.                 </div>
  55.             </div>
  56.             <nav class="navbar-mobile">
  57.                 <div class="container-fluid">
  58.                     <ul class="navbar-mobile__list list-unstyled">
  59.                         <li class="has-sub">
  60.                             <a class="js-arrow" href="#">
  61.                                 <i class="fas fa-tachometer-alt"></i>Dashboard</a>
  62.                             <ul class="navbar-mobile-sub__list list-unstyled js-sub-list">
  63.                                 <li>
  64.                                     <a href="index.html">Dashboard 1</a>
  65.                                 </li>
  66.                                 <li>
  67.                                     <a href="index2.html">Dashboard 2</a>
  68.                                 </li>
  69.                                 <li>
  70.                                     <a href="index3.html">Dashboard 3</a>
  71.                                 </li>
  72.                                 <li>
  73.                                     <a href="index4.html">Dashboard 4</a>
  74.                                 </li>
  75.                             </ul>
  76.                         </li>
  77.                         <li>
  78.                             <a href="chart.html">
  79.                                 <i class="fas fa-chart-bar"></i>Charts</a>
  80.                         </li>
  81.                         <li>
  82.                             <a href="table.html">
  83.                                 <i class="fas fa-table"></i>Tables</a>
  84.                         </li>
  85.                         <li>
  86.                             <a href="form.html">
  87.                                 <i class="far fa-check-square"></i>Forms</a>
  88.                         </li>
  89.                         <li>
  90.                             <a href="#">
  91.                                 <i class="fas fa-calendar-alt"></i>Calendar</a>
  92.                         </li>
  93.                         <li>
  94.                             <a href="map.html">
  95.                                 <i class="fas fa-map-marker-alt"></i>Maps</a>
  96.                         </li>
  97.                         <li class="has-sub">
  98.                             <a class="js-arrow" href="#">
  99.                                 <i class="fas fa-copy"></i>Pages</a>
  100.                             <ul class="navbar-mobile-sub__list list-unstyled js-sub-list">
  101.                                 <li>
  102.                                     <a href="login.html">Login</a>
  103.                                 </li>
  104.                                 <li>
  105.                                     <a href="register.html">Register</a>
  106.                                 </li>
  107.                                 <li>
  108.                                     <a href="forget-pass.html">Forget Password</a>
  109.                                 </li>
  110.                             </ul>
  111.                         </li>
  112.                         <li class="has-sub">
  113.                             <a class="js-arrow" href="#">
  114.                                 <i class="fas fa-desktop"></i>UI Elements</a>
  115.                             <ul class="navbar-mobile-sub__list list-unstyled js-sub-list">
  116.                                 <li>
  117.                                     <a href="button.html">Button</a>
  118.                                 </li>
  119.                                 <li>
  120.                                     <a href="badge.html">Badges</a>
  121.                                 </li>
  122.                                 <li>
  123.                                     <a href="tab.html">Tabs</a>
  124.                                 </li>
  125.                                 <li>
  126.                                     <a href="card.html">Cards</a>
  127.                                 </li>
  128.                                 <li>
  129.                                     <a href="alert.html">Alerts</a>
  130.                                 </li>
  131.                                 <li>
  132.                                     <a href="progress-bar.html">Progress Bars</a>
  133.                                 </li>
  134.                                 <li>
  135.                                     <a href="modal.html">Modals</a>
  136.                                 </li>
  137.                                 <li>
  138.                                     <a href="switch.html">Switchs</a>
  139.                                 </li>
  140.                                 <li>
  141.                                     <a href="grid.html">Grids</a>
  142.                                 </li>
  143.                                 <li>
  144.                                     <a href="fontawesome.html">Fontawesome Icon</a>
  145.                                 </li>
  146.                                 <li>
  147.                                     <a href="typo.html">Typography</a>
  148.                                 </li>
  149.                             </ul>
  150.                         </li>
  151.                     </ul>
  152.                 </div>
  153.             </nav>
  154.         </header>
  155.         <!-- END HEADER MOBILE-->
  156.  
  157.         <!-- MENU SIDEBAR-->
  158.         <aside class="menu-sidebar d-none d-lg-block">
  159.             <div class="logo">
  160.                 <a href="#">
  161.                     <img src="<?php echo base_url(); ?>assets/images/icon/logo.png" alt="Cool Admin" />
  162.                 </a>
  163.             </div>
  164.             <div class="menu-sidebar__content js-scrollbar1">
  165.                 <nav class="navbar-sidebar">
  166.                     <ul class="list-unstyled navbar__list">
  167.                         <li class="active has-sub">
  168.                             <a class="js-arrow" href="#">
  169.                                 <i class="fas fa-tachometer-alt"></i>Dashboard</a>
  170.                             <ul class="list-unstyled navbar__sub-list js-sub-list">
  171.                                 <li>
  172.                                     <a href="index.html">Dashboard 1</a>
  173.                                 </li>
  174.                                 <li>
  175.                                     <a href="index2.html">Dashboard 2</a>
  176.                                 </li>
  177.                                 <li>
  178.                                     <a href="index3.html">Dashboard 3</a>
  179.                                 </li>
  180.                                 <li>
  181.                                     <a href="index4.html">Dashboard 4</a>
  182.                                 </li>
  183.                             </ul>
  184.                         </li>
  185.                         <li>
  186.                             <a href="chart.html">
  187.                                 <i class="fas fa-chart-bar"></i>Charts</a>
  188.                         </li>
  189.                         <li>
  190.                             <a href="table.html">
  191.                                 <i class="fas fa-table"></i>Tables</a>
  192.                         </li>
  193.                         <li>
  194.                             <a href="form.html">
  195.                                 <i class="far fa-check-square"></i>Forms</a>
  196.                         </li>
  197.                         <li>
  198.                             <a href="#">
  199.                                 <i class="fas fa-calendar-alt"></i>Calendar</a>
  200.                         </li>
  201.                         <li>
  202.                             <a href="map.html">
  203.                                 <i class="fas fa-map-marker-alt"></i>Maps</a>
  204.                         </li>
  205.                         <li class="has-sub">
  206.                             <a class="js-arrow" href="#">
  207.                                 <i class="fas fa-copy"></i>Pages</a>
  208.                             <ul class="list-unstyled navbar__sub-list js-sub-list">
  209.                                 <li>
  210.                                     <a href="login.html">Login</a>
  211.                                 </li>
  212.                                 <li>
  213.                                     <a href="register.html">Register</a>
  214.                                 </li>
  215.                                 <li>
  216.                                     <a href="forget-pass.html">Forget Password</a>
  217.                                 </li>
  218.                             </ul>
  219.                         </li>
  220.                         <li class="has-sub">
  221.                             <a class="js-arrow" href="#">
  222.                                 <i class="fas fa-desktop"></i>UI Elements</a>
  223.                             <ul class="list-unstyled navbar__sub-list js-sub-list">
  224.                                 <li>
  225.                                     <a href="button.html">Button</a>
  226.                                 </li>
  227.                                 <li>
  228.                                     <a href="badge.html">Badges</a>
  229.                                 </li>
  230.                                 <li>
  231.                                     <a href="tab.html">Tabs</a>
  232.                                 </li>
  233.                                 <li>
  234.                                     <a href="card.html">Cards</a>
  235.                                 </li>
  236.                                 <li>
  237.                                     <a href="alert.html">Alerts</a>
  238.                                 </li>
  239.                                 <li>
  240.                                     <a href="progress-bar.html">Progress Bars</a>
  241.                                 </li>
  242.                                 <li>
  243.                                     <a href="modal.html">Modals</a>
  244.                                 </li>
  245.                                 <li>
  246.                                     <a href="switch.html">Switchs</a>
  247.                                 </li>
  248.                                 <li>
  249.                                     <a href="grid.html">Grids</a>
  250.                                 </li>
  251.                                 <li>
  252.                                     <a href="fontawesome.html">Fontawesome Icon</a>
  253.                                 </li>
  254.                                 <li>
  255.                                     <a href="typo.html">Typography</a>
  256.                                 </li>
  257.                             </ul>
  258.                         </li>
  259.                     </ul>
  260.                 </nav>
  261.             </div>
  262.         </aside>
  263.         <!-- END MENU SIDEBAR-->
  264.  
  265.         <!-- PAGE CONTAINER-->
  266.         <div class="page-container">
  267.             <!-- HEADER DESKTOP-->
  268.             <header class="header-desktop">
  269.                 <div class="section__content section__content--p30">
  270.                     <div class="container-fluid">
  271.                         <div class="header-wrap">
  272.                             <form class="form-header" action="" method="POST">
  273.                                 <input class="au-input au-input--xl" type="text" name="search" placeholder="Search for datas &amp; reports..." />
  274.                                 <button class="au-btn--submit" type="submit">
  275.                                     <i class="zmdi zmdi-search"></i>
  276.                                 </button>
  277.                             </form>
  278.                             <div class="header-button">
  279.                                 <div class="noti-wrap">
  280.                                     <div class="noti__item js-item-menu">
  281.                                         <i class="zmdi zmdi-comment-more"></i>
  282.                                         <span class="quantity">1</span>
  283.                                         <div class="mess-dropdown js-dropdown">
  284.                                             <div class="mess__title">
  285.                                                 <p>You have 2 news message</p>
  286.                                             </div>
  287.                                             <div class="mess__item">
  288.                                                 <div class="image img-cir img-40">
  289.                                                     <img src="<?php echo base_url(); ?>assets/images/icon/avatar-06.jpg" alt="Michelle Moreno" />
  290.                                                 </div>
  291.                                                 <div class="content">
  292.                                                     <h6>Michelle Moreno</h6>
  293.                                                     <p>Have sent a photo</p>
  294.                                                     <span class="time">3 min ago</span>
  295.                                                 </div>
  296.                                             </div>
  297.                                             <div class="mess__item">
  298.                                                 <div class="image img-cir img-40">
  299.                                                     <img src="<?php echo base_url(); ?>assets/images/icon/avatar-04.jpg" alt="Diane Myers" />
  300.                                                 </div>
  301.                                                 <div class="content">
  302.                                                     <h6>Diane Myers</h6>
  303.                                                     <p>You are now connected on message</p>
  304.                                                     <span class="time">Yesterday</span>
  305.                                                 </div>
  306.                                             </div>
  307.                                             <div class="mess__footer">
  308.                                                 <a href="#">View all messages</a>
  309.                                             </div>
  310.                                         </div>
  311.                                     </div>
  312.                                     <div class="noti__item js-item-menu">
  313.                                         <i class="zmdi zmdi-email"></i>
  314.                                         <span class="quantity">1</span>
  315.                                         <div class="email-dropdown js-dropdown">
  316.                                             <div class="email__title">
  317.                                                 <p>You have 3 New Emails</p>
  318.                                             </div>
  319.                                             <div class="email__item">
  320.                                                 <div class="image img-cir img-40">
  321.                                                     <img src="<?php echo base_url(); ?>assets/images/icon/avatar-06.jpg" alt="Cynthia Harvey" />
  322.                                                 </div>
  323.                                                 <div class="content">
  324.                                                     <p>Meeting about new dashboard...</p>
  325.                                                     <span>Cynthia Harvey, 3 min ago</span>
  326.                                                 </div>
  327.                                             </div>
  328.                                             <div class="email__item">
  329.                                                 <div class="image img-cir img-40">
  330.                                                     <img src="<?php echo base_url(); ?>assets/images/icon/avatar-05.jpg" alt="Cynthia Harvey" />
  331.                                                 </div>
  332.                                                 <div class="content">
  333.                                                     <p>Meeting about new dashboard...</p>
  334.                                                     <span>Cynthia Harvey, Yesterday</span>
  335.                                                 </div>
  336.                                             </div>
  337.                                             <div class="email__item">
  338.                                                 <div class="image img-cir img-40">
  339.                                                     <img src="<?php echo base_url(); ?>assets/images/icon/avatar-04.jpg" alt="Cynthia Harvey" />
  340.                                                 </div>
  341.                                                 <div class="content">
  342.                                                     <p>Meeting about new dashboard...</p>
  343.                                                     <span>Cynthia Harvey, April 12,,2018</span>
  344.                                                 </div>
  345.                                             </div>
  346.                                             <div class="email__footer">
  347.                                                 <a href="#">See all emails</a>
  348.                                             </div>
  349.                                         </div>
  350.                                     </div>
  351.                                     <div class="noti__item js-item-menu">
  352.                                         <i class="zmdi zmdi-notifications"></i>
  353.                                         <span class="quantity">3</span>
  354.                                         <div class="notifi-dropdown js-dropdown">
  355.                                             <div class="notifi__title">
  356.                                                 <p>You have 3 Notifications</p>
  357.                                             </div>
  358.                                             <div class="notifi__item">
  359.                                                 <div class="bg-c1 img-cir img-40">
  360.                                                     <i class="zmdi zmdi-email-open"></i>
  361.                                                 </div>
  362.                                                 <div class="content">
  363.                                                     <p>You got a email notification</p>
  364.                                                     <span class="date">April 12, 2018 06:50</span>
  365.                                                 </div>
  366.                                             </div>
  367.                                             <div class="notifi__item">
  368.                                                 <div class="bg-c2 img-cir img-40">
  369.                                                     <i class="zmdi zmdi-account-box"></i>
  370.                                                 </div>
  371.                                                 <div class="content">
  372.                                                     <p>Your account has been blocked</p>
  373.                                                     <span class="date">April 12, 2018 06:50</span>
  374.                                                 </div>
  375.                                             </div>
  376.                                             <div class="notifi__item">
  377.                                                 <div class="bg-c3 img-cir img-40">
  378.                                                     <i class="zmdi zmdi-file-text"></i>
  379.                                                 </div>
  380.                                                 <div class="content">
  381.                                                     <p>You got a new file</p>
  382.                                                     <span class="date">April 12, 2018 06:50</span>
  383.                                                 </div>
  384.                                             </div>
  385.                                             <div class="notifi__footer">
  386.                                                 <a href="#">All notifications</a>
  387.                                             </div>
  388.                                         </div>
  389.                                     </div>
  390.                                 </div>
  391.                                 <div class="account-wrap">
  392.                                     <div class="account-item clearfix js-item-menu">
  393.                                         <div class="image">
  394.                                             <img src="<?php echo base_url(); ?>assets/images/icon/avatar-01.jpg" alt="John Doe" />
  395.                                         </div>
  396.                                         <div class="content">
  397.                                             <a class="js-acc-btn" href="#">john doe</a>
  398.                                         </div>
  399.                                         <div class="account-dropdown js-dropdown">
  400.                                             <div class="info clearfix">
  401.                                                 <div class="image">
  402.                                                     <a href="#">
  403.                                                         <img src="<?php echo base_url(); ?>assets/images/icon/avatar-01.jpg" alt="John Doe" />
  404.                                                     </a>
  405.                                                 </div>
  406.                                                 <div class="content">
  407.                                                     <h5 class="name">
  408.                                                         <a href="#">john doe</a>
  409.                                                     </h5>
  410.                                                     <span class="email">johndoe@example.com</span>
  411.                                                 </div>
  412.                                             </div>
  413.                                             <div class="account-dropdown__body">
  414.                                                 <div class="account-dropdown__item">
  415.                                                     <a href="#">
  416.                                                         <i class="zmdi zmdi-account"></i>Account</a>
  417.                                                 </div>
  418.                                                 <div class="account-dropdown__item">
  419.                                                     <a href="#">
  420.                                                         <i class="zmdi zmdi-settings"></i>Setting</a>
  421.                                                 </div>
  422.                                                 <div class="account-dropdown__item">
  423.                                                     <a href="#">
  424.                                                         <i class="zmdi zmdi-money-box"></i>Billing</a>
  425.                                                 </div>
  426.                                             </div>
  427.                                             <div class="account-dropdown__footer">
  428.                                                 <a href="#">
  429.                                                 <a href="<?php echo base_url('login/logout'); ?>">
  430.                                                     <i class="zmdi zmdi-power"></i>Logout</a>
  431.                                             </div>
  432.                                         </div>
  433.                                     </div>
  434.                                 </div>
  435.                             </div>
  436.                         </div>
  437.                     </div>
  438.                 </div>
  439.             </header>
  440.             <!-- HEADER DESKTOP-->
  441.  
  442.             <!-- MAIN CONTENT-->
  443.             <div class="main-content">
  444.                 <div class="section__content section__content--p30">
  445.                     <div class="container-fluid">
  446.                         <div class="row">
  447.                             <div class="col-md-12">
  448.                                 <div class="overview-wrap">
  449.                                     <h2 class="title-1">overview</h2>
  450.                                     <button class="au-btn au-btn-icon au-btn--blue">
  451.                                         <i class="zmdi zmdi-plus"></i>add item</button>
  452.                                 </div>
  453.                             </div>
  454.                         </div>
  455.                         <div class="row m-t-25">
  456.                             <div class="col-sm-6 col-lg-3">
  457.                                 <div class="overview-item overview-item--c1">
  458.                                     <div class="overview__inner">
  459.                                         <div class="overview-box clearfix">
  460.                                             <div class="icon">
  461.                                                 <i class="zmdi zmdi-account-o"></i>
  462.                                             </div>
  463.                                             <div class="text">
  464.                                                 <h2>10368</h2>
  465.                                                 <span>members online</span>
  466.                                             </div>
  467.                                         </div>
  468.                                         <div class="overview-chart">
  469.                                             <canvas id="widgetChart1"></canvas>
  470.                                         </div>
  471.                                     </div>
  472.                                 </div>
  473.                             </div>
  474.                             <div class="col-sm-6 col-lg-3">
  475.                                 <div class="overview-item overview-item--c2">
  476.                                     <div class="overview__inner">
  477.                                         <div class="overview-box clearfix">
  478.                                             <div class="icon">
  479.                                                 <i class="zmdi zmdi-shopping-cart"></i>
  480.                                             </div>
  481.                                             <div class="text">
  482.                                                 <h2>388,688</h2>
  483.                                                 <span>items solid</span>
  484.                                             </div>
  485.                                         </div>
  486.                                         <div class="overview-chart">
  487.                                             <canvas id="widgetChart2"></canvas>
  488.                                         </div>
  489.                                     </div>
  490.                                 </div>
  491.                             </div>
  492.                             <div class="col-sm-6 col-lg-3">
  493.                                 <div class="overview-item overview-item--c3">
  494.                                     <div class="overview__inner">
  495.                                         <div class="overview-box clearfix">
  496.                                             <div class="icon">
  497.                                                 <i class="zmdi zmdi-calendar-note"></i>
  498.                                             </div>
  499.                                             <div class="text">
  500.                                                 <h2>1,086</h2>
  501.                                                 <span>this week</span>
  502.                                             </div>
  503.                                         </div>
  504.                                         <div class="overview-chart">
  505.                                             <canvas id="widgetChart3"></canvas>
  506.                                         </div>
  507.                                     </div>
  508.                                 </div>
  509.                             </div>
  510.                             <div class="col-sm-6 col-lg-3">
  511.                                 <div class="overview-item overview-item--c4">
  512.                                     <div class="overview__inner">
  513.                                         <div class="overview-box clearfix">
  514.                                             <div class="icon">
  515.                                                 <i class="zmdi zmdi-money"></i>
  516.                                             </div>
  517.                                             <div class="text">
  518.                                                 <h2>$1,060,386</h2>
  519.                                                 <span>total earnings</span>
  520.                                             </div>
  521.                                         </div>
  522.                                         <div class="overview-chart">
  523.                                             <canvas id="widgetChart4"></canvas>
  524.                                         </div>
  525.                                     </div>
  526.                                 </div>
  527.                             </div>
  528.                         </div>
  529.                         <div class="row">
  530.                             <div class="col-lg-6">
  531.                                 <div class="au-card recent-report">
  532.                                     <div class="au-card-inner">
  533.                                         <h3 class="title-2">recent reports</h3>
  534.                                         <div class="chart-info">
  535.                                             <div class="chart-info__left">
  536.                                                 <div class="chart-note">
  537.                                                     <span class="dot dot--blue"></span>
  538.                                                     <span>products</span>
  539.                                                 </div>
  540.                                                 <div class="chart-note mr-0">
  541.                                                     <span class="dot dot--green"></span>
  542.                                                     <span>services</span>
  543.                                                 </div>
  544.                                             </div>
  545.                                             <div class="chart-info__right">
  546.                                                 <div class="chart-statis">
  547.                                                     <span class="index incre">
  548.                                                         <i class="zmdi zmdi-long-arrow-up"></i>25%</span>
  549.                                                     <span class="label">products</span>
  550.                                                 </div>
  551.                                                 <div class="chart-statis mr-0">
  552.                                                     <span class="index decre">
  553.                                                         <i class="zmdi zmdi-long-arrow-down"></i>10%</span>
  554.                                                     <span class="label">services</span>
  555.                                                 </div>
  556.                                             </div>
  557.                                         </div>
  558.                                         <div class="recent-report__chart">
  559.                                             <canvas id="recent-rep-chart"></canvas>
  560.                                         </div>
  561.                                     </div>
  562.                                 </div>
  563.                             </div>
  564.                             <div class="col-lg-6">
  565.                                 <div class="au-card chart-percent-card">
  566.                                     <div class="au-card-inner">
  567.                                         <h3 class="title-2 tm-b-5">char by %</h3>
  568.                                         <div class="row no-gutters">
  569.                                             <div class="col-xl-6">
  570.                                                 <div class="chart-note-wrap">
  571.                                                     <div class="chart-note mr-0 d-block">
  572.                                                         <span class="dot dot--blue"></span>
  573.                                                         <span>products</span>
  574.                                                     </div>
  575.                                                     <div class="chart-note mr-0 d-block">
  576.                                                         <span class="dot dot--red"></span>
  577.                                                         <span>services</span>
  578.                                                     </div>
  579.                                                 </div>
  580.                                             </div>
  581.                                             <div class="col-xl-6">
  582.                                                 <div class="percent-chart">
  583.                                                     <canvas id="percent-chart"></canvas>
  584.                                                 </div>
  585.                                             </div>
  586.                                         </div>
  587.                                     </div>
  588.                                 </div>
  589.                             </div>
  590.                         </div>
  591.                         <div class="row">
  592.                             <div class="col-lg-9">
  593.                                 <h2 class="title-1 m-b-25">Earnings By Items</h2>
  594.                                 <div class="table-responsive table--no-card m-b-40">
  595.                                     <table class="table table-borderless table-striped table-earning">
  596.                                         <thead>
  597.                                             <tr>
  598.                                                 <th>date</th>
  599.                                                 <th>order ID</th>
  600.                                                 <th>name</th>
  601.                                                 <th class="text-right">price</th>
  602.                                                 <th class="text-right">quantity</th>
  603.                                                 <th class="text-right">total</th>
  604.                                             </tr>
  605.                                         </thead>
  606.                                         <tbody>
  607.                                             <tr>
  608.                                                 <td>2018-09-29 05:57</td>
  609.                                                 <td>100398</td>
  610.                                                 <td>iPhone X 64Gb Grey</td>
  611.                                                 <td class="text-right">$999.00</td>
  612.                                                 <td class="text-right">1</td>
  613.                                                 <td class="text-right">$999.00</td>
  614.                                             </tr>
  615.                                             <tr>
  616.                                                 <td>2018-09-28 01:22</td>
  617.                                                 <td>100397</td>
  618.                                                 <td>Samsung S8 Black</td>
  619.                                                 <td class="text-right">$756.00</td>
  620.                                                 <td class="text-right">1</td>
  621.                                                 <td class="text-right">$756.00</td>
  622.                                             </tr>
  623.                                             <tr>
  624.                                                 <td>2018-09-27 02:12</td>
  625.                                                 <td>100396</td>
  626.                                                 <td>Game Console Controller</td>
  627.                                                 <td class="text-right">$22.00</td>
  628.                                                 <td class="text-right">2</td>
  629.                                                 <td class="text-right">$44.00</td>
  630.                                             </tr>
  631.                                             <tr>
  632.                                                 <td>2018-09-26 23:06</td>
  633.                                                 <td>100395</td>
  634.                                                 <td>iPhone X 256Gb Black</td>
  635.                                                 <td class="text-right">$1199.00</td>
  636.                                                 <td class="text-right">1</td>
  637.                                                 <td class="text-right">$1199.00</td>
  638.                                             </tr>
  639.                                             <tr>
  640.                                                 <td>2018-09-25 19:03</td>
  641.                                                 <td>100393</td>
  642.                                                 <td>USB 3.0 Cable</td>
  643.                                                 <td class="text-right">$10.00</td>
  644.                                                 <td class="text-right">3</td>
  645.                                                 <td class="text-right">$30.00</td>
  646.                                             </tr>
  647.                                             <tr>
  648.                                                 <td>2018-09-29 05:57</td>
  649.                                                 <td>100392</td>
  650.                                                 <td>Smartwatch 4.0 LTE Wifi</td>
  651.                                                 <td class="text-right">$199.00</td>
  652.                                                 <td class="text-right">6</td>
  653.                                                 <td class="text-right">$1494.00</td>
  654.                                             </tr>
  655.                                             <tr>
  656.                                                 <td>2018-09-24 19:10</td>
  657.                                                 <td>100391</td>
  658.                                                 <td>Camera C430W 4k</td>
  659.                                                 <td class="text-right">$699.00</td>
  660.                                                 <td class="text-right">1</td>
  661.                                                 <td class="text-right">$699.00</td>
  662.                                             </tr>
  663.                                             <tr>
  664.                                                 <td>2018-09-22 00:43</td>
  665.                                                 <td>100393</td>
  666.                                                 <td>USB 3.0 Cable</td>
  667.                                                 <td class="text-right">$10.00</td>
  668.                                                 <td class="text-right">3</td>
  669.                                                 <td class="text-right">$30.00</td>
  670.                                             </tr>
  671.                                         </tbody>
  672.                                     </table>
  673.                                 </div>
  674.                             </div>
  675.                             <div class="col-lg-3">
  676.                                 <h2 class="title-1 m-b-25">Top countries</h2>
  677.                                 <div class="au-card au-card--bg-blue au-card-top-countries m-b-40">
  678.                                     <div class="au-card-inner">
  679.                                         <div class="table-responsive">
  680.                                             <table class="table table-top-countries">
  681.                                                 <tbody>
  682.                                                     <tr>
  683.                                                         <td>United States</td>
  684.                                                         <td class="text-right">$119,366.96</td>
  685.                                                     </tr>
  686.                                                     <tr>
  687.                                                         <td>Australia</td>
  688.                                                         <td class="text-right">$70,261.65</td>
  689.                                                     </tr>
  690.                                                     <tr>
  691.                                                         <td>United Kingdom</td>
  692.                                                         <td class="text-right">$46,399.22</td>
  693.                                                     </tr>
  694.                                                     <tr>
  695.                                                         <td>Turkey</td>
  696.                                                         <td class="text-right">$35,364.90</td>
  697.                                                     </tr>
  698.                                                     <tr>
  699.                                                         <td>Germany</td>
  700.                                                         <td class="text-right">$20,366.96</td>
  701.                                                     </tr>
  702.                                                     <tr>
  703.                                                         <td>France</td>
  704.                                                         <td class="text-right">$10,366.96</td>
  705.                                                     </tr>
  706.                                                     <tr>
  707.                                                         <td>Australia</td>
  708.                                                         <td class="text-right">$5,366.96</td>
  709.                                                     </tr>
  710.                                                     <tr>
  711.                                                         <td>Italy</td>
  712.                                                         <td class="text-right">$1639.32</td>
  713.                                                     </tr>
  714.                                                 </tbody>
  715.                                             </table>
  716.                                         </div>
  717.                                     </div>
  718.                                 </div>
  719.                             </div>
  720.                         </div>
  721.                         <div class="row">
  722.                             <div class="col-lg-6">
  723.                                 <div class="au-card au-card--no-shadow au-card--no-pad m-b-40">
  724.                                     <div class="au-card-title" style="background-image:url('images/bg-title-01.jpg');">
  725.                                         <div class="bg-overlay bg-overlay--blue"></div>
  726.                                         <h3>
  727.                                             <i class="zmdi zmdi-account-calendar"></i>26 April, 2018</h3>
  728.                                         <button class="au-btn-plus">
  729.                                             <i class="zmdi zmdi-plus"></i>
  730.                                         </button>
  731.                                     </div>
  732.                                     <div class="au-task js-list-load">
  733.                                         <div class="au-task__title">
  734.                                             <p>Tasks for John Doe</p>
  735.                                         </div>
  736.                                         <div class="au-task-list js-scrollbar3">
  737.                                             <div class="au-task__item au-task__item--danger">
  738.                                                 <div class="au-task__item-inner">
  739.                                                     <h5 class="task">
  740.                                                         <a href="#">Meeting about plan for Admin Template 2018</a>
  741.                                                     </h5>
  742.                                                     <span class="time">10:00 AM</span>
  743.                                                 </div>
  744.                                             </div>
  745.                                             <div class="au-task__item au-task__item--warning">
  746.                                                 <div class="au-task__item-inner">
  747.                                                     <h5 class="task">
  748.                                                         <a href="#">Create new task for Dashboard</a>
  749.                                                     </h5>
  750.                                                     <span class="time">11:00 AM</span>
  751.                                                 </div>
  752.                                             </div>
  753.                                             <div class="au-task__item au-task__item--primary">
  754.                                                 <div class="au-task__item-inner">
  755.                                                     <h5 class="task">
  756.                                                         <a href="#">Meeting about plan for Admin Template 2018</a>
  757.                                                     </h5>
  758.                                                     <span class="time">02:00 PM</span>
  759.                                                 </div>
  760.                                             </div>
  761.                                             <div class="au-task__item au-task__item--success">
  762.                                                 <div class="au-task__item-inner">
  763.                                                     <h5 class="task">
  764.                                                         <a href="#">Create new task for Dashboard</a>
  765.                                                     </h5>
  766.                                                     <span class="time">03:30 PM</span>
  767.                                                 </div>
  768.                                             </div>
  769.                                             <div class="au-task__item au-task__item--danger js-load-item">
  770.                                                 <div class="au-task__item-inner">
  771.                                                     <h5 class="task">
  772.                                                         <a href="#">Meeting about plan for Admin Template 2018</a>
  773.                                                     </h5>
  774.                                                     <span class="time">10:00 AM</span>
  775.                                                 </div>
  776.                                             </div>
  777.                                             <div class="au-task__item au-task__item--warning js-load-item">
  778.                                                 <div class="au-task__item-inner">
  779.                                                     <h5 class="task">
  780.                                                         <a href="#">Create new task for Dashboard</a>
  781.                                                     </h5>
  782.                                                     <span class="time">11:00 AM</span>
  783.                                                 </div>
  784.                                             </div>
  785.                                         </div>
  786.                                         <div class="au-task__footer">
  787.                                             <button class="au-btn au-btn-load js-load-btn">load more</button>
  788.                                         </div>
  789.                                     </div>
  790.                                 </div>
  791.                             </div>
  792.                             <div class="col-lg-6">
  793.                                 <div class="au-card au-card--no-shadow au-card--no-pad m-b-40">
  794.                                     <div class="au-card-title" style="background-image:url('images/bg-title-02.jpg');">
  795.                                         <div class="bg-overlay bg-overlay--blue"></div>
  796.                                         <h3>
  797.                                             <i class="zmdi zmdi-comment-text"></i>New Messages</h3>
  798.                                         <button class="au-btn-plus">
  799.                                             <i class="zmdi zmdi-plus"></i>
  800.                                         </button>
  801.                                     </div>
  802.                                     <div class="au-inbox-wrap js-inbox-wrap">
  803.                                         <div class="au-message js-list-load">
  804.                                             <div class="au-message__noti">
  805.                                                 <p>You Have
  806.                                                     <span>2</span>
  807.  
  808.                                                     new messages
  809.                                                 </p>
  810.                                             </div>
  811.                                             <div class="au-message-list">
  812.                                                 <div class="au-message__item unread">
  813.                                                     <div class="au-message__item-inner">
  814.                                                         <div class="au-message__item-text">
  815.                                                             <div class="avatar-wrap">
  816.                                                                 <div class="avatar">
  817.                                                                     <img src="images/icon/avatar-02.jpg" alt="John Smith">
  818.                                                                 </div>
  819.                                                             </div>
  820.                                                             <div class="text">
  821.                                                                 <h5 class="name">John Smith</h5>
  822.                                                                 <p>Have sent a photo</p>
  823.                                                             </div>
  824.                                                         </div>
  825.                                                         <div class="au-message__item-time">
  826.                                                             <span>12 Min ago</span>
  827.                                                         </div>
  828.                                                     </div>
  829.                                                 </div>
  830.                                                 <div class="au-message__item unread">
  831.                                                     <div class="au-message__item-inner">
  832.                                                         <div class="au-message__item-text">
  833.                                                             <div class="avatar-wrap online">
  834.                                                                 <div class="avatar">
  835.                                                                     <img src="images/icon/avatar-03.jpg" alt="Nicholas Martinez">
  836.                                                                 </div>
  837.                                                             </div>
  838.                                                             <div class="text">
  839.                                                                 <h5 class="name">Nicholas Martinez</h5>
  840.                                                                 <p>You are now connected on message</p>
  841.                                                             </div>
  842.                                                         </div>
  843.                                                         <div class="au-message__item-time">
  844.                                                             <span>11:00 PM</span>
  845.                                                         </div>
  846.                                                     </div>
  847.                                                 </div>
  848.                                                 <div class="au-message__item">
  849.                                                     <div class="au-message__item-inner">
  850.                                                         <div class="au-message__item-text">
  851.                                                             <div class="avatar-wrap online">
  852.                                                                 <div class="avatar">
  853.                                                                     <img src="images/icon/avatar-04.jpg" alt="Michelle Sims">
  854.                                                                 </div>
  855.                                                             </div>
  856.                                                             <div class="text">
  857.                                                                 <h5 class="name">Michelle Sims</h5>
  858.                                                                 <p>Lorem ipsum dolor sit amet</p>
  859.                                                             </div>
  860.                                                         </div>
  861.                                                         <div class="au-message__item-time">
  862.                                                             <span>Yesterday</span>
  863.                                                         </div>
  864.                                                     </div>
  865.                                                 </div>
  866.                                                 <div class="au-message__item">
  867.                                                     <div class="au-message__item-inner">
  868.                                                         <div class="au-message__item-text">
  869.                                                             <div class="avatar-wrap">
  870.                                                                 <div class="avatar">
  871.                                                                     <img src="images/icon/avatar-05.jpg" alt="Michelle Sims">
  872.                                                                 </div>
  873.                                                             </div>
  874.                                                             <div class="text">
  875.                                                                 <h5 class="name">Michelle Sims</h5>
  876.                                                                 <p>Purus feugiat finibus</p>
  877.                                                             </div>
  878.                                                         </div>
  879.                                                         <div class="au-message__item-time">
  880.                                                             <span>Sunday</span>
  881.                                                         </div>
  882.                                                     </div>
  883.                                                 </div>
  884.                                                 <div class="au-message__item js-load-item">
  885.                                                     <div class="au-message__item-inner">
  886.                                                         <div class="au-message__item-text">
  887.                                                             <div class="avatar-wrap online">
  888.                                                                 <div class="avatar">
  889.                                                                     <img src="images/icon/avatar-04.jpg" alt="Michelle Sims">
  890.                                                                 </div>
  891.                                                             </div>
  892.                                                             <div class="text">
  893.                                                                 <h5 class="name">Michelle Sims</h5>
  894.                                                                 <p>Lorem ipsum dolor sit amet</p>
  895.                                                             </div>
  896.                                                         </div>
  897.                                                         <div class="au-message__item-time">
  898.                                                             <span>Yesterday</span>
  899.                                                         </div>
  900.                                                     </div>
  901.                                                 </div>
  902.                                                 <div class="au-message__item js-load-item">
  903.                                                     <div class="au-message__item-inner">
  904.                                                         <div class="au-message__item-text">
  905.                                                             <div class="avatar-wrap">
  906.                                                                 <div class="avatar">
  907.                                                                     <img src="images/icon/avatar-05.jpg" alt="Michelle Sims">
  908.                                                                 </div>
  909.                                                             </div>
  910.                                                             <div class="text">
  911.                                                                 <h5 class="name">Michelle Sims</h5>
  912.                                                                 <p>Purus feugiat finibus</p>
  913.                                                             </div>
  914.                                                         </div>
  915.                                                         <div class="au-message__item-time">
  916.                                                             <span>Sunday</span>
  917.                                                         </div>
  918.                                                     </div>
  919.                                                 </div>
  920.                                             </div>
  921.                                             <div class="au-message__footer">
  922.                                                 <button class="au-btn au-btn-load js-load-btn">load more</button>
  923.                                             </div>
  924.                                         </div>
  925.                                         <div class="au-chat">
  926.                                             <div class="au-chat__title">
  927.                                                 <div class="au-chat-info">
  928.                                                     <div class="avatar-wrap online">
  929.                                                         <div class="avatar avatar--small">
  930.                                                             <img src="images/icon/avatar-02.jpg" alt="John Smith">
  931.                                                         </div>
  932.                                                     </div>
  933.                                                     <span class="nick">
  934.                                                         <a href="#">John Smith</a>
  935.                                                     </span>
  936.                                                 </div>
  937.                                             </div>
  938.                                             <div class="au-chat__content">
  939.                                                 <div class="recei-mess-wrap">
  940.                                                     <span class="mess-time">12 Min ago</span>
  941.                                                     <div class="recei-mess__inner">
  942.                                                         <div class="avatar avatar--tiny">
  943.                                                             <img src="images/icon/avatar-02.jpg" alt="John Smith">
  944.                                                         </div>
  945.                                                         <div class="recei-mess-list">
  946.                                                             <div class="recei-mess">Lorem ipsum dolor sit amet, consectetur adipiscing elit non iaculis</div>
  947.                                                             <div class="recei-mess">Donec tempor, sapien ac viverra</div>
  948.                                                         </div>
  949.                                                     </div>
  950.                                                 </div>
  951.                                                 <div class="send-mess-wrap">
  952.                                                     <span class="mess-time">30 Sec ago</span>
  953.                                                     <div class="send-mess__inner">
  954.                                                         <div class="send-mess-list">
  955.                                                             <div class="send-mess">Lorem ipsum dolor sit amet, consectetur adipiscing elit non iaculis</div>
  956.                                                         </div>
  957.                                                     </div>
  958.                                                 </div>
  959.                                             </div>
  960.                                             <div class="au-chat-textfield">
  961.                                                 <form class="au-form-icon">
  962.                                                     <input class="au-input au-input--full au-input--h65" type="text" placeholder="Type a message">
  963.                                                     <button class="au-input-icon">
  964.                                                         <i class="zmdi zmdi-camera"></i>
  965.                                                     </button>
  966.                                                 </form>
  967.                                             </div>
  968.                                         </div>
  969.                                     </div>
  970.                                 </div>
  971.                             </div>
  972.                         </div>
  973.                         <div class="row">
  974.                             <div class="col-md-12">
  975.                                 <div class="copyright">
  976.                                     <p>Copyright © 2018 Colorlib. All rights reserved. Template by <a href="https://colorlib.com">Colorlib</a>.</p>
  977.                                 </div>
  978.                             </div>
  979.                         </div>
  980.                     </div>
  981.                 </div>
  982.             </div>
  983.             <!-- END MAIN CONTENT-->
  984.             <!-- END PAGE CONTAINER-->
  985.         </div>
  986.  
  987.     </div>
  988.  
  989.     <!-- Jquery JS-->
  990.     <script src="<?php echo base_url(); ?>assets/vendor/jquery-3.2.1.min.js"></script>
  991.     <!-- Bootstrap JS-->
  992.     <script src="<?php echo base_url(); ?>assets/vendor/bootstrap-4.1/popper.min.js"></script>
  993.     <script src="<?php echo base_url(); ?>assets/vendor/bootstrap-4.1/bootstrap.min.js"></script>
  994.     <!-- Vendor JS       -->
  995.     <script src="<?php echo base_url(); ?>assets/vendor/slick/slick.min.js">
  996.     </script>
  997.     <script src="<?php echo base_url(); ?>assets/vendor/wow/wow.min.js"></script>
  998.     <script src="<?php echo base_url(); ?>assets/vendor/animsition/animsition.min.js"></script>
  999.     <script src="<?php echo base_url(); ?>assets/vendor/bootstrap-progressbar/bootstrap-progressbar.min.js">
  1000.     </script>
  1001.     <script src="v<?php echo base_url(); ?>assets/vendor/counter-up/jquery.waypoints.min.js"></script>
  1002.     <script src="<?php echo base_url(); ?>assets/vendor/counter-up/jquery.counterup.min.js">
  1003.     </script>
  1004.     <script src="<?php echo base_url(); ?>assets/vendor/circle-progress/circle-progress.min.js"></script>
  1005.     <script src="<?php echo base_url(); ?>assets/vendor/perfect-scrollbar/perfect-scrollbar.js"></script>
  1006.     <script src="<?php echo base_url(); ?>assets/vendor/chartjs/Chart.bundle.min.js"></script>
  1007.     <script src="<?php echo base_url(); ?>assets/vendor/select2/select2.min.js">
  1008.     </script>
  1009.  
  1010.     <!-- Main JS-->
  1011.     <script src="<?php echo base_url(); ?>assets/js/main.js"></script>
  1012.  
  1013. </body>
  1014.  
  1015. </html>
  1016. <!-- end document-->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement