src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/pages/layout/fixed.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 | Fixed Layout</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 <!-- ADD THE CLASS fixed TO GET A FIXED HEADER AND SIDEBAR LAYOUT -->
  29 <!-- the fixed layout is not compatible with sidebar-mini -->
  30 <body class="hold-transition skin-blue fixed sidebar-mini">
  31 <!-- Site wrapper -->
  32 <div class="wrapper">
  33
  34   <header class="main-header">
  35     <!-- Logo -->
  36     <a href="../../index2.html" class="logo">
  37       <!-- mini logo for sidebar mini 50x50 pixels -->
  38       <span class="logo-mini"><b>A</b>LT</span>
  39       <!-- logo for regular state and mobile devices -->
  40       <span class="logo-lg"><b>Admin</b>LTE</span>
  41     </a>
  42     <!-- Header Navbar: style can be found in header.less -->
  43     <nav class="navbar navbar-static-top">
  44       <!-- Sidebar toggle button-->
  45       <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
  46         <span class="sr-only">Toggle navigation</span>
  47         <span class="icon-bar"></span>
  48         <span class="icon-bar"></span>
  49         <span class="icon-bar"></span>
  50       </a>
  51
  52       <div class="navbar-custom-menu">
  53         <ul class="nav navbar-nav">
  54           <!-- Messages: style can be found in dropdown.less-->
  55           <li class="dropdown messages-menu">
  56             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  57               <i class="fa fa-envelope-o"></i>
  58               <span class="label label-success">4</span>
  59             </a>
  60             <ul class="dropdown-menu">
  61               <li class="header">You have 4 messages</li>
  62               <li>
  63                 <!-- inner menu: contains the actual data -->
  64                 <ul class="menu">
  65                   <li><!-- start message -->
  66                     <a href="#">
  67                       <div class="pull-left">
  68                         <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
  69                       </div>
  70                       <h4>
  71                         Support Team
  72                         <small><i class="fa fa-clock-o"></i> 5 mins</small>
  73                       </h4>
  74                       <p>Why not buy a new awesome theme?</p>
  75                     </a>
  76                   </li>
  77                   <!-- end message -->
  78                 </ul>
  79               </li>
  80               <li class="footer"><a href="#">See All Messages</a></li>
  81             </ul>
  82           </li>
  83           <!-- Notifications: style can be found in dropdown.less -->
  84           <li class="dropdown notifications-menu">
  85             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  86               <i class="fa fa-bell-o"></i>
  87               <span class="label label-warning">10</span>
  88             </a>
  89             <ul class="dropdown-menu">
  90               <li class="header">You have 10 notifications</li>
  91               <li>
  92                 <!-- inner menu: contains the actual data -->
  93                 <ul class="menu">
  94                   <li>
  95                     <a href="#">
  96                       <i class="fa fa-users text-aqua"></i> 5 new members joined today
  97                     </a>
  98                   </li>
  99                 </ul>
 100               </li>
 101               <li class="footer"><a href="#">View all</a></li>
 102             </ul>
 103           </li>
 104           <!-- Tasks: style can be found in dropdown.less -->
 105           <li class="dropdown tasks-menu">
 106             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 107               <i class="fa fa-flag-o"></i>
 108               <span class="label label-danger">9</span>
 109             </a>
 110             <ul class="dropdown-menu">
 111               <li class="header">You have 9 tasks</li>
 112               <li>
 113                 <!-- inner menu: contains the actual data -->
 114                 <ul class="menu">
 115                   <li><!-- Task item -->
 116                     <a href="#">
 117                       <h3>
 118                         Design some buttons
 119                         <small class="pull-right">20%</small>
 120                       </h3>
 121                       <div class="progress xs">
 122                         <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
 123                           <span class="sr-only">20% Complete</span>
 124                         </div>
 125                       </div>
 126                     </a>
 127                   </li>
 128                   <!-- end task item -->
 129                 </ul>
 130               </li>
 131               <li class="footer">
 132                 <a href="#">View all tasks</a>
 133               </li>
 134             </ul>
 135           </li>
 136           <!-- User Account: style can be found in dropdown.less -->
 137           <li class="dropdown user user-menu">
 138             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 139               <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
 140               <span class="hidden-xs">Alexander Pierce</span>
 141             </a>
 142             <ul class="dropdown-menu">
 143               <!-- User image -->
 144               <li class="user-header">
 145                 <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
 146
 147                 <p>
 148                   Alexander Pierce - Web Developer
 149                   <small>Member since Nov. 2012</small>
 150                 </p>
 151               </li>
 152               <!-- Menu Body -->
 153               <li class="user-body">
 154                 <div class="row">
 155                   <div class="col-xs-4 text-center">
 156                     <a href="#">Followers</a>
 157                   </div>
 158                   <div class="col-xs-4 text-center">
 159                     <a href="#">Sales</a>
 160                   </div>
 161                   <div class="col-xs-4 text-center">
 162                     <a href="#">Friends</a>
 163                   </div>
 164                 </div>
 165                 <!-- /.row -->
 166               </li>
 167               <!-- Menu Footer-->
 168               <li class="user-footer">
 169                 <div class="pull-left">
 170                   <a href="#" class="btn btn-default btn-flat">Profile</a>
 171                 </div>
 172                 <div class="pull-right">
 173                   <a href="#" class="btn btn-default btn-flat">Sign out</a>
 174                 </div>
 175               </li>
 176             </ul>
 177           </li>
 178           <!-- Control Sidebar Toggle Button -->
 179           <li>
 180             <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
 181           </li>
 182         </ul>
 183       </div>
 184     </nav>
 185   </header>
 186
 187   <!-- =============================================== -->
 188
 189   <!-- Left side column. contains the sidebar -->
 190   <aside class="main-sidebar">
 191     <!-- sidebar: style can be found in sidebar.less -->
 192     <section class="sidebar">
 193       <!-- Sidebar user panel -->
 194       <div class="user-panel">
 195         <div class="pull-left image">
 196           <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
 197         </div>
 198         <div class="pull-left info">
 199           <p>Alexander Pierce</p>
 200           <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
 201         </div>
 202       </div>
 203       <!-- search form -->
 204       <form action="#" method="get" class="sidebar-form">
 205         <div class="input-group">
 206           <input type="text" name="q" class="form-control" placeholder="Search...">
 207               <span class="input-group-btn">
 208                 <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
 209                 </button>
 210               </span>
 211         </div>
 212       </form>
 213       <!-- /.search form -->
 214       <!-- sidebar menu: : style can be found in sidebar.less -->
 215       <ul class="sidebar-menu">
 216         <li class="header">MAIN NAVIGATION</li>
 217         <li class="treeview">
 218           <a href="#">
 219             <i class="fa fa-dashboard"></i> <span>Dashboard</span>
 220             <span class="pull-right-container">
 221               <i class="fa fa-angle-left pull-right"></i>
 222             </span>
 223           </a>
 224           <ul class="treeview-menu">
 225             <li><a href="../../index.html"><i class="fa fa-circle-o"></i> Dashboard v1</a></li>
 226             <li><a href="../../index2.html"><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
 227           </ul>
 228         </li>
 229         <li class="treeview active">
 230           <a href="#">
 231             <i class="fa fa-files-o"></i>
 232             <span>Layout Options</span>
 233             <span class="pull-right-container">
 234               <span class="label label-primary pull-right">4</span>
 235             </span>
 236           </a>
 237           <ul class="treeview-menu">
 238             <li><a href="../layout/top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
 239             <li><a href="../layout/boxed.html"><i class="fa fa-circle-o"></i> Boxed</a></li>
 240             <li class="active"><a href="../layout/fixed.html"><i class="fa fa-circle-o"></i> Fixed</a></li>
 241             <li><a href="collapsed-sidebar.html"><i class="fa fa-circle-o"></i> Collapsed Sidebar</a></li>
 242           </ul>
 243         </li>
 244         <li>
 245           <a href="../widgets.html">
 246             <i class="fa fa-th"></i> <span>Widgets</span>
 247             <span class="pull-right-container">
 248               <small class="label pull-right bg-green">new</small>
 249             </span>
 250           </a>
 251         </li>
 252         <li class="treeview">
 253           <a href="#">
 254             <i class="fa fa-pie-chart"></i>
 255             <span>Charts</span>
 256             <span class="pull-right-container">
 257               <i class="fa fa-angle-left pull-right"></i>
 258             </span>
 259           </a>
 260           <ul class="treeview-menu">
 261             <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
 262             <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
 263             <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
 264             <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
 265           </ul>
 266         </li>
 267         <li class="treeview">
 268           <a href="#">
 269             <i class="fa fa-laptop"></i>
 270             <span>UI Elements</span>
 271             <span class="pull-right-container">
 272               <i class="fa fa-angle-left pull-right"></i>
 273             </span>
 274           </a>
 275           <ul class="treeview-menu">
 276             <li><a href="../UI/general.html"><i class="fa fa-circle-o"></i> General</a></li>
 277             <li><a href="../UI/icons.html"><i class="fa fa-circle-o"></i> Icons</a></li>
 278             <li><a href="../UI/buttons.html"><i class="fa fa-circle-o"></i> Buttons</a></li>
 279             <li><a href="../UI/sliders.html"><i class="fa fa-circle-o"></i> Sliders</a></li>
 280             <li><a href="../UI/timeline.html"><i class="fa fa-circle-o"></i> Timeline</a></li>
 281             <li><a href="../UI/modals.html"><i class="fa fa-circle-o"></i> Modals</a></li>
 282           </ul>
 283         </li>
 284         <li class="treeview">
 285           <a href="#">
 286             <i class="fa fa-edit"></i> <span>Forms</span>
 287             <span class="pull-right-container">
 288               <i class="fa fa-angle-left pull-right"></i>
 289             </span>
 290           </a>
 291           <ul class="treeview-menu">
 292             <li><a href="../forms/general.html"><i class="fa fa-circle-o"></i> General Elements</a></li>
 293             <li><a href="../forms/advanced.html"><i class="fa fa-circle-o"></i> Advanced Elements</a></li>
 294             <li><a href="../forms/editors.html"><i class="fa fa-circle-o"></i> Editors</a></li>
 295           </ul>
 296         </li>
 297         <li class="treeview">
 298           <a href="#">
 299             <i class="fa fa-table"></i> <span>Tables</span>
 300             <span class="pull-right-container">
 301               <i class="fa fa-angle-left pull-right"></i>
 302             </span>
 303           </a>
 304           <ul class="treeview-menu">
 305             <li><a href="../tables/simple.html"><i class="fa fa-circle-o"></i> Simple tables</a></li>
 306             <li><a href="../tables/data.html"><i class="fa fa-circle-o"></i> Data tables</a></li>
 307           </ul>
 308         </li>
 309         <li>
 310           <a href="../calendar.html">
 311             <i class="fa fa-calendar"></i> <span>Calendar</span>
 312             <span class="pull-right-container">
 313               <small class="label pull-right bg-red">3</small>
 314               <small class="label pull-right bg-blue">17</small>
 315             </span>
 316           </a>
 317         </li>
 318         <li>
 319           <a href="../mailbox/mailbox.html">
 320             <i class="fa fa-envelope"></i> <span>Mailbox</span>
 321             <span class="pull-right-container">
 322               <small class="label pull-right bg-yellow">12</small>
 323               <small class="label pull-right bg-green">16</small>
 324               <small class="label pull-right bg-red">5</small>
 325             </span>
 326           </a>
 327         </li>
 328         <li class="treeview">
 329           <a href="#">
 330             <i class="fa fa-folder"></i> <span>Examples</span>
 331             <span class="pull-right-container">
 332               <i class="fa fa-angle-left pull-right"></i>
 333             </span>
 334           </a>
 335           <ul class="treeview-menu">
 336             <li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
 337             <li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
 338             <li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
 339             <li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
 340             <li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
 341             <li><a href="../examples/404.html"><i class="fa fa-circle-o"></i> 404 Error</a></li>
 342             <li><a href="../examples/500.html"><i class="fa fa-circle-o"></i> 500 Error</a></li>
 343             <li><a href="../examples/blank.html"><i class="fa fa-circle-o"></i> Blank Page</a></li>
 344             <li><a href="../examples/pace.html"><i class="fa fa-circle-o"></i> Pace Page</a></li>
 345           </ul>
 346         </li>
 347         <li class="treeview">
 348           <a href="#">
 349             <i class="fa fa-share"></i> <span>Multilevel</span>
 350             <span class="pull-right-container">
 351               <i class="fa fa-angle-left pull-right"></i>
 352             </span>
 353           </a>
 354           <ul class="treeview-menu">
 355             <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
 356             <li>
 357               <a href="#"><i class="fa fa-circle-o"></i> Level One
 358                 <span class="pull-right-container">
 359                   <i class="fa fa-angle-left pull-right"></i>
 360                 </span>
 361               </a>
 362               <ul class="treeview-menu">
 363                 <li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
 364                 <li>
 365                   <a href="#"><i class="fa fa-circle-o"></i> Level Two
 366                     <span class="pull-right-container">
 367                       <i class="fa fa-angle-left pull-right"></i>
 368                     </span>
 369                   </a>
 370                   <ul class="treeview-menu">
 371                     <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
 372                     <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
 373                   </ul>
 374                 </li>
 375               </ul>
 376             </li>
 377             <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
 378           </ul>
 379         </li>
 380         <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
 381         <li class="header">LABELS</li>
 382         <li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>Important</span></a></li>
 383         <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>Warning</span></a></li>
 384         <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a></li>
 385       </ul>
 386     </section>
 387     <!-- /.sidebar -->
 388   </aside>
 389
 390   <!-- =============================================== -->
 391
 392   <!-- Content Wrapper. Contains page content -->
 393   <div class="content-wrapper">
 394     <!-- Content Header (Page header) -->
 395     <section class="content-header">
 396       <h1>
 397         Fixed Layout
 398         <small>Blank example to the fixed layout</small>
 399       </h1>
 400       <ol class="breadcrumb">
 401         <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
 402         <li><a href="#">Layout</a></li>
 403         <li class="active">Fixed</li>
 404       </ol>
 405     </section>
 406
 407     <!-- Main content -->
 408     <section class="content">
 409       <div class="callout callout-info">
 410         <h4>Tip!</h4>
 411
 412         <p>Add the fixed class to the body tag to get this layout. The fixed layout is your best option if your sidebar
 413           is bigger than your content because it prevents extra unwanted scrolling.</p>
 414       </div>
 415       <!-- Default box -->
 416       <div class="box">
 417         <div class="box-header with-border">
 418           <h3 class="box-title">Title</h3>
 419
 420           <div class="box-tools pull-right">
 421             <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
 422               <i class="fa fa-minus"></i></button>
 423             <button type="button" class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove">
 424               <i class="fa fa-times"></i></button>
 425           </div>
 426         </div>
 427         <div class="box-body">
 428           Start creating your amazing application!
 429         </div>
 430         <!-- /.box-body -->
 431         <div class="box-footer">
 432           Footer
 433         </div>
 434         <!-- /.box-footer-->
 435       </div>
 436       <!-- /.box -->
 437
 438     </section>
 439     <!-- /.content -->
 440   </div>
 441   <!-- /.content-wrapper -->
 442
 443   <footer class="main-footer">
 444     <div class="pull-right hidden-xs">
 445       <b>Version</b> 2.3.7
 446     </div>
 447     <strong>Copyright &copy; 2014-2016 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
 448     reserved.
 449   </footer>
 450
 451   <!-- Control Sidebar -->
 452   <aside class="control-sidebar control-sidebar-dark">
 453     <!-- Create the tabs -->
 454     <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
 455       <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
 456       <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
 457     </ul>
 458     <!-- Tab panes -->
 459     <div class="tab-content">
 460       <!-- Home tab content -->
 461       <div class="tab-pane" id="control-sidebar-home-tab">
 462         <h3 class="control-sidebar-heading">Recent Activity</h3>
 463         <ul class="control-sidebar-menu">
 464           <li>
 465             <a href="javascript:void(0)">
 466               <i class="menu-icon fa fa-birthday-cake bg-red"></i>
 467
 468               <div class="menu-info">
 469                 <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
 470
 471                 <p>Will be 23 on April 24th</p>
 472               </div>
 473             </a>
 474           </li>
 475           <li>
 476             <a href="javascript:void(0)">
 477               <i class="menu-icon fa fa-user bg-yellow"></i>
 478
 479               <div class="menu-info">
 480                 <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
 481
 482                 <p>New phone +1(800)555-1234</p>
 483               </div>
 484             </a>
 485           </li>
 486           <li>
 487             <a href="javascript:void(0)">
 488               <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
 489
 490               <div class="menu-info">
 491                 <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
 492
 493                 <p>nora@example.com</p>
 494               </div>
 495             </a>
 496           </li>
 497           <li>
 498             <a href="javascript:void(0)">
 499               <i class="menu-icon fa fa-file-code-o bg-green"></i>
 500
 501               <div class="menu-info">
 502                 <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
 503
 504                 <p>Execution time 5 seconds</p>
 505               </div>
 506             </a>
 507           </li>
 508         </ul>
 509         <!-- /.control-sidebar-menu -->
 510
 511         <h3 class="control-sidebar-heading">Tasks Progress</h3>
 512         <ul class="control-sidebar-menu">
 513           <li>
 514             <a href="javascript:void(0)">
 515               <h4 class="control-sidebar-subheading">
 516                 Custom Template Design
 517                 <span class="label label-danger pull-right">70%</span>
 518               </h4>
 519
 520               <div class="progress progress-xxs">
 521                 <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
 522               </div>
 523             </a>
 524           </li>
 525           <li>
 526             <a href="javascript:void(0)">
 527               <h4 class="control-sidebar-subheading">
 528                 Update Resume
 529                 <span class="label label-success pull-right">95%</span>
 530               </h4>
 531
 532               <div class="progress progress-xxs">
 533                 <div class="progress-bar progress-bar-success" style="width: 95%"></div>
 534               </div>
 535             </a>
 536           </li>
 537           <li>
 538             <a href="javascript:void(0)">
 539               <h4 class="control-sidebar-subheading">
 540                 Laravel Integration
 541                 <span class="label label-warning pull-right">50%</span>
 542               </h4>
 543
 544               <div class="progress progress-xxs">
 545                 <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
 546               </div>
 547             </a>
 548           </li>
 549           <li>
 550             <a href="javascript:void(0)">
 551               <h4 class="control-sidebar-subheading">
 552                 Back End Framework
 553                 <span class="label label-primary pull-right">68%</span>
 554               </h4>
 555
 556               <div class="progress progress-xxs">
 557                 <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
 558               </div>
 559             </a>
 560           </li>
 561         </ul>
 562         <!-- /.control-sidebar-menu -->
 563
 564       </div>
 565       <!-- /.tab-pane -->
 566       <!-- Stats tab content -->
 567       <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
 568       <!-- /.tab-pane -->
 569       <!-- Settings tab content -->
 570       <div class="tab-pane" id="control-sidebar-settings-tab">
 571         <form method="post">
 572           <h3 class="control-sidebar-heading">General Settings</h3>
 573
 574           <div class="form-group">
 575             <label class="control-sidebar-subheading">
 576               Report panel usage
 577               <input type="checkbox" class="pull-right" checked>
 578             </label>
 579
 580             <p>
 581               Some information about this general settings option
 582             </p>
 583           </div>
 584           <!-- /.form-group -->
 585
 586           <div class="form-group">
 587             <label class="control-sidebar-subheading">
 588               Allow mail redirect
 589               <input type="checkbox" class="pull-right" checked>
 590             </label>
 591
 592             <p>
 593               Other sets of options are available
 594             </p>
 595           </div>
 596           <!-- /.form-group -->
 597
 598           <div class="form-group">
 599             <label class="control-sidebar-subheading">
 600               Expose author name in posts
 601               <input type="checkbox" class="pull-right" checked>
 602             </label>
 603
 604             <p>
 605               Allow the user to show his name in blog posts
 606             </p>
 607           </div>
 608           <!-- /.form-group -->
 609
 610           <h3 class="control-sidebar-heading">Chat Settings</h3>
 611
 612           <div class="form-group">
 613             <label class="control-sidebar-subheading">
 614               Show me as online
 615               <input type="checkbox" class="pull-right" checked>
 616             </label>
 617           </div>
 618           <!-- /.form-group -->
 619
 620           <div class="form-group">
 621             <label class="control-sidebar-subheading">
 622               Turn off notifications
 623               <input type="checkbox" class="pull-right">
 624             </label>
 625           </div>
 626           <!-- /.form-group -->
 627
 628           <div class="form-group">
 629             <label class="control-sidebar-subheading">
 630               Delete chat history
 631               <a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
 632             </label>
 633           </div>
 634           <!-- /.form-group -->
 635         </form>
 636       </div>
 637       <!-- /.tab-pane -->
 638     </div>
 639   </aside>
 640   <!-- /.control-sidebar -->
 641   <!-- Add the sidebar's background. This div must be placed
 642        immediately after the control sidebar -->
 643   <div class="control-sidebar-bg"></div>
 644 </div>
 645 <!-- ./wrapper -->
 646
 647 <!-- jQuery 2.2.3 -->
 648 <script src="../../plugins/jQuery/jquery-2.2.3.min.js"></script>
 649 <!-- Bootstrap 3.3.6 -->
 650 <script src="../../bootstrap/js/bootstrap.min.js"></script>
 651 <!-- SlimScroll -->
 652 <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
 653 <!-- FastClick -->
 654 <script src="../../plugins/fastclick/fastclick.js"></script>
 655 <!-- AdminLTE App -->
 656 <script src="../../dist/js/app.min.js"></script>
 657 <!-- AdminLTE for demo purposes -->
 658 <script src="../../dist/js/demo.js"></script>
 659 </body>
 660 </html>