src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/pages/mailbox/read-mail.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 | Read Mail</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   <!-- fullCalendar 2.2.5-->
  16   <link rel="stylesheet" href="../../plugins/fullcalendar/fullcalendar.min.css">
  17   <link rel="stylesheet" href="../../plugins/fullcalendar/fullcalendar.print.css" media="print">
  18   <!-- Theme style -->
  19   <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
  20   <!-- AdminLTE Skins. Choose a skin from the css/skins
  21        folder instead of downloading all of them to reduce the load. -->
  22   <link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
  23   <!-- iCheck -->
  24   <link rel="stylesheet" href="../../plugins/iCheck/flat/blue.css">
  25   <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  26   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  27   <!--[if lt IE 9]>
  28   <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  29   <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  30   <![endif]-->
  31 </head>
  32 <body class="hold-transition skin-blue sidebar-mini">
  33 <div class="wrapper">
  34
  35   <header class="main-header">
  36     <!-- Logo -->
  37     <a href="../../index2.html" class="logo">
  38       <!-- mini logo for sidebar mini 50x50 pixels -->
  39       <span class="logo-mini"><b>A</b>LT</span>
  40       <!-- logo for regular state and mobile devices -->
  41       <span class="logo-lg"><b>Admin</b>LTE</span>
  42     </a>
  43     <!-- Header Navbar: style can be found in header.less -->
  44     <nav class="navbar navbar-static-top">
  45       <!-- Sidebar toggle button-->
  46       <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
  47         <span class="sr-only">Toggle navigation</span>
  48         <span class="icon-bar"></span>
  49         <span class="icon-bar"></span>
  50         <span class="icon-bar"></span>
  51       </a>
  52
  53       <div class="navbar-custom-menu">
  54         <ul class="nav navbar-nav">
  55           <!-- Messages: style can be found in dropdown.less-->
  56           <li class="dropdown messages-menu">
  57             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  58               <i class="fa fa-envelope-o"></i>
  59               <span class="label label-success">4</span>
  60             </a>
  61             <ul class="dropdown-menu">
  62               <li class="header">You have 4 messages</li>
  63               <li>
  64                 <!-- inner menu: contains the actual data -->
  65                 <ul class="menu">
  66                   <li><!-- start message -->
  67                     <a href="#">
  68                       <div class="pull-left">
  69                         <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
  70                       </div>
  71                       <h4>
  72                         Support Team
  73                         <small><i class="fa fa-clock-o"></i> 5 mins</small>
  74                       </h4>
  75                       <p>Why not buy a new awesome theme?</p>
  76                     </a>
  77                   </li>
  78                   <!-- end message -->
  79                 </ul>
  80               </li>
  81               <li class="footer"><a href="#">See All Messages</a></li>
  82             </ul>
  83           </li>
  84           <!-- Notifications: style can be found in dropdown.less -->
  85           <li class="dropdown notifications-menu">
  86             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  87               <i class="fa fa-bell-o"></i>
  88               <span class="label label-warning">10</span>
  89             </a>
  90             <ul class="dropdown-menu">
  91               <li class="header">You have 10 notifications</li>
  92               <li>
  93                 <!-- inner menu: contains the actual data -->
  94                 <ul class="menu">
  95                   <li>
  96                     <a href="#">
  97                       <i class="fa fa-users text-aqua"></i> 5 new members joined today
  98                     </a>
  99                   </li>
 100                 </ul>
 101               </li>
 102               <li class="footer"><a href="#">View all</a></li>
 103             </ul>
 104           </li>
 105           <!-- Tasks: style can be found in dropdown.less -->
 106           <li class="dropdown tasks-menu">
 107             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 108               <i class="fa fa-flag-o"></i>
 109               <span class="label label-danger">9</span>
 110             </a>
 111             <ul class="dropdown-menu">
 112               <li class="header">You have 9 tasks</li>
 113               <li>
 114                 <!-- inner menu: contains the actual data -->
 115                 <ul class="menu">
 116                   <li><!-- Task item -->
 117                     <a href="#">
 118                       <h3>
 119                         Design some buttons
 120                         <small class="pull-right">20%</small>
 121                       </h3>
 122                       <div class="progress xs">
 123                         <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
 124                           <span class="sr-only">20% Complete</span>
 125                         </div>
 126                       </div>
 127                     </a>
 128                   </li>
 129                   <!-- end task item -->
 130                 </ul>
 131               </li>
 132               <li class="footer">
 133                 <a href="#">View all tasks</a>
 134               </li>
 135             </ul>
 136           </li>
 137           <!-- User Account: style can be found in dropdown.less -->
 138           <li class="dropdown user user-menu">
 139             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 140               <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
 141               <span class="hidden-xs">Alexander Pierce</span>
 142             </a>
 143             <ul class="dropdown-menu">
 144               <!-- User image -->
 145               <li class="user-header">
 146                 <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
 147
 148                 <p>
 149                   Alexander Pierce - Web Developer
 150                   <small>Member since Nov. 2012</small>
 151                 </p>
 152               </li>
 153               <!-- Menu Body -->
 154               <li class="user-body">
 155                 <div class="row">
 156                   <div class="col-xs-4 text-center">
 157                     <a href="#">Followers</a>
 158                   </div>
 159                   <div class="col-xs-4 text-center">
 160                     <a href="#">Sales</a>
 161                   </div>
 162                   <div class="col-xs-4 text-center">
 163                     <a href="#">Friends</a>
 164                   </div>
 165                 </div>
 166                 <!-- /.row -->
 167               </li>
 168               <!-- Menu Footer-->
 169               <li class="user-footer">
 170                 <div class="pull-left">
 171                   <a href="#" class="btn btn-default btn-flat">Profile</a>
 172                 </div>
 173                 <div class="pull-right">
 174                   <a href="#" class="btn btn-default btn-flat">Sign out</a>
 175                 </div>
 176               </li>
 177             </ul>
 178           </li>
 179           <!-- Control Sidebar Toggle Button -->
 180           <li>
 181             <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
 182           </li>
 183         </ul>
 184       </div>
 185     </nav>
 186   </header>
 187   <!-- Left side column. contains the logo and sidebar -->
 188   <aside class="main-sidebar">
 189     <!-- sidebar: style can be found in sidebar.less -->
 190     <section class="sidebar">
 191       <!-- Sidebar user panel -->
 192       <div class="user-panel">
 193         <div class="pull-left image">
 194           <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
 195         </div>
 196         <div class="pull-left info">
 197           <p>Alexander Pierce</p>
 198           <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
 199         </div>
 200       </div>
 201       <!-- search form -->
 202       <form action="#" method="get" class="sidebar-form">
 203         <div class="input-group">
 204           <input type="text" name="q" class="form-control" placeholder="Search...">
 205               <span class="input-group-btn">
 206                 <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
 207                 </button>
 208               </span>
 209         </div>
 210       </form>
 211       <!-- /.search form -->
 212       <!-- sidebar menu: : style can be found in sidebar.less -->
 213       <ul class="sidebar-menu">
 214         <li class="header">MAIN NAVIGATION</li>
 215         <li class="treeview">
 216           <a href="#">
 217             <i class="fa fa-dashboard"></i> <span>Dashboard</span>
 218             <span class="pull-right-container">
 219               <i class="fa fa-angle-left pull-right"></i>
 220             </span>
 221           </a>
 222           <ul class="treeview-menu">
 223             <li><a href="../../index.html"><i class="fa fa-circle-o"></i> Dashboard v1</a></li>
 224             <li><a href="../../index2.html"><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
 225           </ul>
 226         </li>
 227         <li class="treeview">
 228           <a href="#">
 229             <i class="fa fa-files-o"></i>
 230             <span>Layout Options</span>
 231             <span class="pull-right-container">
 232               <span class="label label-primary pull-right">4</span>
 233             </span>
 234           </a>
 235           <ul class="treeview-menu">
 236             <li><a href="../layout/top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
 237             <li><a href="../layout/boxed.html"><i class="fa fa-circle-o"></i> Boxed</a></li>
 238             <li><a href="../layout/fixed.html"><i class="fa fa-circle-o"></i> Fixed</a></li>
 239             <li><a href="../layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i> Collapsed Sidebar</a></li>
 240           </ul>
 241         </li>
 242         <li>
 243           <a href="../widgets.html">
 244             <i class="fa fa-th"></i> <span>Widgets</span>
 245             <span class="pull-right-container">
 246               <small class="label pull-right bg-green">new</small>
 247             </span>
 248           </a>
 249         </li>
 250         <li class="treeview">
 251           <a href="#">
 252             <i class="fa fa-pie-chart"></i>
 253             <span>Charts</span>
 254             <span class="pull-right-container">
 255               <i class="fa fa-angle-left pull-right"></i>
 256             </span>
 257           </a>
 258           <ul class="treeview-menu">
 259             <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
 260             <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
 261             <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
 262             <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
 263           </ul>
 264         </li>
 265         <li class="treeview">
 266           <a href="#">
 267             <i class="fa fa-laptop"></i>
 268             <span>UI Elements</span>
 269             <span class="pull-right-container">
 270               <i class="fa fa-angle-left pull-right"></i>
 271             </span>
 272           </a>
 273           <ul class="treeview-menu">
 274             <li><a href="../UI/general.html"><i class="fa fa-circle-o"></i> General</a></li>
 275             <li><a href="../UI/icons.html"><i class="fa fa-circle-o"></i> Icons</a></li>
 276             <li><a href="../UI/buttons.html"><i class="fa fa-circle-o"></i> Buttons</a></li>
 277             <li><a href="../UI/sliders.html"><i class="fa fa-circle-o"></i> Sliders</a></li>
 278             <li><a href="../UI/timeline.html"><i class="fa fa-circle-o"></i> Timeline</a></li>
 279             <li><a href="../UI/modals.html"><i class="fa fa-circle-o"></i> Modals</a></li>
 280           </ul>
 281         </li>
 282         <li class="treeview">
 283           <a href="#">
 284             <i class="fa fa-edit"></i> <span>Forms</span>
 285             <span class="pull-right-container">
 286               <i class="fa fa-angle-left pull-right"></i>
 287             </span>
 288           </a>
 289           <ul class="treeview-menu">
 290             <li><a href="../forms/general.html"><i class="fa fa-circle-o"></i> General Elements</a></li>
 291             <li><a href="../forms/advanced.html"><i class="fa fa-circle-o"></i> Advanced Elements</a></li>
 292             <li><a href="../forms/editors.html"><i class="fa fa-circle-o"></i> Editors</a></li>
 293           </ul>
 294         </li>
 295         <li class="treeview">
 296           <a href="#">
 297             <i class="fa fa-table"></i> <span>Tables</span>
 298             <span class="pull-right-container">
 299               <i class="fa fa-angle-left pull-right"></i>
 300             </span>
 301           </a>
 302           <ul class="treeview-menu">
 303             <li><a href="../tables/simple.html"><i class="fa fa-circle-o"></i> Simple tables</a></li>
 304             <li><a href="../tables/data.html"><i class="fa fa-circle-o"></i> Data tables</a></li>
 305           </ul>
 306         </li>
 307         <li>
 308           <a href="../calendar.html">
 309             <i class="fa fa-calendar"></i> <span>Calendar</span>
 310             <span class="pull-right-container">
 311               <small class="label pull-right bg-red">3</small>
 312               <small class="label pull-right bg-blue">17</small>
 313             </span>
 314           </a>
 315         </li>
 316         <li class="treeview active">
 317           <a href="mailbox.html">
 318             <i class="fa fa-envelope"></i> <span>Mailbox</span>
 319             <span class="pull-right-container">
 320               <i class="fa fa-angle-left pull-right"></i>
 321             </span>
 322           </a>
 323           <ul class="treeview-menu">
 324             <li>
 325               <a href="mailbox.html">Inbox
 326                 <span class="pull-right-container">
 327                   <span class="label label-primary pull-right">13</span>
 328                 </span>
 329               </a>
 330             </li>
 331             <li><a href="compose.html">Compose</a></li>
 332             <li class="active"><a href="read-mail.html">Read</a></li>
 333           </ul>
 334         </li>
 335         <li class="treeview">
 336           <a href="#">
 337             <i class="fa fa-folder"></i> <span>Examples</span>
 338             <span class="pull-right-container">
 339               <i class="fa fa-angle-left pull-right"></i>
 340             </span>
 341           </a>
 342           <ul class="treeview-menu">
 343             <li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
 344             <li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
 345             <li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
 346             <li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
 347             <li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
 348             <li><a href="../examples/404.html"><i class="fa fa-circle-o"></i> 404 Error</a></li>
 349             <li><a href="../examples/500.html"><i class="fa fa-circle-o"></i> 500 Error</a></li>
 350             <li><a href="../examples/blank.html"><i class="fa fa-circle-o"></i> Blank Page</a></li>
 351             <li><a href="../examples/pace.html"><i class="fa fa-circle-o"></i> Pace Page</a></li>
 352           </ul>
 353         </li>
 354         <li class="treeview">
 355           <a href="#">
 356             <i class="fa fa-share"></i> <span>Multilevel</span>
 357             <span class="pull-right-container">
 358               <i class="fa fa-angle-left pull-right"></i>
 359             </span>
 360           </a>
 361           <ul class="treeview-menu">
 362             <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
 363             <li>
 364               <a href="#"><i class="fa fa-circle-o"></i> Level One
 365                 <span class="pull-right-container">
 366                   <i class="fa fa-angle-left pull-right"></i>
 367                 </span>
 368               </a>
 369               <ul class="treeview-menu">
 370                 <li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
 371                 <li>
 372                   <a href="#"><i class="fa fa-circle-o"></i> Level Two
 373                     <span class="pull-right-container">
 374                       <i class="fa fa-angle-left pull-right"></i>
 375                     </span>
 376                   </a>
 377                   <ul class="treeview-menu">
 378                     <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
 379                     <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
 380                   </ul>
 381                 </li>
 382               </ul>
 383             </li>
 384             <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
 385           </ul>
 386         </li>
 387         <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
 388         <li class="header">LABELS</li>
 389         <li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>Important</span></a></li>
 390         <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>Warning</span></a></li>
 391         <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a></li>
 392       </ul>
 393     </section>
 394     <!-- /.sidebar -->
 395   </aside>
 396
 397   <!-- Content Wrapper. Contains page content -->
 398   <div class="content-wrapper">
 399     <!-- Content Header (Page header) -->
 400     <section class="content-header">
 401       <h1>
 402         Read Mail
 403       </h1>
 404       <ol class="breadcrumb">
 405         <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
 406         <li class="active">Mailbox</li>
 407       </ol>
 408     </section>
 409
 410     <!-- Main content -->
 411     <section class="content">
 412       <div class="row">
 413         <div class="col-md-3">
 414           <a href="compose.html" class="btn btn-primary btn-block margin-bottom">Compose</a>
 415
 416           <div class="box box-solid">
 417             <div class="box-header with-border">
 418               <h3 class="box-title">Folders</h3>
 419
 420               <div class="box-tools">
 421                 <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
 422                 </button>
 423               </div>
 424             </div>
 425             <div class="box-body no-padding">
 426               <ul class="nav nav-pills nav-stacked">
 427                 <li><a href="mailbox.html"><i class="fa fa-inbox"></i> Inbox
 428                   <span class="label label-primary pull-right">12</span></a></li>
 429                 <li><a href="#"><i class="fa fa-envelope-o"></i> Sent</a></li>
 430                 <li><a href="#"><i class="fa fa-file-text-o"></i> Drafts</a></li>
 431                 <li><a href="#"><i class="fa fa-filter"></i> Junk <span class="label label-warning pull-right">65</span></a>
 432                 </li>
 433                 <li><a href="#"><i class="fa fa-trash-o"></i> Trash</a></li>
 434               </ul>
 435             </div>
 436             <!-- /.box-body -->
 437           </div>
 438           <!-- /. box -->
 439           <div class="box box-solid">
 440             <div class="box-header with-border">
 441               <h3 class="box-title">Labels</h3>
 442
 443               <div class="box-tools">
 444                 <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
 445                 </button>
 446               </div>
 447             </div>
 448             <div class="box-body no-padding">
 449               <ul class="nav nav-pills nav-stacked">
 450                 <li><a href="#"><i class="fa fa-circle-o text-red"></i> Important</a></li>
 451                 <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> Promotions</a></li>
 452                 <li><a href="#"><i class="fa fa-circle-o text-light-blue"></i> Social</a></li>
 453               </ul>
 454             </div>
 455             <!-- /.box-body -->
 456           </div>
 457           <!-- /.box -->
 458         </div>
 459         <!-- /.col -->
 460         <div class="col-md-9">
 461           <div class="box box-primary">
 462             <div class="box-header with-border">
 463               <h3 class="box-title">Read Mail</h3>
 464
 465               <div class="box-tools pull-right">
 466                 <a href="#" class="btn btn-box-tool" data-toggle="tooltip" title="Previous"><i class="fa fa-chevron-left"></i></a>
 467                 <a href="#" class="btn btn-box-tool" data-toggle="tooltip" title="Next"><i class="fa fa-chevron-right"></i></a>
 468               </div>
 469             </div>
 470             <!-- /.box-header -->
 471             <div class="box-body no-padding">
 472               <div class="mailbox-read-info">
 473                 <h3>Message Subject Is Placed Here</h3>
 474                 <h5>From: help@example.com
 475                   <span class="mailbox-read-time pull-right">15 Feb. 2016 11:03 PM</span></h5>
 476               </div>
 477               <!-- /.mailbox-read-info -->
 478               <div class="mailbox-controls with-border text-center">
 479                 <div class="btn-group">
 480                   <button type="button" class="btn btn-default btn-sm" data-toggle="tooltip" data-container="body" title="Delete">
 481                     <i class="fa fa-trash-o"></i></button>
 482                   <button type="button" class="btn btn-default btn-sm" data-toggle="tooltip" data-container="body" title="Reply">
 483                     <i class="fa fa-reply"></i></button>
 484                   <button type="button" class="btn btn-default btn-sm" data-toggle="tooltip" data-container="body" title="Forward">
 485                     <i class="fa fa-share"></i></button>
 486                 </div>
 487                 <!-- /.btn-group -->
 488                 <button type="button" class="btn btn-default btn-sm" data-toggle="tooltip" title="Print">
 489                   <i class="fa fa-print"></i></button>
 490               </div>
 491               <!-- /.mailbox-controls -->
 492               <div class="mailbox-read-message">
 493                 <p>Hello John,</p>
 494
 495                 <p>Keffiyeh blog actually fashion axe vegan, irony biodiesel. Cold-pressed hoodie chillwave put a bird
 496                   on it aesthetic, bitters brunch meggings vegan iPhone. Dreamcatcher vegan scenester mlkshk. Ethical
 497                   master cleanse Bushwick, occupy Thundercats banjo cliche ennui farm-to-table mlkshk fanny pack
 498                   gluten-free. Marfa butcher vegan quinoa, bicycle rights disrupt tofu scenester chillwave 3 wolf moon
 499                   asymmetrical taxidermy pour-over. Quinoa tote bag fashion axe, Godard disrupt migas church-key tofu
 500                   blog locavore. Thundercats cronut polaroid Neutra tousled, meh food truck selfies narwhal American
 501                   Apparel.</p>
 502
 503                 <p>Raw denim McSweeney's bicycle rights, iPhone trust fund quinoa Neutra VHS kale chips vegan PBR&amp;B
 504                   literally Thundercats +1. Forage tilde four dollar toast, banjo health goth paleo butcher. Four dollar
 505                   toast Brooklyn pour-over American Apparel sustainable, lumbersexual listicle gluten-free health goth
 506                   umami hoodie. Synth Echo Park bicycle rights DIY farm-to-table, retro kogi sriracha dreamcatcher PBR&amp;B
 507                   flannel hashtag irony Wes Anderson. Lumbersexual Williamsburg Helvetica next level. Cold-pressed
 508                   slow-carb pop-up normcore Thundercats Portland, cardigan literally meditation lumbersexual crucifix.
 509                   Wayfarers raw denim paleo Bushwick, keytar Helvetica scenester keffiyeh 8-bit irony mumblecore
 510                   whatever viral Truffaut.</p>
 511
 512                 <p>Post-ironic shabby chic VHS, Marfa keytar flannel lomo try-hard keffiyeh cray. Actually fap fanny
 513                   pack yr artisan trust fund. High Life dreamcatcher church-key gentrify. Tumblr stumptown four dollar
 514                   toast vinyl, cold-pressed try-hard blog authentic keffiyeh Helvetica lo-fi tilde Intelligentsia. Lomo
 515                   locavore salvia bespoke, twee fixie paleo cliche brunch Schlitz blog McSweeney's messenger bag swag
 516                   slow-carb. Odd Future photo booth pork belly, you probably haven't heard of them actually tofu ennui
 517                   keffiyeh lo-fi Truffaut health goth. Narwhal sustainable retro disrupt.</p>
 518
 519                 <p>Skateboard artisan letterpress before they sold out High Life messenger bag. Bitters chambray
 520                   leggings listicle, drinking vinegar chillwave synth. Fanny pack hoodie American Apparel twee. American
 521                   Apparel PBR listicle, salvia aesthetic occupy sustainable Neutra kogi. Organic synth Tumblr viral
 522                   plaid, shabby chic single-origin coffee Etsy 3 wolf moon slow-carb Schlitz roof party tousled squid
 523                   vinyl. Readymade next level literally trust fund. Distillery master cleanse migas, Vice sriracha
 524                   flannel chambray chia cronut.</p>
 525
 526                 <p>Thanks,<br>Jane</p>
 527               </div>
 528               <!-- /.mailbox-read-message -->
 529             </div>
 530             <!-- /.box-body -->
 531             <div class="box-footer">
 532               <ul class="mailbox-attachments clearfix">
 533                 <li>
 534                   <span class="mailbox-attachment-icon"><i class="fa fa-file-pdf-o"></i></span>
 535
 536                   <div class="mailbox-attachment-info">
 537                     <a href="#" class="mailbox-attachment-name"><i class="fa fa-paperclip"></i> Sep2014-report.pdf</a>
 538                         <span class="mailbox-attachment-size">
 539                           1,245 KB
 540                           <a href="#" class="btn btn-default btn-xs pull-right"><i class="fa fa-cloud-download"></i></a>
 541                         </span>
 542                   </div>
 543                 </li>
 544                 <li>
 545                   <span class="mailbox-attachment-icon"><i class="fa fa-file-word-o"></i></span>
 546
 547                   <div class="mailbox-attachment-info">
 548                     <a href="#" class="mailbox-attachment-name"><i class="fa fa-paperclip"></i> App Description.docx</a>
 549                         <span class="mailbox-attachment-size">
 550                           1,245 KB
 551                           <a href="#" class="btn btn-default btn-xs pull-right"><i class="fa fa-cloud-download"></i></a>
 552                         </span>
 553                   </div>
 554                 </li>
 555                 <li>
 556                   <span class="mailbox-attachment-icon has-img"><img src="../../dist/img/photo1.png" alt="Attachment"></span>
 557
 558                   <div class="mailbox-attachment-info">
 559                     <a href="#" class="mailbox-attachment-name"><i class="fa fa-camera"></i> photo1.png</a>
 560                         <span class="mailbox-attachment-size">
 561                           2.67 MB
 562                           <a href="#" class="btn btn-default btn-xs pull-right"><i class="fa fa-cloud-download"></i></a>
 563                         </span>
 564                   </div>
 565                 </li>
 566                 <li>
 567                   <span class="mailbox-attachment-icon has-img"><img src="../../dist/img/photo2.png" alt="Attachment"></span>
 568
 569                   <div class="mailbox-attachment-info">
 570                     <a href="#" class="mailbox-attachment-name"><i class="fa fa-camera"></i> photo2.png</a>
 571                         <span class="mailbox-attachment-size">
 572                           1.9 MB
 573                           <a href="#" class="btn btn-default btn-xs pull-right"><i class="fa fa-cloud-download"></i></a>
 574                         </span>
 575                   </div>
 576                 </li>
 577               </ul>
 578             </div>
 579             <!-- /.box-footer -->
 580             <div class="box-footer">
 581               <div class="pull-right">
 582                 <button type="button" class="btn btn-default"><i class="fa fa-reply"></i> Reply</button>
 583                 <button type="button" class="btn btn-default"><i class="fa fa-share"></i> Forward</button>
 584               </div>
 585               <button type="button" class="btn btn-default"><i class="fa fa-trash-o"></i> Delete</button>
 586               <button type="button" class="btn btn-default"><i class="fa fa-print"></i> Print</button>
 587             </div>
 588             <!-- /.box-footer -->
 589           </div>
 590           <!-- /. box -->
 591         </div>
 592         <!-- /.col -->
 593       </div>
 594       <!-- /.row -->
 595     </section>
 596     <!-- /.content -->
 597   </div>
 598   <!-- /.content-wrapper -->
 599   <footer class="main-footer">
 600     <div class="pull-right hidden-xs">
 601       <b>Version</b> 2.3.7
 602     </div>
 603     <strong>Copyright &copy; 2014-2016 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
 604     reserved.
 605   </footer>
 606   <!-- Control Sidebar -->
 607   <aside class="control-sidebar control-sidebar-dark">
 608     <!-- Create the tabs -->
 609     <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
 610       <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
 611       <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
 612     </ul>
 613     <!-- Tab panes -->
 614     <div class="tab-content">
 615       <!-- Home tab content -->
 616       <div class="tab-pane" id="control-sidebar-home-tab">
 617         <h3 class="control-sidebar-heading">Recent Activity</h3>
 618         <ul class="control-sidebar-menu">
 619           <li>
 620             <a href="javascript:void(0)">
 621               <i class="menu-icon fa fa-birthday-cake bg-red"></i>
 622
 623               <div class="menu-info">
 624                 <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
 625
 626                 <p>Will be 23 on April 24th</p>
 627               </div>
 628             </a>
 629           </li>
 630           <li>
 631             <a href="javascript:void(0)">
 632               <i class="menu-icon fa fa-user bg-yellow"></i>
 633
 634               <div class="menu-info">
 635                 <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
 636
 637                 <p>New phone +1(800)555-1234</p>
 638               </div>
 639             </a>
 640           </li>
 641           <li>
 642             <a href="javascript:void(0)">
 643               <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
 644
 645               <div class="menu-info">
 646                 <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
 647
 648                 <p>nora@example.com</p>
 649               </div>
 650             </a>
 651           </li>
 652           <li>
 653             <a href="javascript:void(0)">
 654               <i class="menu-icon fa fa-file-code-o bg-green"></i>
 655
 656               <div class="menu-info">
 657                 <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
 658
 659                 <p>Execution time 5 seconds</p>
 660               </div>
 661             </a>
 662           </li>
 663         </ul>
 664         <!-- /.control-sidebar-menu -->
 665
 666         <h3 class="control-sidebar-heading">Tasks Progress</h3>
 667         <ul class="control-sidebar-menu">
 668           <li>
 669             <a href="javascript:void(0)">
 670               <h4 class="control-sidebar-subheading">
 671                 Custom Template Design
 672                 <span class="label label-danger pull-right">70%</span>
 673               </h4>
 674
 675               <div class="progress progress-xxs">
 676                 <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
 677               </div>
 678             </a>
 679           </li>
 680           <li>
 681             <a href="javascript:void(0)">
 682               <h4 class="control-sidebar-subheading">
 683                 Update Resume
 684                 <span class="label label-success pull-right">95%</span>
 685               </h4>
 686
 687               <div class="progress progress-xxs">
 688                 <div class="progress-bar progress-bar-success" style="width: 95%"></div>
 689               </div>
 690             </a>
 691           </li>
 692           <li>
 693             <a href="javascript:void(0)">
 694               <h4 class="control-sidebar-subheading">
 695                 Laravel Integration
 696                 <span class="label label-warning pull-right">50%</span>
 697               </h4>
 698
 699               <div class="progress progress-xxs">
 700                 <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
 701               </div>
 702             </a>
 703           </li>
 704           <li>
 705             <a href="javascript:void(0)">
 706               <h4 class="control-sidebar-subheading">
 707                 Back End Framework
 708                 <span class="label label-primary pull-right">68%</span>
 709               </h4>
 710
 711               <div class="progress progress-xxs">
 712                 <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
 713               </div>
 714             </a>
 715           </li>
 716         </ul>
 717         <!-- /.control-sidebar-menu -->
 718
 719       </div>
 720       <!-- /.tab-pane -->
 721       <!-- Stats tab content -->
 722       <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
 723       <!-- /.tab-pane -->
 724       <!-- Settings tab content -->
 725       <div class="tab-pane" id="control-sidebar-settings-tab">
 726         <form method="post">
 727           <h3 class="control-sidebar-heading">General Settings</h3>
 728
 729           <div class="form-group">
 730             <label class="control-sidebar-subheading">
 731               Report panel usage
 732               <input type="checkbox" class="pull-right" checked>
 733             </label>
 734
 735             <p>
 736               Some information about this general settings option
 737             </p>
 738           </div>
 739           <!-- /.form-group -->
 740
 741           <div class="form-group">
 742             <label class="control-sidebar-subheading">
 743               Allow mail redirect
 744               <input type="checkbox" class="pull-right" checked>
 745             </label>
 746
 747             <p>
 748               Other sets of options are available
 749             </p>
 750           </div>
 751           <!-- /.form-group -->
 752
 753           <div class="form-group">
 754             <label class="control-sidebar-subheading">
 755               Expose author name in posts
 756               <input type="checkbox" class="pull-right" checked>
 757             </label>
 758
 759             <p>
 760               Allow the user to show his name in blog posts
 761             </p>
 762           </div>
 763           <!-- /.form-group -->
 764
 765           <h3 class="control-sidebar-heading">Chat Settings</h3>
 766
 767           <div class="form-group">
 768             <label class="control-sidebar-subheading">
 769               Show me as online
 770               <input type="checkbox" class="pull-right" checked>
 771             </label>
 772           </div>
 773           <!-- /.form-group -->
 774
 775           <div class="form-group">
 776             <label class="control-sidebar-subheading">
 777               Turn off notifications
 778               <input type="checkbox" class="pull-right">
 779             </label>
 780           </div>
 781           <!-- /.form-group -->
 782
 783           <div class="form-group">
 784             <label class="control-sidebar-subheading">
 785               Delete chat history
 786               <a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
 787             </label>
 788           </div>
 789           <!-- /.form-group -->
 790         </form>
 791       </div>
 792       <!-- /.tab-pane -->
 793     </div>
 794   </aside>
 795   <!-- /.control-sidebar -->
 796   <!-- Add the sidebar's background. This div must be placed
 797        immediately after the control sidebar -->
 798   <div class="control-sidebar-bg"></div>
 799 </div>
 800 <!-- ./wrapper -->
 801
 802 <!-- jQuery 2.2.3 -->
 803 <script src="../../plugins/jQuery/jquery-2.2.3.min.js"></script>
 804 <!-- Bootstrap 3.3.6 -->
 805 <script src="../../bootstrap/js/bootstrap.min.js"></script>
 806 <!-- Slimscroll -->
 807 <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
 808 <!-- FastClick -->
 809 <script src="../../plugins/fastclick/fastclick.js"></script>
 810 <!-- AdminLTE App -->
 811 <script src="../../dist/js/app.min.js"></script>
 812 <!-- AdminLTE for demo purposes -->
 813 <script src="../../dist/js/demo.js"></script>
 814 </body>
 815 </html>