SHARE
TWEET

Untitled

a guest Jun 25th, 2019 59 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2.  
  3. <html lang="en" class="default-style">
  4.  
  5. <head>
  6.   <title>Dashboard 1 - Dashboards - Appwork</title>
  7.  
  8.   <meta charset="utf-8">
  9.   <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
  10.   <meta name="description" content="">
  11.   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  12.   <link rel="icon" type="image/x-icon" href="favicon.ico">
  13.  
  14.   <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900" rel="stylesheet">
  15.  
  16.   <!-- Icon fonts -->
  17.   <link rel="stylesheet" href="assets/vendor/fonts/fontawesome.css">
  18.   <link rel="stylesheet" href="assets/vendor/fonts/ionicons.css">
  19.   <link rel="stylesheet" href="assets/vendor/fonts/linearicons.css">
  20.   <link rel="stylesheet" href="assets/vendor/fonts/open-iconic.css">
  21.   <link rel="stylesheet" href="assets/vendor/fonts/pe-icon-7-stroke.css">
  22.  
  23.   <!-- Core stylesheets -->
  24.   <link rel="stylesheet" href="assets/vendor/css/rtl/bootstrap.css" class="theme-settings-bootstrap-css">
  25.   <link rel="stylesheet" href="assets/vendor/css/rtl/appwork.css" class="theme-settings-appwork-css">
  26.   <link rel="stylesheet" href="assets/vendor/css/rtl/theme-corporate.css" class="theme-settings-theme-css">
  27.   <link rel="stylesheet" href="assets/vendor/css/rtl/colors.css" class="theme-settings-colors-css">
  28.   <link rel="stylesheet" href="assets/vendor/css/rtl/uikit.css">
  29.   <link rel="stylesheet" href="assets/css/demo.css">
  30.  
  31.   <!-- Load polyfills -->
  32.   <script src="assets/vendor/js/polyfills.js"></script>
  33.   <script>document['documentMode']===10&&document.write('<script src="https://polyfill.io/v3/polyfill.min.js?features=Intl.~locale.en"><\/script>')</script>
  34.  
  35.  <script src="assets/vendor/js/material-ripple.js"></script>
  36.  <script src="assets/vendor/js/layout-helpers.js"></script>
  37.  
  38.  <!-- Theme settings -->
  39.  <!-- This file MUST be included after core stylesheets and layout-helpers.js in the <head> section -->
  40.  <script src="assets/vendor/js/theme-settings.js"></script>
  41.  
  42.  
  43.  <!-- Core scripts -->
  44.  <script src="assets/vendor/js/pace.js"></script>
  45.  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  46.  
  47.  <!-- Libs -->
  48.  <link rel="stylesheet" href="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css">
  49.  
  50. </head>
  51.  
  52. <body>
  53.  <div class="page-loader">
  54.    <div class="bg-primary"></div>
  55.  </div>
  56.  
  57.  <!-- Layout wrapper -->
  58.  <div class="layout-wrapper layout-2">
  59.    <div class="layout-inner">
  60.  
  61.      <!-- Layout sidenav -->
  62.      
  63.      <!-- / Layout sidenav -->
  64.  
  65.      <!-- Layout container -->
  66.      <div class="layout-container">
  67.        <!-- Layout navbar -->
  68.        <nav class="layout-navbar navbar navbar-expand-lg align-items-lg-center bg-white container-p-x" id="layout-navbar">
  69.  
  70.          <!-- Brand demo (see assets/css/demo/demo.css) -->
  71.          <a href="index.html" class="navbar-brand app-brand demo d-lg-none py-0 mr-4">
  72.            <span class="app-brand-logo demo bg-primary">
  73.              <svg viewBox="0 0 148 80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="a" x1="46.49" x2="62.46" y1="53.39" y2="48.2" gradientUnits="userSpaceOnUse"><stop stop-opacity=".25" offset="0"></stop><stop stop-opacity=".1" offset=".3"></stop><stop stop-opacity="0" offset=".9"></stop></linearGradient><linearGradient id="e" x1="76.9" x2="92.64" y1="26.38" y2="31.49" xlink:href="#a"></linearGradient><linearGradient id="d" x1="107.12" x2="122.74" y1="53.41" y2="48.33" xlink:href="#a"></linearGradient></defs><path style="fill: #fff;" transform="translate(-.1)" d="M121.36,0,104.42,45.08,88.71,3.28A5.09,5.09,0,0,0,83.93,0H64.27A5.09,5.09,0,0,0,59.5,3.28L43.79,45.08,26.85,0H.1L29.43,76.74A5.09,5.09,0,0,0,34.19,80H53.39a5.09,5.09,0,0,0,4.77-3.26L74.1,35l16,41.74A5.09,5.09,0,0,0,94.82,80h18.95a5.09,5.09,0,0,0,4.76-3.24L148.1,0Z"></path><path transform="translate(-.1)" d="M52.19,22.73l-8.4,22.35L56.51,78.94a5,5,0,0,0,1.64-2.19l7.34-19.2Z" fill="url(#a)"></path><path transform="translate(-.1)" d="M95.73,22l-7-18.69a5,5,0,0,0-1.64-2.21L74.1,35l8.33,21.79Z" fill="url(#e)"></path><path transform="translate(-.1)" d="M112.73,23l-8.31,22.12,12.66,33.7a5,5,0,0,0,1.45-2l7.3-18.93Z" fill="url(#d)"></path></svg>
  74.             </span>
  75.             <span class="app-brand-text demo font-weight-normal ml-2">Appwork</span>
  76.           </a>
  77.  
  78.           <!-- Sidenav toggle (see assets/css/demo/demo.css) -->
  79.           <div class="layout-sidenav-toggle navbar-nav d-lg-none align-items-lg-center mr-auto">
  80.             <a class="nav-item nav-link px-0 mr-lg-4" href="javascript:void(0)">
  81.               <i class="ion ion-md-menu text-large align-middle"></i>
  82.             </a>
  83.           </div>
  84.  
  85.           <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#layout-navbar-collapse">
  86.             <span class="navbar-toggler-icon"></span>
  87.           </button>
  88.  
  89.           <div class="navbar-collapse collapse" id="layout-navbar-collapse">
  90.             <!-- Divider -->
  91.             <hr class="d-lg-none w-100 my-2">
  92.  
  93.             <div class="navbar-nav align-items-lg-center">
  94.               <!-- Search -->
  95.               <label class="nav-item navbar-text navbar-search-box p-0 active">
  96.                 <i class="ion ion-ios-search navbar-icon align-middle"></i>
  97.                 <span class="navbar-search-input pl-2">
  98.                   <input type="text" class="form-control navbar-text mx-2" placeholder="Search..." style="width:200px">
  99.                 </span>
  100.               </label>
  101.             </div>
  102.  
  103.             <div class="navbar-nav align-items-lg-center ml-auto">
  104.               <div class="demo-navbar-notifications nav-item dropdown mr-lg-3">
  105.                 <a class="nav-link dropdown-toggle hide-arrow" href="#" data-toggle="dropdown">
  106.                   <i class="ion ion-md-notifications-outline navbar-icon align-middle"></i>
  107.                   <span class="badge badge-primary badge-dot indicator"></span>
  108.                   <span class="d-lg-none align-middle">&nbsp; Notifications</span>
  109.                 </a>
  110.                 <div class="dropdown-menu dropdown-menu-right">
  111.                   <div class="bg-primary text-center text-white font-weight-bold p-3">
  112.                     4 New Notifications
  113.                   </div>
  114.                   <div class="list-group list-group-flush">
  115.                     <a href="javascript:void(0)" class="list-group-item list-group-item-action media d-flex align-items-center">
  116.                       <div class="ui-icon ui-icon-sm ion ion-md-home bg-secondary border-0 text-white"></div>
  117.                       <div class="media-body line-height-condenced ml-3">
  118.                         <div class="text-body">Login from 192.168.1.1</div>
  119.                         <div class="text-light small mt-1">
  120.                           Aliquam ex eros, imperdiet vulputate hendrerit et.
  121.                         </div>
  122.                         <div class="text-light small mt-1">12h ago</div>
  123.                       </div>
  124.                     </a>
  125.  
  126.                     <a href="javascript:void(0)" class="list-group-item list-group-item-action media d-flex align-items-center">
  127.                       <div class="ui-icon ui-icon-sm ion ion-md-person-add bg-info border-0 text-white"></div>
  128.                       <div class="media-body line-height-condenced ml-3">
  129.                         <div class="text-body">You have <strong>4</strong> new followers</div>
  130.                         <div class="text-light small mt-1">
  131.                           Phasellus nunc nisl, posuere cursus pretium nec, dictum vehicula tellus.
  132.                         </div>
  133.                       </div>
  134.                     </a>
  135.  
  136.                     <a href="javascript:void(0)" class="list-group-item list-group-item-action media d-flex align-items-center">
  137.                       <div class="ui-icon ui-icon-sm ion ion-md-power bg-danger border-0 text-white"></div>
  138.                       <div class="media-body line-height-condenced ml-3">
  139.                         <div class="text-body">Server restarted</div>
  140.                         <div class="text-light small mt-1">
  141.                           19h ago
  142.                         </div>
  143.                       </div>
  144.                     </a>
  145.  
  146.                     <a href="javascript:void(0)" class="list-group-item list-group-item-action media d-flex align-items-center">
  147.                       <div class="ui-icon ui-icon-sm ion ion-md-warning bg-warning border-0 text-body"></div>
  148.                       <div class="media-body line-height-condenced ml-3">
  149.                         <div class="text-body">99% server load</div>
  150.                         <div class="text-light small mt-1">
  151.                           Etiam nec fringilla magna. Donec mi metus.
  152.                         </div>
  153.                         <div class="text-light small mt-1">
  154.                           20h ago
  155.                         </div>
  156.                       </div>
  157.                     </a>
  158.                   </div>
  159.  
  160.                   <a href="javascript:void(0)" class="d-block text-center text-light small p-2 my-1">Show all notifications</a>
  161.                 </div>
  162.               </div>
  163.  
  164.               <div class="demo-navbar-messages nav-item dropdown mr-lg-3">
  165.                 <a class="nav-link dropdown-toggle hide-arrow" href="#" data-toggle="dropdown">
  166.                   <i class="ion ion-ios-mail navbar-icon align-middle"></i>
  167.                   <span class="badge badge-primary badge-dot indicator"></span>
  168.                   <span class="d-lg-none align-middle">&nbsp; Messages</span>
  169.                 </a>
  170.                 <div class="dropdown-menu dropdown-menu-right">
  171.                   <div class="bg-primary text-center text-white font-weight-bold p-3">
  172.                     4 New Messages
  173.                   </div>
  174.                   <div class="list-group list-group-flush">
  175.                     <a href="javascript:void(0)" class="list-group-item list-group-item-action media d-flex align-items-center">
  176.                       <img src="assets/img/avatars/6-small.png" class="d-block ui-w-40 rounded-circle" alt>
  177.                       <div class="media-body ml-3">
  178.                         <div class="text-body line-height-condenced">Sit meis deleniti eu, pri vidit meliore docendi ut.</div>
  179.                         <div class="text-light small mt-1">
  180.                           Mae Gibson &nbsp;·&nbsp; 58m ago
  181.                         </div>
  182.                       </div>
  183.                     </a>
  184.  
  185.                     <a href="javascript:void(0)" class="list-group-item list-group-item-action media d-flex align-items-center">
  186.                       <img src="assets/img/avatars/4-small.png" class="d-block ui-w-40 rounded-circle" alt>
  187.                       <div class="media-body ml-3">
  188.                         <div class="text-body line-height-condenced">Mea et legere fuisset, ius amet purto luptatum te.</div>
  189.                         <div class="text-light small mt-1">
  190.                           Kenneth Frazier &nbsp;·&nbsp; 1h ago
  191.                         </div>
  192.                       </div>
  193.                     </a>
  194.  
  195.                     <a href="javascript:void(0)" class="list-group-item list-group-item-action media d-flex align-items-center">
  196.                       <img src="assets/img/avatars/5-small.png" class="d-block ui-w-40 rounded-circle" alt>
  197.                       <div class="media-body ml-3">
  198.                         <div class="text-body line-height-condenced">Sit meis deleniti eu, pri vidit meliore docendi ut.</div>
  199.                         <div class="text-light small mt-1">
  200.                           Nelle Maxwell &nbsp;·&nbsp; 2h ago
  201.                         </div>
  202.                       </div>
  203.                     </a>
  204.  
  205.                     <a href="javascript:void(0)" class="list-group-item list-group-item-action media d-flex align-items-center">
  206.                       <img src="assets/img/avatars/11-small.png" class="d-block ui-w-40 rounded-circle" alt>
  207.                       <div class="media-body ml-3">
  208.                         <div class="text-body line-height-condenced">Lorem ipsum dolor sit amet, vis erat denique in, dicunt prodesset te vix.</div>
  209.                         <div class="text-light small mt-1">
  210.                           Belle Ross &nbsp;·&nbsp; 5h ago
  211.                         </div>
  212.                       </div>
  213.                     </a>
  214.                   </div>
  215.  
  216.                   <a href="javascript:void(0)" class="d-block text-center text-light small p-2 my-1">Show all messages</a>
  217.                 </div>
  218.               </div>
  219.  
  220.               <!-- Divider -->
  221.               <div class="nav-item d-none d-lg-block text-big font-weight-light line-height-1 opacity-25 mr-3 ml-1">|</div>
  222.  
  223.               <div class="demo-navbar-user nav-item dropdown">
  224.                 <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
  225.                   <span class="d-inline-flex flex-lg-row-reverse align-items-center align-middle">
  226.                     <img src="assets/img/avatars/1.png" alt class="d-block ui-w-30 rounded-circle">
  227.                     <span class="px-1 mr-lg-2 ml-2 ml-lg-0">Mike Greene</span>
  228.                   </span>
  229.                 </a>
  230.                 <div class="dropdown-menu dropdown-menu-right">
  231.                   <a href="javascript:void(0)" class="dropdown-item"><i class="ion ion-ios-person text-lightest"></i> &nbsp; My profile</a>
  232.                   <a href="javascript:void(0)" class="dropdown-item"><i class="ion ion-ios-mail text-lightest"></i> &nbsp; Messages</a>
  233.                   <a href="javascript:void(0)" class="dropdown-item"><i class="ion ion-md-settings text-lightest"></i> &nbsp; Account settings</a>
  234.                   <div class="dropdown-divider"></div>
  235.                   <a href="javascript:void(0)" class="dropdown-item"><i class="ion ion-ios-log-out text-danger"></i> &nbsp; Log Out</a>
  236.                 </div>
  237.               </div>
  238.             </div>
  239.           </div>
  240.         </nav>
  241.         <!-- / Layout navbar -->
  242.  
  243.         <!-- Layout content -->
  244.         <div class="layout-content">
  245.  
  246.           <!-- Content -->
  247.           <div class="container-fluid flex-grow-1 container-p-y">
  248.  
  249.  
  250.             <!-- Counters -->
  251.             <div class="row">
  252.               <div class="col-sm-6 col-xl-3">
  253.  
  254.                 <div class="card mb-4">
  255.                   <div class="card-body">
  256.                     <div class="d-flex align-items-center mb-2">
  257.                       <div class="lnr lnr-cart display-4 text-success"></div>
  258.                       <div class="ml-3">
  259.                         <label class="switcher switcher-success">
  260.                           <input type="checkbox" class="switcher-input" checked="">
  261.                           <span class="switcher-indicator">
  262.                             <span class="switcher-yes">
  263.                               <span class="ion ion-md-checkmark"></span>
  264.                             </span>
  265.                             <span class="switcher-no">
  266.                               <span class="ion ion-md-close"></span>
  267.                             </span>
  268.                           </span>
  269.                           <span class="switcher-label">Success</span>
  270.                         </label>
  271.                       </div>
  272.                     </div>
  273.                     <div class="d-flex align-items-center">
  274.                       <div class="lnr lnr-cart display-4 text-success"></div>
  275.                       <div class="ml-3">
  276.                         <label class="switcher switcher-success">
  277.                           <input type="checkbox" class="switcher-input" checked="">
  278.                           <span class="switcher-indicator">
  279.                             <span class="switcher-yes">
  280.                               <span class="ion ion-md-checkmark"></span>
  281.                             </span>
  282.                             <span class="switcher-no">
  283.                               <span class="ion ion-md-close"></span>
  284.                             </span>
  285.                           </span>
  286.                           <span class="switcher-label">Success</span>
  287.                         </label>
  288.                       </div>
  289.                     </div>
  290.                   </div>
  291.                 </div>
  292.               </div>
  293.             </div>
  294.             <!-- / Counters -->
  295.  
  296.        
  297.  
  298.           </div>
  299.           <!-- / Content -->
  300.  
  301.        
  302.  
  303.         </div>
  304.         <!-- Layout content -->
  305.  
  306.       </div>
  307.       <!-- / Layout container -->
  308.  
  309.     </div>
  310.  
  311.     <!-- Overlay -->
  312.     <div class="layout-overlay layout-sidenav-toggle"></div>
  313.   </div>
  314.   <!-- / Layout wrapper -->
  315.  
  316.   <!-- Core scripts -->
  317.   <script src="assets/vendor/libs/popper/popper.js"></script>
  318.   <script src="assets/vendor/js/bootstrap.js"></script>
  319.   <script src="assets/vendor/js/sidenav.js"></script>
  320.  
  321.   <!-- Libs -->
  322.   <script src="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
  323.   <script src="assets/vendor/libs/chartjs/chartjs.js"></script>
  324.  
  325.   <!-- Demo -->
  326.   <script src="assets/js/demo.js"></script>
  327.   <script src="assets/js/dashboards_dashboard-1.js"></script>
  328. </body>
  329.  
  330. </html>
RAW Paste Data
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
 
Top