API tools faq
paste
Advertisement
Guest User

MegaDin Home page Remove all chart except easy chart

a guest
Sep 26th, 2017
155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 83.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1">
  7.         <!-- <link rel="shortcut icon" type="image/png" href="/imgs/favicon.png" /> -->
  8.         <title>Home</title>
  9.  
  10.         <!-- inject:css -->
  11.         <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
  12.         <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
  13.         <link rel="stylesheet" href="bower_components/simple-line-icons/css/simple-line-icons.css">
  14.         <link rel="stylesheet" href="bower_components/weather-icons/css/weather-icons.min.css">
  15.         <link rel="stylesheet" href="bower_components/themify-icons/css/themify-icons.css">
  16.         <!-- endinject -->
  17.  
  18.         <!-- Main Style  -->
  19.         <link rel="stylesheet" href="dist/css/main.css">
  20.  
  21.         <!-- Rickshaw Chart Depencencies -->
  22.         <!--<link rel="stylesheet" href="bower_components/rickshaw/rickshaw.min.css">-->
  23.  
  24.         <!--easypiechart-->
  25.         <link rel="stylesheet" href="assets/js/jquery-easy-pie-chart/easypiechart.css">
  26.  
  27.         <!--horizontal-timeline-->
  28.         <link rel="stylesheet" href="assets/js/horizontal-timeline/css/style.css">
  29.  
  30.  
  31.         <script src="assets/js/modernizr-custom.js"></script>
  32.     </head>
  33.     <body>
  34.  
  35.         <div id="ui" class="ui">
  36.  
  37.             <!--header start-->
  38.             <header id="header" class="ui-header">
  39.  
  40.                 <div class="navbar-header">
  41.                     <!--logo start-->
  42.                     <a href="index.html" class="navbar-brand">
  43.                         <span class="logo"><img src="imgs/logo-dark.png" alt=""/></span>
  44.                         <span class="logo-compact"><img src="imgs/logo-icon-dark.png" alt=""/></span>
  45.                     </a>
  46.                     <!--logo end-->
  47.                 </div>
  48.  
  49.                 <div class="search-dropdown dropdown pull-right visible-xs">
  50.                     <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-expanded="true"><i class="fa fa-search"></i></button>
  51.                     <div class="dropdown-menu">
  52.                         <form >
  53.                             <input class="form-control" placeholder="Search here..." type="text">
  54.                         </form>
  55.                     </div>
  56.                 </div>
  57.  
  58.                 <div class="navbar-collapse nav-responsive-disabled">
  59.  
  60.                     <!--toggle buttons start-->
  61.                     <ul class="nav navbar-nav">
  62.                         <li>
  63.                             <a class="toggle-btn" data-toggle="ui-nav" href="">
  64.                                 <i class="fa fa-bars"></i>
  65.                             </a>
  66.                         </li>
  67.                     </ul>
  68.                     <!-- toggle buttons end -->
  69.  
  70.                     <!--search start-->
  71.                     <form class="search-content hidden-xs" >
  72.                         <button type="submit" name="search" class="btn srch-btn">
  73.                             <i class="fa fa-search"></i>
  74.                         </button>
  75.                         <input type="text" class="form-control" name="keyword" placeholder="Search here...">
  76.                     </form>
  77.                     <!--search end-->
  78.  
  79.                     <!--notification start-->
  80.                     <ul class="nav navbar-nav navbar-right">
  81.                         <li class="dropdown">
  82.                             <a href="" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
  83.                                 <i class="fa fa-bell-o"></i>
  84.                                 <span class="badge">5</span>
  85.                             </a>
  86.                             <!--dropdown -->
  87.                             <ul class="dropdown-menu dropdown-menu--responsive">
  88.                                 <div class="dropdown-header">Notifications (12)</div>
  89.                                 <ul class="Notification-list Notification-list--small niceScroll list-group">
  90.                                     <li class="Notification list-group-item">
  91.                                         <button class="Notification__status Notification__status--read" type="button" name="button"></button>
  92.                                         <a href="">
  93.                                             <div class="Notification__avatar Notification__avatar--danger pull-left" href="">
  94.                                                 <i class="Notification__avatar-icon fa fa-bolt"></i>
  95.                                             </div>
  96.                                             <div class="Notification__highlight">
  97.                                                 <p class="Notification__highlight-excerpt"><b>Server Error Report</b></p>
  98.                                                 <p class="Notification__highlight-time">1.2 hours ago</p>
  99.                                             </div>
  100.                                         </a>
  101.                                     </li>
  102.                                     <li class="Notification list-group-item">
  103.                                         <button class="Notification__status Notification__status--read" type="button" name="button"></button>
  104.                                         <a href="">
  105.                                             <div class="Notification__avatar Notification__avatar--success pull-left" href="">
  106.                                                 <i class="Notification__avatar-icon fa fa-user-plus"></i>
  107.                                             </div>
  108.                                             <div class="Notification__highlight">
  109.                                                 <p class="Notification__highlight-excerpt"><b>New Member Registration</b></p>
  110.                                                 <p class="Notification__highlight-time">2 hours ago</p>
  111.                                             </div>
  112.                                         </a>
  113.                                     </li>
  114.                                     <li class="Notification list-group-item">
  115.                                         <button class="Notification__status Notification__status--read" type="button" name="button"></button>
  116.                                         <a href="">
  117.                                             <div class="Notification__avatar pull-left" href="">
  118.                                                 <img src="imgs/a0.jpg" alt="...">
  119.                                             </div>
  120.                                             <div class="Notification__highlight">
  121.                                                 <p class="Notification__highlight-excerpt"><b>Tomas Edison</b> and 4 other people like your post “keep clam and watch the fizz”.</p>
  122.                                                 <p class="Notification__highlight-time">1 day ago</p>
  123.                                             </div>
  124.                                         </a>
  125.                                     </li>
  126.  
  127.                                     <li class="Notification list-group-item">
  128.                                         <button class="Notification__status Notification__status--unread" type="button" name="button"></button>
  129.                                         <a href="">
  130.                                             <div class="Notification__avatar pull-left" href="">
  131.                                                 <img src="imgs/a0.jpg" alt="...">
  132.                                             </div>
  133.                                             <div class="Notification__highlight">
  134.                                                 <p class="Notification__highlight-excerpt"><b>Luciad Extic</b> can join conference.</p>
  135.                                                 <p class="Notification__highlight-time">1 hour ago</p>
  136.                                             </div>
  137.                                         </a>
  138.                                     </li>
  139.                                     <li class="Notification list-group-item">
  140.                                         <button class="Notification__status Notification__status--unread" type="button" name="button"></button>
  141.                                         <a href="">
  142.                                             <div class="Notification__avatar Notification__avatar--info pull-left" href="">
  143.                                                 <i class="Notification__avatar-icon fa fa-database"></i>
  144.                                             </div>
  145.                                             <div class="Notification__highlight">
  146.                                                 <p class="Notification__highlight-excerpt"><b>Database Error</b></p>
  147.                                                 <p class="Notification__highlight-time">2 days ago</p>
  148.                                             </div>
  149.                                         </a>
  150.                                     </li>
  151.                                     <li class="Notification list-group-item">
  152.                                         <button class="Notification__status Notification__status--read" type="button" name="button"></button>
  153.                                         <a href="">
  154.                                             <div class="Notification__avatar Notification__avatar--danger pull-left" href="">
  155.                                                 <i class="Notification__avatar-icon fa fa-bolt"></i>
  156.                                             </div>
  157.                                             <div class="Notification__highlight">
  158.                                                 <p class="Notification__highlight-excerpt"><b>Server Error Report</b></p>
  159.                                                 <p class="Notification__highlight-time">1.2 hours ago</p>
  160.                                             </div>
  161.                                         </a>
  162.                                     </li>
  163.                                     <li class="Notification list-group-item">
  164.                                         <button class="Notification__status Notification__status--read" type="button" name="button"></button>
  165.                                         <a href="">
  166.                                             <div class="Notification__avatar Notification__avatar--success pull-left" href="">
  167.                                                 <i class="Notification__avatar-icon fa fa-user-plus"></i>
  168.                                             </div>
  169.                                             <div class="Notification__highlight">
  170.                                                 <p class="Notification__highlight-excerpt"><b>New Member Registration</b></p>
  171.                                                 <p class="Notification__highlight-time">2 hours ago</p>
  172.                                             </div>
  173.                                         </a>
  174.                                     </li>
  175.                                 </ul>
  176.                                 <div class="dropdown-footer"><a href="">View more</a></div>
  177.                             </ul>
  178.                             <!--/ dropdown -->
  179.                         </li>
  180.  
  181.                         <li class="dropdown">
  182.                             <a href="" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
  183.                                 <i class="fa fa-envelope-o"></i>
  184.                                 <span class="badge">5</span>
  185.                             </a>
  186.                             <!--dropdown -->
  187.                             <ul class="dropdown-menu dropdown-menu--responsive">
  188.                                 <div class="dropdown-header">Messages (12)</div>
  189.                                 <ul class="Message-list niceScroll list-group">
  190.                                     <li class="Message list-group-item">
  191.                                         <button class="Message__status Message__status--read" type="button" name="button"></button>
  192.                                         <a href="">
  193.                                             <div class="Message__avatar Message__avatar--danger pull-left" href="">
  194.                                                 <img src="imgs/a2.jpg" alt="...">
  195.                                             </div>
  196.                                             <div class="Message__highlight">
  197.                                                 <span class="Message__highlight-name">Lubida Teresa</span>
  198.                                                 <p class="Message__highlight-excerpt">Hello there! Can you send me a photo please?</p>
  199.                                                 <p class="Message__highlight-time">1 hour ago</p>
  200.                                             </div>
  201.                                         </a>
  202.                                     </li>
  203.                                     <li class="Message list-group-item">
  204.                                         <button class="Message__status Message__status--unread" type="button" name="button"></button>
  205.                                         <a href="">
  206.                                             <div class="Message__avatar Message__avatar--danger pull-left" href="">
  207.                                                 <img src="imgs/a1.jpg" alt="...">
  208.                                             </div>
  209.                                             <div class="Message__highlight">
  210.                                                 <span class="Message__highlight-name">Sara Souaidan</span>
  211.                                                 <p class="Message__highlight-excerpt">Hello there!</p>
  212.                                                 <p class="Message__highlight-time">1 hour ago</p>
  213.                                             </div>
  214.                                         </a>
  215.                                     </li>
  216.                                     <li class="Message list-group-item">
  217.                                         <button class="Message__status Message__status--read" type="button" name="button"></button>
  218.                                         <a href="">
  219.                                             <div class="Message__avatar Message__avatar--danger pull-left" href="">
  220.                                                 <img src="imgs/a0.jpg" alt="...">
  221.                                             </div>
  222.                                             <div class="Message__highlight">
  223.                                                 <span class="Message__highlight-name">Addy Osmany</span>
  224.                                                 <p class="Message__highlight-excerpt">Blah Blah Blah</p>
  225.                                                 <p class="Message__highlight-time">1 hour ago</p>
  226.                                             </div>
  227.                                         </a>
  228.                                     </li>
  229.                                     <li class="Message list-group-item">
  230.                                         <button class="Message__status Message__status--read" type="button" name="button"></button>
  231.                                         <a href="">
  232.                                             <div class="Message__avatar Message__avatar--danger pull-left" href="">
  233.                                                 <img src="imgs/a0.jpg" alt="...">
  234.                                             </div>
  235.                                             <div class="Message__highlight">
  236.                                                 <span class="Message__highlight-name">Picaso Patel</span>
  237.                                                 <p class="Message__highlight-excerpt">Bhai, are you there?</p>
  238.                                                 <p class="Message__highlight-time">2 years ago</p>
  239.                                             </div>
  240.                                         </a>
  241.                                     </li>
  242.                                     <li class="Message list-group-item">
  243.                                         <button class="Message__status Message__status--read" type="button" name="button"></button>
  244.                                         <a href="">
  245.                                             <div class="Message__avatar Message__avatar--danger pull-left" href="">
  246.                                                 <img src="imgs/a0.jpg" alt="...">
  247.                                             </div>
  248.                                             <div class="Message__highlight">
  249.                                                 <span class="Message__highlight-name">Bengali Tiger</span>
  250.                                                 <p class="Message__highlight-excerpt">Mu ha ha</p>
  251.                                                 <p class="Message__highlight-time">10 years ago</p>
  252.                                             </div>
  253.                                         </a>
  254.                                     </li>
  255.                                 </ul>
  256.                                 <div class="dropdown-footer"><a href="">View more</a></div>
  257.                             </ul>
  258.                             <!--/ dropdown -->
  259.                         </li>
  260.  
  261.                         <li class="dropdown dropdown-usermenu">
  262.                             <a href="#" class=" dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
  263.                                 <div class="user-avatar"><img src="imgs/a0.jpg" alt="..."></div>
  264.                                 <span class="hidden-sm hidden-xs">John Doe</span>
  265.                                 <!--<i class="fa fa-angle-down"></i>-->
  266.                                 <span class="caret hidden-sm hidden-xs"></span>
  267.                             </a>
  268.                             <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
  269.                                 <li><a href="#"><i class="fa fa-cogs"></i>  Settings</a></li>
  270.                                 <li><a href="#"><i class="fa fa-user"></i>  Profile</a></li>
  271.                                 <li><a href="#"><i class="fa fa-commenting-o"></i>  Feedback</a></li>
  272.                                 <li><a href="#"><i class="fa fa-life-ring"></i>  Help</a></li>
  273.                                 <li class="divider"></li>
  274.                                 <li><a href="#"><i class="fa fa-sign-out"></i> Log Out</a></li>
  275.                             </ul>
  276.                         </li>
  277.  
  278.                         <li>
  279.                             <a data-toggle="ui-aside-right" href=""><i class="glyphicon glyphicon-option-vertical"></i></a>
  280.                         </li>
  281.                     </ul>
  282.                     <!--notification end-->
  283.  
  284.                 </div>
  285.  
  286.             </header>
  287.             <!--header end-->
  288.  
  289.             <!--sidebar start-->
  290.             <aside id="aside" class="ui-aside">
  291.                 <ul class="nav" ui-nav>
  292.                     <li class="nav-head">
  293.                         <h5 class="nav-title text-uppercase light-txt">Navigation</h5>
  294.                     </li>
  295.                     <li class="active">
  296.                         <a href=""><i class="fa fa-home"></i><span>Dashboard</span><i class="fa fa-angle-right pull-right"></i></a>
  297.                         <ul class="nav nav-sub nav-sub--open">
  298.                             <li class="nav-sub-header"><a href=""><span>Dashboard</span></a></li>
  299.                             <li class="active"><a href="index.html"><span>Dashboard 1</span></a></li>
  300.                             <li><a href="dashboard-horizontal-nav.html"><span>Dashboard 2 <small class="label label-danger">TopNav</small></span></a></li>
  301.                             <li><a href="dashboard-compact.html"><span>Dashboard 3 <small class="label label-success">Sm Nav</small></span></a></li>
  302.                             <li><a href="dashboard-mega-dropdown.html"><span>Dashboard 4 <small class="label label-primary">eCom..</small></span></a></li>
  303.                             <li><a href="dashboard-lightsidebar.html"><span>Dashboard 5 <small class="label label-info">Light</small></span></a></li>
  304.                         </ul>
  305.                     </li>
  306.  
  307.                     <li>
  308.                         <a href=""><i class="fa fa-shopping-cart"></i><span>eCommerce</span><i class="fa fa-angle-right pull-right"></i></a>
  309.                         <ul class="nav nav-sub">
  310.                             <li class="nav-sub-header"><a href=""><span>eCommerce</span></a></li>
  311.                             <li><a href="ecommerce-dashboard.html"><span>Dashboard</span></a></li>
  312.                             <li><a href="ecommerce-orders.html"><span>Orders</span></a></li>
  313.                             <li><a href="ecommerce-orders-view.html"><span>Order View</span></a></li>
  314.                             <li><a href="ecommerce-products.html"><span>Products</span></a></li>
  315.                             <li><a href="ecommerce-product-edit.html"><span>Products Edit</span></a></li>
  316.                         </ul>
  317.                     </li>
  318.  
  319.                     <li class="nav-head">
  320.                         <h5 class="nav-title text-uppercase light-txt">Layouts</h5>
  321.                     </li>
  322.  
  323.                     <li>
  324.                         <a href=""><i class="fa fa-server"></i><span>Page Layouts</span><i class="fa fa-angle-right pull-right"></i></a>
  325.                         <ul class="nav nav-sub">
  326.                             <li class="nav-sub-header"><a href=""><span>Page Layouts</span></a></li>
  327.                             <li><a href="layout-blank.html"><span>Blank</span></a></li>
  328.                             <li><a href="layout-page-head-classic.html"><span>Page Head Classic</span></a></li>
  329.                             <li><a href="layout-page-light-color.html"><span>Light Page Color</span></a></li>
  330.                             <li><a href="layout-header-search-1.html"><span>Header Search 1</span></a></li>
  331.                             <li><a href="layout-language-bar.html"><span>Header Language Bar</span></a></li>
  332.                             <li><a href="layout-boxed.html"><span>Boxed Page</span></a></li>
  333.                             <li><a href="layout-full-width.html"><span>Special Layout</span></a></li>
  334.                             <li><a href="layout-footer-dark.html"><span>Footer Dark</span></a></li>
  335.                         </ul>
  336.                     </li>
  337.  
  338.                     <li>
  339.                         <a href=""><i class="fa fa-diamond"></i><span>Sidebar Layouts</span><i class="fa fa-angle-right pull-right"></i></a>
  340.                         <ul class="nav nav-sub">
  341.                             <li class="nav-sub-header"><a href=""><span>Sidebar Layouts</span></a></li>
  342.                             <li><a href="layout_aside-light.html"><span>Light Sidebar</span></a></li>
  343.                             <li><a href="layout_aside-dark.html"><span>Dark Sidebar</span></a></li>
  344.                             <li><a href="layout_aside-compact.html"><span>Mini Sidebar Dark</span></a></li>
  345.                             <li><a href="layout_aside-compact-light.html"><span>Mini Sidebar Light</span></a></li>
  346.                             <li><a href="layout_aside-right-open.html"><span>Right Sidebar Open</span></a></li>
  347.                             <li><a href="layout_aside-right-overlay.html"><span>Right Sidebar Overlay</span></a></li>
  348.                             <li><a href="layout-header-logo-dark.html"><span>Side Logo Bg Contrast</span></a></li>
  349.                             <li><a href="layout-fixed-sidebar.html"><span>Fixed Sidebar</span></a></li>
  350.                         </ul>
  351.                     </li>
  352.  
  353.                     <li>
  354.                         <a href=""><i class="fa fa-credit-card"></i><span>Horizontal Nav</span><i class="fa fa-angle-right pull-right"></i></a>
  355.                         <ul class="nav nav-sub">
  356.                             <li class="nav-sub-header"><a href=""><span>Horizontal Nav</span></a></li>
  357.                             <li><a href="horizontal-nav-light.html"><span>Light Mega Nav</span></a></li>
  358.                             <li><a href="horizontal-nav-dark.html"><span>Dark Mega Nav</span></a></li>
  359.                             <li><a href="horizontal-ecommerce-nav.html"><span>eCommerce Mega Nav</span></a></li>
  360.                         </ul>
  361.                     </li>
  362.  
  363.                     <li>
  364.                         <a href=""><i class="fa fa-clone"></i><span>Header Color Option</span><i class="fa fa-angle-right pull-right"></i></a>
  365.                         <ul class="nav nav-sub">
  366.                             <li class="nav-sub-header"><a href=""><span>Header Color Option</span></a></li>
  367.                             <li><a href="header_dark.html"><span>Header Dark</span></a></li>
  368.                             <li><a href="header_green.html"><span>Header Green</span></a></li>
  369.                             <li><a href="header_purple.html"><span>Header Purple</span></a></li>
  370.                             <li><a href="header_blue.html"><span>Header Blue</span></a></li>
  371.                             <li><a href="header_red.html"><span>Header Red</span></a></li>
  372.                         </ul>
  373.                     </li>
  374.  
  375.                     <li class="nav-head">
  376.                         <h5 class="nav-title text-uppercase light-txt">Apps & Charts</h5>
  377.                    </li>
  378.                    <li>
  379.                        <a href="mailbox.html"><i class="fa fa-envelope-o"></i><span> Mailbox </span></a>
  380.                        <ul class="nav nav-sub">
  381.                            <li class="nav-sub-header"><a href="mailbox.html"><span>Mailbox</span></a></li>
  382.                        </ul>
  383.                    </li>
  384.                    <li>
  385.                        <a href="note.html"><i class="fa fa-file-text-o"></i><span> Notes <small class="label label-success">Apps</small></span></a>
  386.                        <ul class="nav nav-sub">
  387.                            <li class="nav-sub-header"><a href="note.html"><span>Notes</span></a></li>
  388.                        </ul>
  389.                    </li>
  390.                    <li>
  391.                        <a href="todo-list.html"><i class="fa fa-list-alt"></i><span> ToDo List </span></a>
  392.                        <ul class="nav nav-sub">
  393.                            <li class="nav-sub-header"><a href="todo-list.html"><span>ToDo List</span></a></li>
  394.                        </ul>
  395.                    </li>
  396.                    <li>
  397.                        <a href=""><i class="fa fa-bar-chart-o"></i><span>Charts</span><i class="fa fa-angle-right pull-right"></i></a>
  398.                        <ul class="nav nav-sub">
  399.                            <li class="nav-sub-header"><a href=""><span>Charts</span></a></li>
  400.                            <li><a href="echarts.html"><span>eCharts</span></a></li>
  401.                            <li><a href="chart-high.html"><span>High Charts</span></a></li>
  402.                            <li><a href="chart-rickshaw.html"><span>Rickshaw Charts</span></a></li>
  403.                            <li><a href="chart-c3.html"><span>C3 Charts</span></a></li>
  404.                            <li><a href="chart-nvd3.html"><span>NVD3 Charts</span></a></li>
  405.                            <li><a href="chart-flot.html"><span>Flot Charts </span></a></li>
  406.                            <li><a href="chart-morris.html"><span>Morris Charts</span></a></li>
  407.                            <li><a href="chartjs.html"><span>ChartJs</span></a></li>
  408.                        </ul>
  409.                    </li>
  410.                    <li class="nav-head">
  411.                        <h5 class="nav-title text-uppercase light-txt">Components</h5>
  412.                    </li>
  413.                    <li>
  414.                        <a href=""><i class="fa fa-snowflake-o"></i><span>UI Elements</span><i class="fa fa-angle-right pull-right"></i></a>
  415.                        <ul class="nav nav-sub">
  416.                            <li class="nav-sub-header"><a href=""><span>UI Elements</span></a></li>
  417.                            <li><a href="general.html"><span>General </span></a></li>
  418.                            <li><a href="buttons.html"><span>Buttons</span></a></li>
  419.                            <li><a href="typography.html"><span>Typography</span></a></li>
  420.                            <li><a href="tree.html"><span>Tree</span></a></li>
  421.                            <li><a href="nestables.html"><span>Nestables</span></a></li>
  422.                            <li><a href="sliders.html"><span>Sliders</span></a></li>
  423.                            <li><a href="tabs-accordions.html"><span>Tabs &amp; Accordions</span></a></li>
  424.                         </ul>
  425.                     </li>
  426.                     <li>
  427.                         <a href="grids.html"><i class="fa fa-th-large"></i><span>Grid Option</span></a>
  428.                         <ul class="nav nav-sub">
  429.                             <li class="nav-sub-header"><a href="grids.html"><span>Grid Option</span></a></li>
  430.                         </ul>
  431.                     </li>
  432.  
  433.                     <li>
  434.                         <a href=""><i class="fa fa-font-awesome"></i><span>Icons Font </span> <i class="fa fa-angle-right pull-right"></i></a>
  435.                         <ul class="nav nav-sub">
  436.                             <li class="nav-sub-header"><a href=""><span>Icons Font</span></a></li>
  437.                             <li><a href="font-awesome.html"><span>Font Awesome</span></a></li>
  438.                             <li><a href="simple-line-icons.html"><span>Simple Line Icons</span></a></li>
  439.                             <li><a href="themify-icons.html"><span>Themify Icons</span></a></li>
  440.                             <li><a href="weather-icons.html"><span>Weather Icons</span></a></li>
  441.                         </ul>
  442.                     </li>
  443.                     <li>
  444.                         <a href=""><i class="fa fa-bookmark-o"></i><span>Components <small class="label label-danger">7</small> </span> <i class="fa fa-angle-right pull-right"></i></a>
  445.                         <ul class="nav nav-sub">
  446.                             <li class="nav-sub-header"><a href=""><span>Components</span></a></li>
  447.                             <li><a href="calendar.html"><span>Calendar</span></a></li>
  448.                             <li><a href="timeline.html"><span>Timeline</span></a></li>
  449.                             <li><a href="panels.html"><span>Panels</span></a></li>
  450.                             <li><a href="toastr-notifications.html"><span>Toastr Notifications</span></a></li>
  451.                             <li><a href="search-result.html"><span>Search Result</span></a></li>
  452.                             <li><a href="chat.html"><span>Chat page</span></a></li>
  453.                             <li><a href="gallery-list.html"><span>Gallery List</span></a></li>
  454.                             <li><a href="directory.html"><span>Directory List</span></a></li>
  455.                             <li><a href="pricing-table.html"><span>Pricing Table</span></a></li>
  456.                         </ul>
  457.                     </li>
  458.                     <li>
  459.                         <a href=""><i class="fa fa-table"></i><span>Data Tables</span><i class="fa fa-angle-right pull-right"></i></a>
  460.                         <ul class="nav nav-sub">
  461.                             <li class="nav-sub-header"><a href=""><span>Data Tables</span></a></li>
  462.                             <li><a href="tables.html"><span>Basic Table </span></a></li>
  463.                             <li><a href="dynamic-table.html"><span>Dynamic Table</span></a></li>
  464.                         </ul>
  465.                     </li>
  466.                     <li>
  467.                         <a href=""><i class="fa fa-list-alt"></i><span>Form</span><i class="fa fa-angle-right pull-right"></i></a>
  468.                         <ul class="nav nav-sub">
  469.                             <li class="nav-sub-header"><a href=""><span>Form</span></a></li>
  470.                             <li><a href="form-layouts.html"><span>Form Layouts </span></a></li>
  471.                             <li><a href="form-advanced.html"><span>Form Advanced</span></a></li>
  472.                             <li><a href="form-wizard.html"><span>Form Wizard</span></a></li>
  473.                             <li><a href="form-validation.html"><span>Form Validation</span></a></li>
  474.                             <li><a href="text-editors.html"><span>Text Editors</span></a></li>
  475.                             <li><a href="inline-editors.html"><span>Inline Editors</span></a></li>
  476.                             <li><a href="dropzone.html"><span>Dropzone</span></a></li>
  477.                             <li><a href="file-upload.html"><span>File Upload</span></a></li>
  478.                         </ul>
  479.                     </li>
  480.                     <li class="nav-head">
  481.                         <h5 class="nav-title text-uppercase light-txt">Extra</h5>
  482.                     </li>
  483.                     <li>
  484.                         <a href=""><i class="fa fa-television"></i><span>Extra Pages</span><i class="fa fa-angle-right pull-right"></i></a>
  485.                         <ul class="nav nav-sub">
  486.                             <li class="nav-sub-header"><a href=""><span>Extra Pages</span></a></li>
  487.                             <li><a href="profile.html"><span>Profile</span></a></li>
  488.                             <li><a href="invoice.html"><span>Invoice</span></a></li>
  489.                             <li><a href="login.html"><span>Login</span></a></li>
  490.                             <li><a href="registration.html"><span>Registration</span></a></li>
  491.                             <li><a href="forgot-password.html"><span>Forgot Password</span></a></li>
  492.                             <li><a href="lock-screen.html"><span>Lock Screen</span></a></li>
  493.                             <li><a href="404.html"><span>Error 404</span></a></li>
  494.                             <li><a href="500.html"><span>Error 500</span></a></li>
  495.                         </ul>
  496.                     </li>
  497.                     <li>
  498.                         <a href=""><i class="fa fa-server"></i><span>Multilevel</span><i class="fa fa-angle-right pull-right"></i></a>
  499.                         <ul class="nav nav-sub">
  500.                             <li class="nav-sub-header"><a href="#"><span>Multilevel</span></a></li>
  501.                             <li><a href="#"><span>Level One </span></a></li>
  502.                             <li>
  503.                                 <!-- <a href=""><span>Level Two </span></a> -->
  504.                                 <a href=""><span>Level One </span><i class="fa fa-angle-right pull-right"></i></a>
  505.                                 <ul class="nav nav-sub">
  506.                                     <li><a href=""><span>Level Two </span></a></li>
  507.                                     <li>
  508.                                         <!-- <a href=""><span>Level Two </span></a> -->
  509.                                         <a href=""><span>Level Two </span><i class="fa fa-angle-right pull-right"></i></a>
  510.                                         <ul class="nav nav-sub">
  511.                                             <li><a href="#"><span>Level Three </span></a></li>
  512.                                             <li><a href="#"><span>Level Three alt</span></a></li>
  513.                                         </ul>
  514.                                     </li>
  515.                                 </ul>
  516.                             </li>
  517.                         </ul>
  518.                     </li>
  519.                 </ul>
  520.             </aside>
  521.             <!--sidebar end-->
  522.  
  523.             <!--main content start-->
  524.             <div id="content" class="ui-content ui-content-aside-overlay">
  525.                 <div class="ui-content-body">
  526.  
  527.                     <div class="ui-container">
  528.  
  529.                         <!--page title and breadcrumb start -->
  530.                         <div class="row">
  531.                             <div class="col-md-8">
  532.                                 <h1 class="page-title"> Admin Dashboard
  533.                                     <small>data, statistics, charts, recent reports and many more</small>
  534.                                 </h1>
  535.                             </div>
  536.                             <div class="col-md-4">
  537.                                 <ul class="breadcrumb pull-right">
  538.                                     <li>Home</li>
  539.                                     <li><a href="#" class="active">Dashboard</a></li>
  540.                                 </ul>
  541.                             </div>
  542.                         </div>
  543.                         <!--page title and breadcrumb end -->
  544.  
  545.                         <!--states start-->
  546.                         <div class="row">
  547.                             <div class="col-md-3 col-sm-6">
  548.                                 <div class="panel short-states bg-danger">
  549.                                     <div class="pull-right state-icon">
  550.                                         <i class="fa fa-shopping-cart"></i>
  551.                                     </div>
  552.                                     <div class="panel-body">
  553.                                         <h1 class="light-txt">1,3012</h1>
  554.                                         <div class=" pull-right">53% <i class="fa fa-bolt"></i></div>
  555.                                         <strong class="text-uppercase">NEW ORDERS</strong>
  556.                                     </div>
  557.                                 </div>
  558.                             </div>
  559.                             <div class="col-md-3 col-sm-6">
  560.                                 <div class="panel short-states bg-info">
  561.                                     <div class="pull-right state-icon">
  562.                                         <i class="fa fa-users"></i>
  563.                                     </div>
  564.                                     <div class="panel-body">
  565.                                         <h1 class="light-txt">5,534</h1>
  566.                                         <div class=" pull-right">65% <i class="fa fa-level-up"></i></div>
  567.                                         <strong class="text-uppercase">new users</strong>
  568.                                     </div>
  569.                                 </div>
  570.                             </div>
  571.                             <div class="col-md-3 col-sm-6">
  572.                                 <div class="panel short-states bg-warning">
  573.                                     <div class="pull-right state-icon">
  574.                                         <i class="fa fa-laptop"></i>
  575.                                     </div>
  576.                                     <div class="panel-body">
  577.                                         <h1 class="light-txt">$22,329</h1>
  578.                                         <div class=" pull-right">77% <i class="fa fa-level-down"></i></div>
  579.                                         <strong class="text-uppercase">Online Revenue</strong>
  580.                                     </div>
  581.                                 </div>
  582.                             </div>
  583.                             <div class="col-md-3 col-sm-6">
  584.                                 <div class="panel short-states bg-primary">
  585.                                     <div class="pull-right state-icon">
  586.                                         <i class="fa fa-pie-chart"></i>
  587.                                     </div>
  588.                                     <div class="panel-body">
  589.                                         <h1 class="light-txt">$268,188</h1>
  590.                                         <div class=" pull-right">88% <i class="fa fa-level-up"></i></div>
  591.                                         <strong class="text-uppercase">Total Profit</strong>
  592.                                     </div>
  593.                                 </div>
  594.                             </div>
  595.                         </div>
  596.                         <!--states end-->
  597.  
  598.  
  599.                         <div class="row">
  600.  
  601.                             <div class="col-md-6">
  602.                                 <div class="panel">
  603.                                     <header class="panel-heading">
  604.                                         Project Statistics
  605.                                         <span class="tools pull-right">
  606.                                             <a class="close-box fa fa-times" href="javascript:;"></a>
  607.                                         </span>
  608.                                     </header>
  609.                                     <div class="panel-body">
  610.                                         <div id="b-line" style="height: 370px"></div>
  611.                                     </div>
  612.                                 </div>
  613.                             </div>
  614.                             <div class="col-md-6">
  615.                                 <div class="panel">
  616.                                     <header class="panel-heading">
  617.                                         Product Sales
  618.                                         <span class="tools pull-right">
  619.                                             <a class="close-box fa fa-times" href="javascript:;"></a>
  620.                                         </span>
  621.                                     </header>
  622.                                     <div class="panel-body">
  623.                                         <div id="b-area" style="height: 370px"></div>
  624.                                     </div>
  625.                                 </div>
  626.                             </div>
  627.                         </div>
  628.  
  629.  
  630.  
  631.                         <!--task distribution start-->
  632.                         <div class="row">
  633.                             <!--charts start-->
  634.                             <div class="col-md-7 ">
  635.                                 <div class="panel">
  636.                                     <header class="panel-heading panel-border">
  637.                                         Latest Order
  638.                                         <span class="tools pull-right">
  639.                                             <a class="refresh-box fa fa-repeat" href="javascript:;"></a>
  640.                                             <a class="collapse-box fa fa-chevron-down" href="javascript:;"></a>
  641.                                             <a class="close-box fa fa-times" href="javascript:;"></a>
  642.                                         </span>
  643.                                     </header>
  644.                                     <div class="panel-body">
  645.                                         <div class="order-short-info">
  646.                                             <span class="mtop-10"> Paid Orders: <strong>123 <i class="fa fa-level-up text-primary"></i></strong>,  Unpaid Orders: <strong> 212 <i class="fa fa-level-down text-danger"></i></strong></span>
  647.                                             <a href="#" class="pull-right pull-left-xs btn btn-primary btn-sm">View Full Orders</a>
  648.                                         </div>
  649.                                         <hr/>
  650.                                         <div class="table-responsive">
  651.                                             <table  class="table table-hover latest-order">
  652.                                                 <thead>
  653.                                                 <tr>
  654.                                                     <th>Product ID</th>
  655.                                                     <th>Customer Name</th>
  656.                                                     <th>Invoice#</th>
  657.                                                     <th>Amount</th>
  658.                                                     <th>Status</th>
  659.                                                 </tr>
  660.                                                 </thead>
  661.                                                 <tbody>
  662.                                                 <tr>
  663.                                                     <td>PID-001</td>
  664.                                                     <td>Jhon Wiliumson</td>
  665.                                                     <td><a href="#">IN-0001</a></td>
  666.                                                     <td>$ 1234.00</td>
  667.                                                     <td>
  668.                                                         <span class="label label-success">Paid</span>
  669.                                                     </td>
  670.                                                 </tr>
  671.                                                 <tr>
  672.                                                     <td>PID-002</td>
  673.                                                     <td>Jakolin Jack</td>
  674.                                                     <td><a href="#">IN-0002</a></td>
  675.                                                     <td>$ 2123.00</td>
  676.                                                     <td>
  677.                                                         <span class="label label-danger">Overdue</span>
  678.                                                     </td>
  679.                                                 </tr>
  680.                                                 <tr>
  681.                                                     <td>PID-003</td>
  682.                                                     <td>Anderson Doe</td>
  683.                                                     <td><a href="#">IN-0003</a></td>
  684.                                                     <td>$ 345.00</td>
  685.                                                     <td>
  686.                                                         <span class="label label-warning">Due</span>
  687.                                                     </td>
  688.                                                 </tr>
  689.                                                 <tr>
  690.                                                     <td>PID-004</td>
  691.                                                     <td>Margarita Rose</td>
  692.                                                     <td><a href="#">IN-0004</a></td>
  693.                                                     <td>$ 45651.00</td>
  694.                                                     <td>
  695.                                                         <span class="label label-success">Paid</span>
  696.                                                     </td>
  697.                                                 </tr>
  698.                                                 <tr>
  699.                                                     <td>PID-005</td>
  700.                                                     <td>Jonathan Smith</td>
  701.                                                     <td><a href="#">IN-0005</a></td>
  702.                                                     <td>$ 2123.00</td>
  703.                                                     <td>
  704.                                                         <span class="label label-danger">Overdue</span>
  705.                                                     </td>
  706.                                                 </tr>
  707.                                                 <tr>
  708.                                                     <td>PID-006</td>
  709.                                                     <td>Nekol Dimon</td>
  710.                                                     <td><a href="#">IN-0006</a></td>
  711.                                                     <td>$ 9876.00</td>
  712.                                                     <td>
  713.                                                         <span class="label label-warning">Due</span>
  714.                                                     </td>
  715.                                                 </tr>
  716.  
  717.                                                 </tbody>
  718.                                             </table>
  719.                                         </div>
  720.                                     </div>
  721.                                 </div>
  722.                             </div>
  723.                             <!--charts end-->
  724.  
  725.  
  726.                         </div>
  727.                         <!--task distribution end-->
  728.  
  729.                         <div class="row">
  730.                             <!--task duration start-->
  731.                             <div class="col-md-5 ">
  732.                                 <div class="panel">
  733.                                     <header class="panel-heading">
  734.                                         Task Distribution
  735.                                         <span class="tools pull-right">
  736.                                             <a class="close-box fa fa-times" href="javascript:;"></a>
  737.                                         </span>
  738.                                     </header>
  739.                                     <div>
  740.                                         <ul class="Notification-list list-group">
  741.  
  742.                                             <li class="Notification list-group-item">
  743.                                                 <button class="Notification__status Notification__status--read" type="button" name="button"></button>
  744.                                                 <a href="javaScritp:;">
  745.                                                     <div class="Notification__avatar pull-left" >
  746.                                                         <img src="imgs/a0.jpg" alt="...">
  747.                                                     </div>
  748.                                                     <div class="Notification__highlight">
  749.                                                         <p class="Notification__highlight-excerpt"><b>Jonathan Smith</b> and 4 other people like your post “Awesome Bootstrap dashbord”.</p>
  750.                                                         <p class="Notification__highlight-time">1 day ago</p>
  751.                                                     </div>
  752.                                                 </a>
  753.                                             </li>
  754.  
  755.  
  756.                                             <li class="Notification list-group-item">
  757.                                                 <button class="Notification__status Notification__status--read" type="button" name="button"></button>
  758.                                                 <a href="javaScritp:;">
  759.                                                     <div class="Notification__avatar pull-left">
  760.                                                         <img src="imgs/a1.jpg" alt="...">
  761.                                                     </div>
  762.                                                     <div class="Notification__highlight">
  763.                                                         <p class="Notification__highlight-excerpt"><b>Tomas Edison</b> and 4 other people like your post “keep clam and watch the fizz”.</p>
  764.                                                         <p class="Notification__highlight-time">1 day ago</p>
  765.                                                     </div>
  766.                                                 </a>
  767.                                             </li>
  768.  
  769.                                             <li class="Notification list-group-item">
  770.                                                 <button class="Notification__status Notification__status--unread" type="button" name="button"></button>
  771.                                                 <a href="javaScritp:;">
  772.                                                     <div class="Notification__avatar pull-left">
  773.                                                         <img src="imgs/a0.jpg" alt="...">
  774.                                                     </div>
  775.                                                     <div class="Notification__highlight">
  776.                                                         <p class="Notification__highlight-excerpt"><b>Luciad Extic</b> can join conference.</p>
  777.                                                         <p class="Notification__highlight-time">1 hour ago</p>
  778.                                                     </div>
  779.                                                 </a>
  780.                                             </li>
  781.                                             <li class="Notification list-group-item">
  782.                                                 <button class="Notification__status Notification__status--read" type="button" name="button"></button>
  783.                                                 <a href="javaScritp:;">
  784.                                                     <div class="Notification__avatar pull-left">
  785.                                                         <img src="imgs/a2.jpg" alt="...">
  786.                                                     </div>
  787.                                                     <div class="Notification__highlight">
  788.                                                         <p class="Notification__highlight-excerpt"><b>Tomas Edison</b> and 4 other people like your post “keep clam and watch the fizz”.</p>
  789.                                                         <p class="Notification__highlight-time">1 day ago</p>
  790.                                                     </div>
  791.                                                 </a>
  792.                                             </li>
  793.  
  794.  
  795.                                             <li class="Notification list-group-item">
  796.                                                 <button class="Notification__status Notification__status--read" type="button" name="button"></button>
  797.                                                 <a href="javaScritp:;">
  798.                                                     <div class="Notification__avatar pull-left">
  799.                                                         <img src="imgs/a1.jpg" alt="...">
  800.                                                     </div>
  801.                                                     <div class="Notification__highlight">
  802.                                                         <p class="Notification__highlight-excerpt"><b>Tomas Edison</b> and 4 other people like your post “keep clam and watch the fizz”.</p>
  803.                                                         <p class="Notification__highlight-time">1 day ago</p>
  804.                                                     </div>
  805.                                                 </a>
  806.                                             </li>
  807.  
  808.                                             <li class="Notification list-group-item">
  809.                                                 <button class="Notification__status Notification__status--unread" type="button" name="button"></button>
  810.                                                 <a href="javaScritp:;">
  811.                                                     <div class="Notification__avatar pull-left">
  812.                                                         <img src="imgs/a0.jpg" alt="...">
  813.                                                     </div>
  814.                                                     <div class="Notification__highlight">
  815.                                                         <p class="Notification__highlight-excerpt"><b>Luciad Extic</b> can join conference.</p>
  816.                                                         <p class="Notification__highlight-time">1 hour ago</p>
  817.                                                     </div>
  818.                                                 </a>
  819.                                             </li>
  820.  
  821.                                         </ul>
  822.                                     </div>
  823.                                 </div>
  824.                             </div>
  825.                             <!--task duration end-->
  826.  
  827.                             <!--horzontal timeline start-->
  828.                             <div class="col-md-7 ">
  829.                                 <div class="panel">
  830.                                     <header class="panel-heading panel-border">
  831.                                         Horizontal Timeline
  832.                                         <span class="tools pull-right">
  833.                                             <a class="close-box fa fa-times" href="javascript:;"></a>
  834.                                         </span>
  835.                                     </header>
  836.                                     <div class="panel-body">
  837.                                         <section class="cd-horizontal-timeline">
  838.                                             <div class="timeline">
  839.                                                 <div class="events-wrapper">
  840.                                                     <div class="events">
  841.                                                         <ol class="list-unstyled">
  842.                                                             <li><a href="#0" data-date="11/01/2014" class="selected"><span>11 Jan</span></a></li>
  843.                                                             <li><a href="#0" data-date="28/02/2014"><span>28 Feb</span></a></li>
  844.                                                             <li><a href="#0" data-date="20/04/2014"><span>20 Mar</span></a></li>
  845.                                                             <li><a href="#0" data-date="20/05/2014"><span>20 May</span></a></li>
  846.                                                             <li><a href="#0" data-date="09/07/2014"><span>09 Jul</span></a></li>
  847.                                                             <li><a href="#0" data-date="30/08/2014"><span>30 Aug</span></a></li>
  848.                                                             <li><a href="#0" data-date="15/09/2014"><span>15 Sep</span></a></li>
  849.                                                             <li><a href="#0" data-date="01/11/2014"><span>01 Nov</span></a></li>
  850.                                                             <li><a href="#0" data-date="10/12/2014"><span>10 Dec</span></a></li>
  851.                                                             <li><a href="#0" data-date="19/01/2015"><span>29 Jan</span></a></li>
  852.                                                             <li><a href="#0" data-date="03/03/2015"><span>3 Mar</span></a></li>
  853.                                                         </ol>
  854.  
  855.                                                         <span class="filling-line" aria-hidden="true"></span>
  856.                                                     </div>
  857.                                                 </div>
  858.  
  859.                                                 <ul class="cd-timeline-navigation list-unstyled">
  860.                                                     <li><a href="#0" class="prev inactive">Prev</a></li>
  861.                                                     <li><a href="#0" class="next">Next</a></li>
  862.                                                 </ul>
  863.                                             </div>
  864.  
  865.                                             <div class="events-content">
  866.                                                 <ol class="list-unstyled">
  867.                                                     <li class="selected" data-date="11/01/2014">
  868.                                                         <h2>Timeline Title One</h2>
  869.                                                         <em>January 11th, 2014</em>
  870.                                                         <p>
  871.                                                             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
  872.                                                         </p>
  873.                                                     </li>
  874.  
  875.                                                     <li data-date="28/02/2014">
  876.                                                         <h2>Timeline Title Two</h2>
  877.                                                         <em>February 28th, 2014</em>
  878.                                                         <p>
  879.                                                             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
  880.                                                         </p>
  881.                                                     </li>
  882.  
  883.                                                     <li data-date="20/04/2014">
  884.                                                         <h2>Timeline Title Three</h2>
  885.                                                         <em>March 20th, 2014</em>
  886.                                                         <p>
  887.                                                             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
  888.                                                         </p>
  889.                                                     </li>
  890.  
  891.                                                     <li data-date="20/05/2014">
  892.                                                         <h2>Timeline Title Four</h2>
  893.                                                         <em>May 20th, 2014</em>
  894.                                                         <p>
  895.                                                             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
  896.                                                         </p>
  897.                                                     </li>
  898.  
  899.                                                     <li data-date="09/07/2014">
  900.                                                         <h2>Timeline Title Five</h2>
  901.                                                         <em>July 9th, 2014</em>
  902.                                                         <p>
  903.                                                             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
  904.                                                         </p>
  905.                                                     </li>
  906.  
  907.                                                     <li data-date="30/08/2014">
  908.                                                         <h2>Timeline Title Six</h2>
  909.                                                         <em>August 30th, 2014</em>
  910.                                                         <p>
  911.                                                             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
  912.                                                         </p>
  913.                                                     </li>
  914.  
  915.                                                     <li data-date="15/09/2014">
  916.                                                         <h2>Timeline Title Seven</h2>
  917.                                                         <em>September 15th, 2014</em>
  918.                                                         <p>
  919.                                                             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
  920.                                                         </p>
  921.                                                     </li>
  922.  
  923.                                                     <li data-date="01/11/2014">
  924.                                                         <h2>Timeline Title Eight</h2>
  925.                                                         <em>November 1st, 2014</em>
  926.                                                         <p>
  927.                                                             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
  928.                                                         </p>
  929.                                                     </li>
  930.  
  931.                                                     <li data-date="10/12/2014">
  932.                                                         <h2>Timeline Title Nine</h2>
  933.                                                         <em>December 10th, 2014</em>
  934.                                                         <p>
  935.                                                             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
  936.                                                         </p>
  937.                                                     </li>
  938.  
  939.                                                     <li data-date="19/01/2015">
  940.                                                         <h2>Timeline Title Ten</h2>
  941.                                                         <em>January 19th, 2015</em>
  942.                                                         <p>
  943.                                                             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
  944.                                                         </p>
  945.                                                     </li>
  946.  
  947.                                                     <li data-date="03/03/2015">
  948.                                                         <h2>Timeline Title Eleven</h2>
  949.                                                         <em>March 3rd, 2015</em>
  950.                                                         <p>
  951.                                                             Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
  952.                                                         </p>
  953.                                                     </li>
  954.                                                 </ol>
  955.                                             </div>
  956.                                         </section>
  957.                                     </div>
  958.  
  959.                                 </div>
  960.                             </div>
  961.                             <!--horzontal timeline end-->
  962.  
  963.                         </div>
  964.  
  965.                     </div>
  966.  
  967.                     <!--right side widget start-->
  968.                     <div class="ui-aside-right " ui-aside-right>
  969.  
  970.                         <!--customer start-->
  971.                         <div class="aside-widget">
  972.                             <h5>Online Customer</h5>
  973.                             <ul class="contact-list">
  974.                                 <li class="online">
  975.                                     <div class="media">
  976.                                         <a href="#" class="pull-left media-thumb">
  977.                                             <img alt="" src="imgs/a0.jpg" class="media-object">
  978.                                             <span class="online"></span>
  979.                                         </a>
  980.                                         <div class="media-body">
  981.                                             <strong>John Doe</strong>
  982.                                             <small>General Manager at TB</small>
  983.                                         </div>
  984.                                     </div><!-- media -->
  985.                                 </li>
  986.                                 <li class="online">
  987.                                     <div class="media">
  988.                                         <a href="#" class="pull-left media-thumb">
  989.                                             <img alt="" src="imgs/a1.jpg" class="media-object">
  990.                                             <span class="offline"></span>
  991.                                         </a>
  992.                                         <div class="media-body">
  993.                                             <strong>Jonathan Smith</strong>
  994.                                             <small>Lead Designer</small>
  995.                                         </div>
  996.                                     </div><!-- media -->
  997.                                 </li>
  998.  
  999.                                 <li class="online">
  1000.                                     <div class="media">
  1001.                                         <a href="#" class="pull-left media-thumb">
  1002.                                             <img alt="" src="imgs/a2.jpg" class="media-object">
  1003.                                             <span class="busy"></span>
  1004.                                         </a>
  1005.                                         <div class="media-body">
  1006.                                             <strong>Margarita Rose</strong>
  1007.                                             <small>Human Resource Manager</small>
  1008.                                         </div>
  1009.                                     </div><!-- media -->
  1010.                                 </li>
  1011.                                 <li class="online">
  1012.                                     <div class="media">
  1013.                                         <a href="#" class="pull-left media-thumb">
  1014.                                             <img alt="" src="imgs/a0.jpg" class="media-object">
  1015.                                             <span class="away"></span>
  1016.                                         </a>
  1017.                                         <div class="media-body">
  1018.                                             <strong>Mr. Kameron De</strong>
  1019.                                             <small>Marketing Officer</small>
  1020.                                         </div>
  1021.                                     </div><!-- media -->
  1022.                                 </li>
  1023.                                 <li class="online">
  1024.                                     <div class="media">
  1025.                                         <a href="#" class="pull-left media-thumb">
  1026.                                             <img alt="" src="imgs/a2.jpg" class="media-object">
  1027.                                             <span class="offline"></span>
  1028.                                         </a>
  1029.                                         <div class="media-body">
  1030.                                             <strong>Mr. Mosa</strong>
  1031.                                             <small>Development Manager</small>
  1032.                                         </div>
  1033.                                     </div><!-- media -->
  1034.                                 </li>
  1035.                             </ul>
  1036.                         </div>
  1037.                         <!--customer end-->
  1038.  
  1039.                         <!--stock start-->
  1040.                         <div class="aside-widget">
  1041.                             <h5>Recent Stocks</h5>
  1042.                             <table class="table">
  1043.                                 <tbody>
  1044.                                 <tr>
  1045.                                     <td>DOWJ</td>
  1046.                                     <td>19,764.00</td>
  1047.                                     <td><small class="label label-success">+ 0.08%</small></td>
  1048.                                 </tr>
  1049.                                 <tr>
  1050.                                     <td>AAPL</td>
  1051.                                     <td>116.90</td>
  1052.                                     <td><small class="label label-danger">- 0.29%</small></td>
  1053.                                 </tr>
  1054.                                 <tr>
  1055.                                     <td>SBUX</td>
  1056.                                     <td>50.33</td>
  1057.                                     <td><small class="label label-warning">+ 0.23%</small></td>
  1058.                                 </tr>
  1059.                                 <tr>
  1060.                                     <td>NKE</td>
  1061.                                     <td>164.00</td>
  1062.                                     <td><small class="label label-success">+ 0.08%</small></td>
  1063.                                 </tr>
  1064.                                 <tr>
  1065.                                     <td>YHOO</td>
  1066.                                     <td>764.00</td>
  1067.                                     <td><small class="label label-danger">- 0.91%</small></td>
  1068.                                 </tr>
  1069.                                 </tbody>
  1070.                             </table>
  1071.                         </div>
  1072.                         <!--stock end-->
  1073.  
  1074.                         <!--task start-->
  1075.                         <div class="aside-widget">
  1076.                             <h5>Task Pending</h5>
  1077.                             <ul class="list-unstyled">
  1078.                                 <li>
  1079.                                     <a href="#">
  1080.                                         <div class="task-info">
  1081.                                             Wp Development (66%)
  1082.                                         </div>
  1083.                                         <div class="progress progress-striped">
  1084.                                             <div style="width: 66%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="66" role="progressbar" class="progress-bar progress-bar-warning">
  1085.                                             </div>
  1086.                                         </div>
  1087.                                     </a>
  1088.                                 </li>
  1089.                                 <li>
  1090.                                     <a href="#">
  1091.                                         <div class="task-info">
  1092.                                             Dashboard Design (80%)
  1093.                                         </div>
  1094.                                         <div class="progress progress-striped">
  1095.                                             <div style="width: 80%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="80" role="progressbar" class="progress-bar progress-bar-success ">
  1096.                                             </div>
  1097.                                         </div>
  1098.                                     </a>
  1099.                                 </li>
  1100.                                 <li>
  1101.                                     <a href="#">
  1102.                                         <div class="task-info">
  1103.                                             Marketing (40%)
  1104.                                         </div>
  1105.                                         <div class="progress progress-striped">
  1106.                                             <div style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-info">
  1107.                                             </div>
  1108.                                         </div>
  1109.                                     </a>
  1110.                                 </li>
  1111.                                 <li>
  1112.                                     <a href="#">
  1113.                                         <div class="task-info">
  1114.                                             Mobile App Development (33%)
  1115.                                         </div>
  1116.                                         <div class="progress progress-striped">
  1117.                                             <div style="width: 33%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="80" role="progressbar" class="progress-bar progress-bar-danger">
  1118.                                             </div>
  1119.                                         </div>
  1120.                                     </a>
  1121.                                 </li>
  1122.                                 <li class="text-center">
  1123.                                     <a href="#" class="btn btn-sm btn-info btn-block">See All Pending Tasks</a>
  1124.                                 </li>
  1125.                             </ul>
  1126.                         </div>
  1127.                         <!--task end-->
  1128.  
  1129.                     </div>
  1130.                     <!--right side widget end-->
  1131.  
  1132.                 </div>
  1133.             </div>
  1134.             <!--main content end-->
  1135.  
  1136.             <!--footer start-->
  1137.             <div id="footer" class="ui-footer">
  1138.                 2017 &copy; MegaDin by ThemeBucket.
  1139.             </div>
  1140.             <!--footer end-->
  1141.  
  1142.         </div>
  1143.  
  1144.         <!-- inject:js -->
  1145.         <script src="bower_components/jquery/dist/jquery.min.js"></script>
  1146.         <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  1147.         <script src="bower_components/jquery.nicescroll/dist/jquery.nicescroll.min.js"></script>
  1148.         <script src="bower_components/autosize/dist/autosize.min.js"></script>
  1149.         <!-- endinject -->
  1150.  
  1151.  
  1152.  
  1153.  
  1154.         <!--echarts-->
  1155.         <script type="text/javascript" src="assets/js/echarts/echarts-all-3.js"></script>
  1156.  
  1157.         <!--basic line echarts init-->
  1158.         <script type="text/javascript">
  1159.  
  1160.             var chartOneDom = document.getElementById("b-line");
  1161.             var chartOne = echarts.init(chartOneDom);
  1162.  
  1163.             var chartOneOption = {
  1164.                 color: ['#4aa9e9','#eac459'],
  1165.  
  1166.                 tooltip : {
  1167.                     trigger: 'axis'
  1168.                 },
  1169.                 legend: {
  1170.                     data:['Max','Min']
  1171.                 },
  1172.  
  1173.                 calculable : true,
  1174.                 xAxis : [
  1175.                     {
  1176.                         type : 'category',
  1177.                         boundaryGap : false,
  1178.                         data: ['Sat','Sun','Mon','Tue','Wed','Thu','Fri']
  1179.                     }
  1180.                 ],
  1181.                 yAxis : [
  1182.                     {
  1183.                         type : 'value',
  1184.                         axisLabel : {
  1185.                             formatter: '{value} °C'
  1186.                         }
  1187.                     }
  1188.                 ],
  1189.                 series : [
  1190.                     {
  1191.                         name:'Max',
  1192.                         type:'line',
  1193.                         data:[11, 11, 15, 13, 12, 13, 10],
  1194.                         markPoint : {
  1195.                             data : [
  1196.                                 {type : 'max', name: 'Max'},
  1197.                                 {type : 'min', name: 'Min'}
  1198.                             ]
  1199.                         },
  1200.                         markLine : {
  1201.                             data : [
  1202.                                 {type : 'average', name: 'Average'}
  1203.                             ]
  1204.                         }
  1205.                     },
  1206.                     {
  1207.                         name:'Min',
  1208.                         type:'line',
  1209.                         data:[1, -2, 2, 5, 3, 2, 0],
  1210.                         markPoint : {
  1211.                             data : [
  1212.                                 {name : 'Min of Week', value : -2, xAxis: 1, yAxis: -1.5}
  1213.                             ]
  1214.                         },
  1215.                         markLine : {
  1216.                             data : [
  1217.                                 {type : 'average', name : 'Average'}
  1218.                             ]
  1219.                         }
  1220.                     }
  1221.                 ]
  1222.             };
  1223.  
  1224.             if (chartOneOption && typeof chartOneOption === "object") {
  1225.                chartOne.setOption(chartOneOption, true);
  1226.             }
  1227.  
  1228.         </script>
  1229.  
  1230.         <!--basic area echarts init-->
  1231.         <script type="text/javascript">
  1232.  
  1233.             var dom = document.getElementById("b-area");
  1234.             var myChart = echarts.init(dom);
  1235.  
  1236.             var app = {};
  1237.             option = null;
  1238.             option = {
  1239.                 color: ['#8dcaf3','#67f3e4', '#4aa9e9' ],
  1240.  
  1241.                 tooltip : {
  1242.                     trigger: 'axis'
  1243.                 },
  1244.                 legend: {
  1245.                     data:['Preorder','Sale','Deal']
  1246.                 },
  1247.  
  1248.                 calculable : true,
  1249.                 xAxis : [
  1250.                     {
  1251.                         type : 'category',
  1252.                         boundaryGap : false,
  1253.                         data : ['Mon','Tue','Wed','Thu','Fri','Sat','Sun']
  1254.                     }
  1255.                 ],
  1256.                 yAxis : [
  1257.                     {
  1258.                         type : 'value'
  1259.                     }
  1260.                 ],
  1261.                 series : [
  1262.                     {
  1263.                         name:'Deal',
  1264.                         type:'line',
  1265.                         smooth:true,
  1266.                         itemStyle: {normal: {areaStyle: {type: 'default'}}},
  1267.                         data:[10, 12, 21, 54, 260, 830, 710]
  1268.                     },
  1269.                     {
  1270.                         name:'Sale',
  1271.                         type:'line',
  1272.                         smooth:true,
  1273.                         itemStyle: {normal: {areaStyle: {type: 'default'}}},
  1274.                         data:[30, 182, 434, 791, 390, 30, 10]
  1275.                     },
  1276.                     {
  1277.                         name:'Preorder',
  1278.                         type:'line',
  1279.                         smooth:true,
  1280.                         itemStyle: {normal: {areaStyle: {type: 'default'}}},
  1281.                         data:[1320, 1132, 601, 234, 120, 90, 20]
  1282.                     }
  1283.                 ]
  1284.             };
  1285.  
  1286.             ;
  1287.             if (option && typeof option === "object") {
  1288.                myChart.setOption(option, false);
  1289.             }
  1290.  
  1291.             /**
  1292.              * Resize chart on window resize
  1293.              * @return {void}
  1294.              */
  1295.             window.onresize = function() {
  1296.                 chartOne.resize();
  1297.                 myChart.resize();
  1298.             };
  1299.  
  1300.  
  1301.         </script>
  1302.  
  1303.         <!--easypiechart-->
  1304.         <script src="assets/js/jquery-easy-pie-chart/jquery.easypiechart.js"></script>
  1305.         <script>
  1306.             $(function() {
  1307.                 $('.chart').easyPieChart({
  1308.                     //your configuration goes here
  1309.                 });
  1310.             });
  1311.         </script>
  1312.  
  1313.  
  1314.         <!--horizontal-timeline-->
  1315.         <script src="assets/js/horizontal-timeline/js/jquery.mobile.custom.min.js"></script>
  1316.         <script src="assets/js/horizontal-timeline/js/main.js"></script>
  1317.  
  1318.         <!-- Common Script   -->
  1319.         <script src="dist/js/main.js"></script>
  1320.  
  1321.  
  1322.     </body>
  1323. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!