src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/pages/examples/404.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta charset="utf-8">
   5   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   6   <title>AdminLTE 2 | 404 Page not found</title>
   7   <!-- Tell the browser to be responsive to screen width -->
   8   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
   9   <!-- Bootstrap 3.3.6 -->
  10   <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
  11   <!-- Font Awesome -->
  12   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  13   <!-- Ionicons -->
  14   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  15   <!-- Theme style -->
  16   <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
  17   <!-- AdminLTE Skins. Choose a skin from the css/skins
  18        folder instead of downloading all of them to reduce the load. -->
  19   <link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
  20
  21   <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  22   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  23   <!--[if lt IE 9]>
  24   <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  25   <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  26   <![endif]-->
  27 </head>
  28 <body class="hold-transition skin-blue sidebar-mini">
  29 <div class="wrapper">
  30
  31   <header class="main-header">
  32     <!-- Logo -->
  33     <a href="../../index2.html" class="logo">
  34       <!-- mini logo for sidebar mini 50x50 pixels -->
  35       <span class="logo-mini"><b>A</b>LT</span>
  36       <!-- logo for regular state and mobile devices -->
  37       <span class="logo-lg"><b>Admin</b>LTE</span>
  38     </a>
  39     <!-- Header Navbar: style can be found in header.less -->
  40     <nav class="navbar navbar-static-top">
  41       <!-- Sidebar toggle button-->
  42       <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
  43         <span class="sr-only">Toggle navigation</span>
  44         <span class="icon-bar"></span>
  45         <span class="icon-bar"></span>
  46         <span class="icon-bar"></span>
  47       </a>
  48
  49       <div class="navbar-custom-menu">
  50         <ul class="nav navbar-nav">
  51           <!-- Messages: style can be found in dropdown.less-->
  52           <li class="dropdown messages-menu">
  53             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  54               <i class="fa fa-envelope-o"></i>
  55               <span class="label label-success">4</span>
  56             </a>
  57             <ul class="dropdown-menu">
  58               <li class="header">You have 4 messages</li>
  59               <li>
  60                 <!-- inner menu: contains the actual data -->
  61                 <ul class="menu">
  62                   <li><!-- start message -->
  63                     <a href="#">
  64                       <div class="pull-left">
  65                         <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
  66                       </div>
  67                       <h4>
  68                         Support Team
  69                         <small><i class="fa fa-clock-o"></i> 5 mins</small>
  70                       </h4>
  71                       <p>Why not buy a new awesome theme?</p>
  72                     </a>
  73                   </li>
  74                   <!-- end message -->
  75                   <li>
  76                     <a href="#">
  77                       <div class="pull-left">
  78                         <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
  79                       </div>
  80                       <h4>
  81                         AdminLTE Design Team
  82                         <small><i class="fa fa-clock-o"></i> 2 hours</small>
  83                       </h4>
  84                       <p>Why not buy a new awesome theme?</p>
  85                     </a>
  86                   </li>
  87                   <li>
  88                     <a href="#">
  89                       <div class="pull-left">
  90                         <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
  91                       </div>
  92                       <h4>
  93                         Developers
  94                         <small><i class="fa fa-clock-o"></i> Today</small>
  95                       </h4>
  96                       <p>Why not buy a new awesome theme?</p>
  97                     </a>
  98                   </li>
  99                   <li>
 100                     <a href="#">
 101                       <div class="pull-left">
 102                         <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
 103                       </div>
 104                       <h4>
 105                         Sales Department
 106                         <small><i class="fa fa-clock-o"></i> Yesterday</small>
 107                       </h4>
 108                       <p>Why not buy a new awesome theme?</p>
 109                     </a>
 110                   </li>
 111                   <li>
 112                     <a href="#">
 113                       <div class="pull-left">
 114                         <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
 115                       </div>
 116                       <h4>
 117                         Reviewers
 118                         <small><i class="fa fa-clock-o"></i> 2 days</small>
 119                       </h4>
 120                       <p>Why not buy a new awesome theme?</p>
 121                     </a>
 122                   </li>
 123                 </ul>
 124               </li>
 125               <li class="footer"><a href="#">See All Messages</a></li>
 126             </ul>
 127           </li>
 128           <!-- Notifications: style can be found in dropdown.less -->
 129           <li class="dropdown notifications-menu">
 130             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 131               <i class="fa fa-bell-o"></i>
 132               <span class="label label-warning">10</span>
 133             </a>
 134             <ul class="dropdown-menu">
 135               <li class="header">You have 10 notifications</li>
 136               <li>
 137                 <!-- inner menu: contains the actual data -->
 138                 <ul class="menu">
 139                   <li>
 140                     <a href="#">
 141                       <i class="fa fa-users text-aqua"></i> 5 new members joined today
 142                     </a>
 143                   </li>
 144                   <li>
 145                     <a href="#">
 146                       <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
 147                       page and may cause design problems
 148                     </a>
 149                   </li>
 150                   <li>
 151                     <a href="#">
 152                       <i class="fa fa-users text-red"></i> 5 new members joined
 153                     </a>
 154                   </li>
 155                   <li>
 156                     <a href="#">
 157                       <i class="fa fa-shopping-cart text-green"></i> 25 sales made
 158                     </a>
 159                   </li>
 160                   <li>
 161                     <a href="#">
 162                       <i class="fa fa-user text-red"></i> You changed your username
 163                     </a>
 164                   </li>
 165                 </ul>
 166               </li>
 167               <li class="footer"><a href="#">View all</a></li>
 168             </ul>
 169           </li>
 170           <!-- Tasks: style can be found in dropdown.less -->
 171           <li class="dropdown tasks-menu">
 172             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 173               <i class="fa fa-flag-o"></i>
 174               <span class="label label-danger">9</span>
 175             </a>
 176             <ul class="dropdown-menu">
 177               <li class="header">You have 9 tasks</li>
 178               <li>
 179                 <!-- inner menu: contains the actual data -->
 180                 <ul class="menu">
 181                   <li><!-- Task item -->
 182                     <a href="#">
 183                       <h3>
 184                         Design some buttons
 185                         <small class="pull-right">20%</small>
 186                       </h3>
 187                       <div class="progress xs">
 188                         <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
 189                           <span class="sr-only">20% Complete</span>
 190                         </div>
 191                       </div>
 192                     </a>
 193                   </li>
 194                   <!-- end task item -->
 195                   <li><!-- Task item -->
 196                     <a href="#">
 197                       <h3>
 198                         Create a nice theme
 199                         <small class="pull-right">40%</small>
 200                       </h3>
 201                       <div class="progress xs">
 202                         <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
 203                           <span class="sr-only">40% Complete</span>
 204                         </div>
 205                       </div>
 206                     </a>
 207                   </li>
 208                   <!-- end task item -->
 209                   <li><!-- Task item -->
 210                     <a href="#">
 211                       <h3>
 212                         Some task I need to do
 213                         <small class="pull-right">60%</small>
 214                       </h3>
 215                       <div class="progress xs">
 216                         <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
 217                           <span class="sr-only">60% Complete</span>
 218                         </div>
 219                       </div>
 220                     </a>
 221                   </li>
 222                   <!-- end task item -->
 223                   <li><!-- Task item -->
 224                     <a href="#">
 225                       <h3>
 226                         Make beautiful transitions
 227                         <small class="pull-right">80%</small>
 228                       </h3>
 229                       <div class="progress xs">
 230                         <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
 231                           <span class="sr-only">80% Complete</span>
 232                         </div>
 233                       </div>
 234                     </a>
 235                   </li>
 236                   <!-- end task item -->
 237                 </ul>
 238               </li>
 239               <li class="footer">
 240                 <a href="#">View all tasks</a>
 241               </li>
 242             </ul>
 243           </li>
 244           <!-- User Account: style can be found in dropdown.less -->
 245           <li class="dropdown user user-menu">
 246             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 247               <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
 248               <span class="hidden-xs">Alexander Pierce</span>
 249             </a>
 250             <ul class="dropdown-menu">
 251               <!-- User image -->
 252               <li class="user-header">
 253                 <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
 254
 255                 <p>
 256                   Alexander Pierce - Web Developer
 257                   <small>Member since Nov. 2012</small>
 258                 </p>
 259               </li>
 260               <!-- Menu Body -->
 261               <li class="user-body">
 262                 <div class="row">
 263                   <div class="col-xs-4 text-center">
 264                     <a href="#">Followers</a>
 265                   </div>
 266                   <div class="col-xs-4 text-center">
 267                     <a href="#">Sales</a>
 268                   </div>
 269                   <div class="col-xs-4 text-center">
 270                     <a href="#">Friends</a>
 271                   </div>
 272                 </div>
 273                 <!-- /.row -->
 274               </li>
 275               <!-- Menu Footer-->
 276               <li class="user-footer">
 277                 <div class="pull-left">
 278                   <a href="#" class="btn btn-default btn-flat">Profile</a>
 279                 </div>
 280                 <div class="pull-right">
 281                   <a href="#" class="btn btn-default btn-flat">Sign out</a>
 282                 </div>
 283               </li>
 284             </ul>
 285           </li>
 286           <!-- Control Sidebar Toggle Button -->
 287           <li>
 288             <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
 289           </li>
 290         </ul>
 291       </div>
 292     </nav>
 293   </header>
 294   <!-- Left side column. contains the logo and sidebar -->
 295   <aside class="main-sidebar">
 296     <!-- sidebar: style can be found in sidebar.less -->
 297     <section class="sidebar">
 298       <!-- Sidebar user panel -->
 299       <div class="user-panel">
 300         <div class="pull-left image">
 301           <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
 302         </div>
 303         <div class="pull-left info">
 304           <p>Alexander Pierce</p>
 305           <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
 306         </div>
 307       </div>
 308       <!-- search form -->
 309       <form action="#" method="get" class="sidebar-form">
 310         <div class="input-group">
 311           <input type="text" name="q" class="form-control" placeholder="Search...">
 312               <span class="input-group-btn">
 313                 <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
 314                 </button>
 315               </span>
 316         </div>
 317       </form>
 318       <!-- /.search form -->
 319       <!-- sidebar menu: : style can be found in sidebar.less -->
 320       <ul class="sidebar-menu">
 321         <li class="header">MAIN NAVIGATION</li>
 322         <li class="treeview">
 323           <a href="#">
 324             <i class="fa fa-dashboard"></i> <span>Dashboard</span>
 325             <span class="pull-right-container">
 326               <i class="fa fa-angle-left pull-right"></i>
 327             </span>
 328           </a>
 329           <ul class="treeview-menu">
 330             <li><a href="../../index.html"><i class="fa fa-circle-o"></i> Dashboard v1</a></li>
 331             <li><a href="../../index2.html"><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
 332           </ul>
 333         </li>
 334         <li class="treeview">
 335           <a href="#">
 336             <i class="fa fa-files-o"></i>
 337             <span>Layout Options</span>
 338             <span class="pull-right-container">
 339               <span class="label label-primary pull-right">4</span>
 340             </span>
 341           </a>
 342           <ul class="treeview-menu">
 343             <li><a href="../layout/top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
 344             <li><a href="../layout/boxed.html"><i class="fa fa-circle-o"></i> Boxed</a></li>
 345             <li><a href="../layout/fixed.html"><i class="fa fa-circle-o"></i> Fixed</a></li>
 346           </ul>
 347         </li>
 348         <li>
 349           <a href="../widgets.html">
 350             <i class="fa fa-th"></i> <span>Widgets</span>
 351             <span class="pull-right-container">
 352               <small class="label pull-right bg-green">new</small>
 353             </span>
 354           </a>
 355         </li>
 356         <li class="treeview">
 357           <a href="#">
 358             <i class="fa fa-pie-chart"></i>
 359             <span>Charts</span>
 360             <span class="pull-right-container">
 361               <i class="fa fa-angle-left pull-right"></i>
 362             </span>
 363           </a>
 364           <ul class="treeview-menu">
 365             <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
 366             <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
 367             <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
 368             <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
 369             <li><a href="../layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i> Collapsed Sidebar</a></li>
 370           </ul>
 371         </li>
 372         <li class="treeview">
 373           <a href="#">
 374             <i class="fa fa-laptop"></i>
 375             <span>UI Elements</span>
 376             <span class="pull-right-container">
 377               <i class="fa fa-angle-left pull-right"></i>
 378             </span>
 379           </a>
 380           <ul class="treeview-menu">
 381             <li><a href="../UI/general.html"><i class="fa fa-circle-o"></i> General</a></li>
 382             <li><a href="../UI/icons.html"><i class="fa fa-circle-o"></i> Icons</a></li>
 383             <li><a href="../UI/buttons.html"><i class="fa fa-circle-o"></i> Buttons</a></li>
 384             <li><a href="../UI/sliders.html"><i class="fa fa-circle-o"></i> Sliders</a></li>
 385             <li><a href="../UI/timeline.html"><i class="fa fa-circle-o"></i> Timeline</a></li>
 386             <li><a href="../UI/modals.html"><i class="fa fa-circle-o"></i> Modals</a></li>
 387           </ul>
 388         </li>
 389         <li class="treeview">
 390           <a href="#">
 391             <i class="fa fa-edit"></i> <span>Forms</span>
 392             <span class="pull-right-container">
 393               <i class="fa fa-angle-left pull-right"></i>
 394             </span>
 395           </a>
 396           <ul class="treeview-menu">
 397             <li><a href="../forms/general.html"><i class="fa fa-circle-o"></i> General Elements</a></li>
 398             <li><a href="../forms/advanced.html"><i class="fa fa-circle-o"></i> Advanced Elements</a></li>
 399             <li><a href="../forms/editors.html"><i class="fa fa-circle-o"></i> Editors</a></li>
 400           </ul>
 401         </li>
 402         <li class="treeview">
 403           <a href="#">
 404             <i class="fa fa-table"></i> <span>Tables</span>
 405             <span class="pull-right-container">
 406               <i class="fa fa-angle-left pull-right"></i>
 407             </span>
 408           </a>
 409           <ul class="treeview-menu">
 410             <li><a href="../tables/simple.html"><i class="fa fa-circle-o"></i> Simple tables</a></li>
 411             <li><a href="../tables/data.html"><i class="fa fa-circle-o"></i> Data tables</a></li>
 412           </ul>
 413         </li>
 414         <li>
 415           <a href="../calendar.html">
 416             <i class="fa fa-calendar"></i> <span>Calendar</span>
 417             <span class="pull-right-container">
 418               <small class="label pull-right bg-red">3</small>
 419               <small class="label pull-right bg-blue">17</small>
 420             </span>
 421           </a>
 422         </li>
 423         <li>
 424           <a href="../mailbox/mailbox.html">
 425             <i class="fa fa-envelope"></i> <span>Mailbox</span>
 426             <span class="pull-right-container">
 427               <small class="label pull-right bg-yellow">12</small>
 428               <small class="label pull-right bg-green">16</small>
 429               <small class="label pull-right bg-red">5</small>
 430             </span>
 431           </a>
 432         </li>
 433         <li class="treeview active">
 434           <a href="#">
 435             <i class="fa fa-folder"></i> <span>Examples</span>
 436             <span class="pull-right-container">
 437               <i class="fa fa-angle-left pull-right"></i>
 438             </span>
 439           </a>
 440           <ul class="treeview-menu">
 441             <li><a href="invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
 442             <li><a href="profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
 443             <li><a href="login.html"><i class="fa fa-circle-o"></i> Login</a></li>
 444             <li><a href="register.html"><i class="fa fa-circle-o"></i> Register</a></li>
 445             <li><a href="lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
 446             <li class="active"><a href="404.html"><i class="fa fa-circle-o"></i> 404 Error</a></li>
 447             <li><a href="500.html"><i class="fa fa-circle-o"></i> 500 Error</a></li>
 448             <li><a href="blank.html"><i class="fa fa-circle-o"></i> Blank Page</a></li>
 449             <li><a href="pace.html"><i class="fa fa-circle-o"></i> Pace Page</a></li>
 450           </ul>
 451         </li>
 452         <li class="treeview">
 453           <a href="#">
 454             <i class="fa fa-share"></i> <span>Multilevel</span>
 455             <span class="pull-right-container">
 456               <i class="fa fa-angle-left pull-right"></i>
 457             </span>
 458           </a>
 459           <ul class="treeview-menu">
 460             <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
 461             <li>
 462               <a href="#"><i class="fa fa-circle-o"></i> Level One
 463                 <span class="pull-right-container">
 464                   <i class="fa fa-angle-left pull-right"></i>
 465                 </span>
 466               </a>
 467               <ul class="treeview-menu">
 468                 <li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
 469                 <li>
 470                   <a href="#"><i class="fa fa-circle-o"></i> Level Two
 471                     <span class="pull-right-container">
 472                       <i class="fa fa-angle-left pull-right"></i>
 473                     </span>
 474                   </a>
 475                   <ul class="treeview-menu">
 476                     <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
 477                     <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
 478                   </ul>
 479                 </li>
 480               </ul>
 481             </li>
 482             <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
 483           </ul>
 484         </li>
 485         <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
 486         <li class="header">LABELS</li>
 487         <li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>Important</span></a></li>
 488         <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>Warning</span></a></li>
 489         <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a></li>
 490       </ul>
 491     </section>
 492     <!-- /.sidebar -->
 493   </aside>
 494
 495   <!-- Content Wrapper. Contains page content -->
 496   <div class="content-wrapper">
 497     <!-- Content Header (Page header) -->
 498     <section class="content-header">
 499       <h1>
 500         404 Error Page
 501       </h1>
 502       <ol class="breadcrumb">
 503         <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
 504         <li><a href="#">Examples</a></li>
 505         <li class="active">404 error</li>
 506       </ol>
 507     </section>
 508
 509     <!-- Main content -->
 510     <section class="content">
 511       <div class="error-page">
 512         <h2 class="headline text-yellow"> 404</h2>
 513
 514         <div class="error-content">
 515           <h3><i class="fa fa-warning text-yellow"></i> Oops! Page not found.</h3>
 516
 517           <p>
 518             We could not find the page you were looking for.
 519             Meanwhile, you may <a href="../../index.html">return to dashboard</a> or try using the search form.
 520           </p>
 521
 522           <form class="search-form">
 523             <div class="input-group">
 524               <input type="text" name="search" class="form-control" placeholder="Search">
 525
 526               <div class="input-group-btn">
 527                 <button type="submit" name="submit" class="btn btn-warning btn-flat"><i class="fa fa-search"></i>
 528                 </button>
 529               </div>
 530             </div>
 531             <!-- /.input-group -->
 532           </form>
 533         </div>
 534         <!-- /.error-content -->
 535       </div>
 536       <!-- /.error-page -->
 537     </section>
 538     <!-- /.content -->
 539   </div>
 540   <!-- /.content-wrapper -->
 541   <footer class="main-footer">
 542     <div class="pull-right hidden-xs">
 543       <b>Version</b> 2.3.7
 544     </div>
 545     <strong>Copyright &copy; 2014-2016 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
 546     reserved.
 547   </footer>
 548
 549   <!-- Control Sidebar -->
 550   <aside class="control-sidebar control-sidebar-dark">
 551     <!-- Create the tabs -->
 552     <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
 553       <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
 554       <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
 555     </ul>
 556     <!-- Tab panes -->
 557     <div class="tab-content">
 558       <!-- Home tab content -->
 559       <div class="tab-pane" id="control-sidebar-home-tab">
 560         <h3 class="control-sidebar-heading">Recent Activity</h3>
 561         <ul class="control-sidebar-menu">
 562           <li>
 563             <a href="javascript:void(0)">
 564               <i class="menu-icon fa fa-birthday-cake bg-red"></i>
 565
 566               <div class="menu-info">
 567                 <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
 568
 569                 <p>Will be 23 on April 24th</p>
 570               </div>
 571             </a>
 572           </li>
 573           <li>
 574             <a href="javascript:void(0)">
 575               <i class="menu-icon fa fa-user bg-yellow"></i>
 576
 577               <div class="menu-info">
 578                 <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
 579
 580                 <p>New phone +1(800)555-1234</p>
 581               </div>
 582             </a>
 583           </li>
 584           <li>
 585             <a href="javascript:void(0)">
 586               <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
 587
 588               <div class="menu-info">
 589                 <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
 590
 591                 <p>nora@example.com</p>
 592               </div>
 593             </a>
 594           </li>
 595           <li>
 596             <a href="javascript:void(0)">
 597               <i class="menu-icon fa fa-file-code-o bg-green"></i>
 598
 599               <div class="menu-info">
 600                 <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
 601
 602                 <p>Execution time 5 seconds</p>
 603               </div>
 604             </a>
 605           </li>
 606         </ul>
 607         <!-- /.control-sidebar-menu -->
 608
 609         <h3 class="control-sidebar-heading">Tasks Progress</h3>
 610         <ul class="control-sidebar-menu">
 611           <li>
 612             <a href="javascript:void(0)">
 613               <h4 class="control-sidebar-subheading">
 614                 Custom Template Design
 615                 <span class="label label-danger pull-right">70%</span>
 616               </h4>
 617
 618               <div class="progress progress-xxs">
 619                 <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
 620               </div>
 621             </a>
 622           </li>
 623           <li>
 624             <a href="javascript:void(0)">
 625               <h4 class="control-sidebar-subheading">
 626                 Update Resume
 627                 <span class="label label-success pull-right">95%</span>
 628               </h4>
 629
 630               <div class="progress progress-xxs">
 631                 <div class="progress-bar progress-bar-success" style="width: 95%"></div>
 632               </div>
 633             </a>
 634           </li>
 635           <li>
 636             <a href="javascript:void(0)">
 637               <h4 class="control-sidebar-subheading">
 638                 Laravel Integration
 639                 <span class="label label-warning pull-right">50%</span>
 640               </h4>
 641
 642               <div class="progress progress-xxs">
 643                 <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
 644               </div>
 645             </a>
 646           </li>
 647           <li>
 648             <a href="javascript:void(0)">
 649               <h4 class="control-sidebar-subheading">
 650                 Back End Framework
 651                 <span class="label label-primary pull-right">68%</span>
 652               </h4>
 653
 654               <div class="progress progress-xxs">
 655                 <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
 656               </div>
 657             </a>
 658           </li>
 659         </ul>
 660         <!-- /.control-sidebar-menu -->
 661
 662       </div>
 663       <!-- /.tab-pane -->
 664       <!-- Stats tab content -->
 665       <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
 666       <!-- /.tab-pane -->
 667       <!-- Settings tab content -->
 668       <div class="tab-pane" id="control-sidebar-settings-tab">
 669         <form method="post">
 670           <h3 class="control-sidebar-heading">General Settings</h3>
 671
 672           <div class="form-group">
 673             <label class="control-sidebar-subheading">
 674               Report panel usage
 675               <input type="checkbox" class="pull-right" checked>
 676             </label>
 677
 678             <p>
 679               Some information about this general settings option
 680             </p>
 681           </div>
 682           <!-- /.form-group -->
 683
 684           <div class="form-group">
 685             <label class="control-sidebar-subheading">
 686               Allow mail redirect
 687               <input type="checkbox" class="pull-right" checked>
 688             </label>
 689
 690             <p>
 691               Other sets of options are available
 692             </p>
 693           </div>
 694           <!-- /.form-group -->
 695
 696           <div class="form-group">
 697             <label class="control-sidebar-subheading">
 698               Expose author name in posts
 699               <input type="checkbox" class="pull-right" checked>
 700             </label>
 701
 702             <p>
 703               Allow the user to show his name in blog posts
 704             </p>
 705           </div>
 706           <!-- /.form-group -->
 707
 708           <h3 class="control-sidebar-heading">Chat Settings</h3>
 709
 710           <div class="form-group">
 711             <label class="control-sidebar-subheading">
 712               Show me as online
 713               <input type="checkbox" class="pull-right" checked>
 714             </label>
 715           </div>
 716           <!-- /.form-group -->
 717
 718           <div class="form-group">
 719             <label class="control-sidebar-subheading">
 720               Turn off notifications
 721               <input type="checkbox" class="pull-right">
 722             </label>
 723           </div>
 724           <!-- /.form-group -->
 725
 726           <div class="form-group">
 727             <label class="control-sidebar-subheading">
 728               Delete chat history
 729               <a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
 730             </label>
 731           </div>
 732           <!-- /.form-group -->
 733         </form>
 734       </div>
 735       <!-- /.tab-pane -->
 736     </div>
 737   </aside>
 738   <!-- /.control-sidebar -->
 739   <!-- Add the sidebar's background. This div must be placed
 740        immediately after the control sidebar -->
 741   <div class="control-sidebar-bg"></div>
 742 </div>
 743 <!-- ./wrapper -->
 744
 745 <!-- jQuery 2.2.3 -->
 746 <script src="../../plugins/jQuery/jquery-2.2.3.min.js"></script>
 747 <!-- Bootstrap 3.3.6 -->
 748 <script src="../../bootstrap/js/bootstrap.min.js"></script>
 749 <!-- FastClick -->
 750 <script src="../../plugins/fastclick/fastclick.js"></script>
 751 <!-- AdminLTE App -->
 752 <script src="../../dist/js/app.min.js"></script>
 753 <!-- AdminLTE for demo purposes -->
 754 <script src="../../dist/js/demo.js"></script>
 755 </body>
 756 </html>