API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 25th, 2019
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.05 KB | None | 0 0
raw download clone embed print report
  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>
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!