git.roojs.org Git - bootswatch/blob - AdminLTE-master/empty.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <meta charset="UTF-8">
   5         <title>AdminLTE | Dashboard</title>
   6         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
   7         <!-- bootstrap 3.0.2 -->
   8         <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
   9         <!-- font Awesome -->
  10         <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  11         <!-- Ionicons -->
  12         <link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
  13         <!-- Theme style -->
  14         <link href="css/AdminLTE.css" rel="stylesheet" type="text/css" />
  15
  16         <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  17         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  18         <!--[if lt IE 9]>
  19           <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  20           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  21         <![endif]-->
  22     </head>
  23     <body class="skin-blue">
  24         <!-- header logo: style can be found in header.less -->
  25         <header class="header">
  26             <a href="index.html" class="logo">
  27                 <!-- Add the class icon to your logo image or logo icon to add the margining -->
  28                 AdminLTE
  29             </a>
  30             <!-- Header Navbar: style can be found in header.less -->
  31             <nav class="navbar navbar-static-top" role="navigation">
  32                 <!-- Sidebar toggle button-->
  33                 <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
  34                     <span class="sr-only">Toggle navigation</span>
  35                     <span class="icon-bar"></span>
  36                     <span class="icon-bar"></span>
  37                     <span class="icon-bar"></span>
  38                 </a>
  39                 <div class="navbar-right">
  40                     <ul class="nav navbar-nav">
  41                         <!-- Messages: style can be found in dropdown.less-->
  42                         <li class="dropdown messages-menu">
  43                             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  44                                 <i class="fa fa-envelope"></i>
  45                                 <span class="label label-success">4</span>
  46                             </a>
  47                             <ul class="dropdown-menu">
  48                                 <li class="header">You have 4 messages</li>
  49                                 <li>
  50                                     <!-- inner menu: contains the actual data -->
  51                                     <ul class="menu">
  52                                         <li><!-- start message -->
  53                                             <a href="#">
  54                                                 <div class="pull-left">
  55                                                     <img src="img/avatar3.png" class="img-circle" alt="User Image"/>
  56                                                 </div>
  57                                                 <h4>
  58                                                     Support Team
  59                                                     <small><i class="fa fa-clock-o"></i> 5 mins</small>
  60                                                 </h4>
  61                                                 <p>Why not buy a new awesome theme?</p>
  62                                             </a>
  63                                         </li><!-- end message -->
  64                                         <li>
  65                                             <a href="#">
  66                                                 <div class="pull-left">
  67                                                     <img src="img/avatar2.png" class="img-circle" alt="user image"/>
  68                                                 </div>
  69                                                 <h4>
  70                                                     AdminLTE Design Team
  71                                                     <small><i class="fa fa-clock-o"></i> 2 hours</small>
  72                                                 </h4>
  73                                                 <p>Why not buy a new awesome theme?</p>
  74                                             </a>
  75                                         </li>
  76                                         <li>
  77                                             <a href="#">
  78                                                 <div class="pull-left">
  79                                                     <img src="img/avatar.png" class="img-circle" alt="user image"/>
  80                                                 </div>
  81                                                 <h4>
  82                                                     Developers
  83                                                     <small><i class="fa fa-clock-o"></i> Today</small>
  84                                                 </h4>
  85                                                 <p>Why not buy a new awesome theme?</p>
  86                                             </a>
  87                                         </li>
  88                                         <li>
  89                                             <a href="#">
  90                                                 <div class="pull-left">
  91                                                     <img src="img/avatar2.png" class="img-circle" alt="user image"/>
  92                                                 </div>
  93                                                 <h4>
  94                                                     Sales Department
  95                                                     <small><i class="fa fa-clock-o"></i> Yesterday</small>
  96                                                 </h4>
  97                                                 <p>Why not buy a new awesome theme?</p>
  98                                             </a>
  99                                         </li>
 100                                         <li>
 101                                             <a href="#">
 102                                                 <div class="pull-left">
 103                                                     <img src="img/avatar.png" class="img-circle" alt="user image"/>
 104                                                 </div>
 105                                                 <h4>
 106                                                     Reviewers
 107                                                     <small><i class="fa fa-clock-o"></i> 2 days</small>
 108                                                 </h4>
 109                                                 <p>Why not buy a new awesome theme?</p>
 110                                             </a>
 111                                         </li>
 112                                     </ul>
 113                                 </li>
 114                                 <li class="footer"><a href="#">See All Messages</a></li>
 115                             </ul>
 116                         </li>
 117                         <!-- Notifications: style can be found in dropdown.less -->
 118                         <li class="dropdown notifications-menu">
 119                             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 120                                 <i class="fa fa-warning"></i>
 121                                 <span class="label label-warning">10</span>
 122                             </a>
 123                             <ul class="dropdown-menu">
 124                                 <li class="header">You have 10 notifications</li>
 125                                 <li>
 126                                     <!-- inner menu: contains the actual data -->
 127                                     <ul class="menu">
 128                                         <li>
 129                                             <a href="#">
 130                                                 <i class="ion ion-ios7-people info"></i> 5 new members joined today
 131                                             </a>
 132                                         </li>
 133                                         <li>
 134                                             <a href="#">
 135                                                 <i class="fa fa-warning danger"></i> Very long description here that may not fit into the page and may cause design problems
 136                                             </a>
 137                                         </li>
 138                                         <li>
 139                                             <a href="#">
 140                                                 <i class="fa fa-users warning"></i> 5 new members joined
 141                                             </a>
 142                                         </li>
 143
 144                                         <li>
 145                                             <a href="#">
 146                                                 <i class="ion ion-ios7-cart success"></i> 25 sales made
 147                                             </a>
 148                                         </li>
 149                                         <li>
 150                                             <a href="#">
 151                                                 <i class="ion ion-ios7-person danger"></i> You changed your username
 152                                             </a>
 153                                         </li>
 154                                     </ul>
 155                                 </li>
 156                                 <li class="footer"><a href="#">View all</a></li>
 157                             </ul>
 158                         </li>
 159                         <!-- Tasks: style can be found in dropdown.less -->
 160                         <li class="dropdown tasks-menu">
 161                             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 162                                 <i class="fa fa-tasks"></i>
 163                                 <span class="label label-danger">9</span>
 164                             </a>
 165                             <ul class="dropdown-menu">
 166                                 <li class="header">You have 9 tasks</li>
 167                                 <li>
 168                                     <!-- inner menu: contains the actual data -->
 169                                     <ul class="menu">
 170                                         <li><!-- Task item -->
 171                                             <a href="#">
 172                                                 <h3>
 173                                                     Design some buttons
 174                                                     <small class="pull-right">20%</small>
 175                                                 </h3>
 176                                                 <div class="progress xs">
 177                                                     <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
 178                                                         <span class="sr-only">20% Complete</span>
 179                                                     </div>
 180                                                 </div>
 181                                             </a>
 182                                         </li><!-- end task item -->
 183                                         <li><!-- Task item -->
 184                                             <a href="#">
 185                                                 <h3>
 186                                                     Create a nice theme
 187                                                     <small class="pull-right">40%</small>
 188                                                 </h3>
 189                                                 <div class="progress xs">
 190                                                     <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
 191                                                         <span class="sr-only">40% Complete</span>
 192                                                     </div>
 193                                                 </div>
 194                                             </a>
 195                                         </li><!-- end task item -->
 196                                         <li><!-- Task item -->
 197                                             <a href="#">
 198                                                 <h3>
 199                                                     Some task I need to do
 200                                                     <small class="pull-right">60%</small>
 201                                                 </h3>
 202                                                 <div class="progress xs">
 203                                                     <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
 204                                                         <span class="sr-only">60% Complete</span>
 205                                                     </div>
 206                                                 </div>
 207                                             </a>
 208                                         </li><!-- end task item -->
 209                                         <li><!-- Task item -->
 210                                             <a href="#">
 211                                                 <h3>
 212                                                     Make beautiful transitions
 213                                                     <small class="pull-right">80%</small>
 214                                                 </h3>
 215                                                 <div class="progress xs">
 216                                                     <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
 217                                                         <span class="sr-only">80% Complete</span>
 218                                                     </div>
 219                                                 </div>
 220                                             </a>
 221                                         </li><!-- end task item -->
 222                                     </ul>
 223                                 </li>
 224                                 <li class="footer">
 225                                     <a href="#">View all tasks</a>
 226                                 </li>
 227                             </ul>
 228                         </li>
 229                         <!-- User Account: style can be found in dropdown.less -->
 230                         <li class="dropdown user user-menu">
 231                             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 232                                 <i class="glyphicon glyphicon-user"></i>
 233                                 <span>Jane Doe <i class="caret"></i></span>
 234                             </a>
 235                             <ul class="dropdown-menu">
 236                                 <!-- User image -->
 237                                 <li class="user-header bg-light-blue">
 238                                     <img src="img/avatar3.png" class="img-circle" alt="User Image" />
 239                                     <p>
 240                                         Jane Doe - Web Developer
 241                                         <small>Member since Nov. 2012</small>
 242                                     </p>
 243                                 </li>
 244                                 <!-- Menu Body -->
 245                                 <li class="user-body">
 246                                     <div class="col-xs-4 text-center">
 247                                         <a href="#">Followers</a>
 248                                     </div>
 249                                     <div class="col-xs-4 text-center">
 250                                         <a href="#">Sales</a>
 251                                     </div>
 252                                     <div class="col-xs-4 text-center">
 253                                         <a href="#">Friends</a>
 254                                     </div>
 255                                 </li>
 256                                 <!-- Menu Footer-->
 257                                 <li class="user-footer">
 258                                     <div class="pull-left">
 259                                         <a href="#" class="btn btn-default btn-flat">Profile</a>
 260                                     </div>
 261                                     <div class="pull-right">
 262                                         <a href="#" class="btn btn-default btn-flat">Sign out</a>
 263                                     </div>
 264                                 </li>
 265                             </ul>
 266                         </li>
 267                     </ul>
 268                 </div>
 269             </nav>
 270         </header>
 271         <div class="wrapper row-offcanvas row-offcanvas-left">
 272             <!-- Left side column. contains the logo and sidebar -->
 273             <aside class="left-side sidebar-offcanvas">
 274                 <!-- sidebar: style can be found in sidebar.less -->
 275                 <section class="sidebar">
 276                     <!-- Sidebar user panel -->
 277                     <div class="user-panel">
 278                         <div class="pull-left image">
 279                             <img src="img/avatar3.png" class="img-circle" alt="User Image" />
 280                         </div>
 281                         <div class="pull-left info">
 282                             <p>Hello, Jane</p>
 283
 284                             <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
 285                         </div>
 286                     </div>
 287                     <!-- search form -->
 288                     <form action="#" method="get" class="sidebar-form">
 289                         <div class="input-group">
 290                             <input type="text" name="q" class="form-control" placeholder="Search..."/>
 291                             <span class="input-group-btn">
 292                                 <button type='submit' name='seach' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
 293                             </span>
 294                         </div>
 295                     </form>
 296                     <!-- /.search form -->
 297                     <!-- sidebar menu: : style can be found in sidebar.less -->
 298                     <ul class="sidebar-menu">
 299                         <li class="active">
 300                             <a href="index.html">
 301                                 <i class="fa fa-dashboard"></i> <span>Dashboard</span>
 302                             </a>
 303                         </li>
 304                         <li>
 305                             <a href="pages/widgets.html">
 306                                 <i class="fa fa-th"></i> <span>Widgets</span> <small class="badge pull-right bg-green">new</small>
 307                             </a>
 308                         </li>
 309                         <li class="treeview">
 310                             <a href="#">
 311                                 <i class="fa fa-bar-chart-o"></i>
 312                                 <span>Charts</span>
 313                                 <i class="fa fa-angle-left pull-right"></i>
 314                             </a>
 315                             <ul class="treeview-menu">
 316                                 <li><a href="pages/charts/morris.html"><i class="fa fa-angle-double-right"></i> Morris</a></li>
 317                                 <li><a href="pages/charts/flot.html"><i class="fa fa-angle-double-right"></i> Flot</a></li>
 318                                 <li><a href="pages/charts/inline.html"><i class="fa fa-angle-double-right"></i> Inline charts</a></li>
 319                             </ul>
 320                         </li>
 321                         <li class="treeview">
 322                             <a href="#">
 323                                 <i class="fa fa-laptop"></i>
 324                                 <span>UI Elements</span>
 325                                 <i class="fa fa-angle-left pull-right"></i>
 326                             </a>
 327                             <ul class="treeview-menu">
 328                                 <li><a href="pages/UI/general.html"><i class="fa fa-angle-double-right"></i> General</a></li>
 329                                 <li><a href="pages/UI/icons.html"><i class="fa fa-angle-double-right"></i> Icons</a></li>
 330                                 <li><a href="pages/UI/buttons.html"><i class="fa fa-angle-double-right"></i> Buttons</a></li>
 331                                 <li><a href="pages/UI/sliders.html"><i class="fa fa-angle-double-right"></i> Sliders</a></li>
 332                                 <li><a href="pages/UI/timeline.html"><i class="fa fa-angle-double-right"></i> Timeline</a></li>
 333                             </ul>
 334                         </li>
 335                         <li class="treeview">
 336                             <a href="#">
 337                                 <i class="fa fa-edit"></i> <span>Forms</span>
 338                                 <i class="fa fa-angle-left pull-right"></i>
 339                             </a>
 340                             <ul class="treeview-menu">
 341                                 <li><a href="pages/forms/general.html"><i class="fa fa-angle-double-right"></i> General Elements</a></li>
 342                                 <li><a href="pages/forms/advanced.html"><i class="fa fa-angle-double-right"></i> Advanced Elements</a></li>
 343                                 <li><a href="pages/forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>
 344                             </ul>
 345                         </li>
 346                         <li class="treeview">
 347                             <a href="#">
 348                                 <i class="fa fa-table"></i> <span>Tables</span>
 349                                 <i class="fa fa-angle-left pull-right"></i>
 350                             </a>
 351                             <ul class="treeview-menu">
 352                                 <li><a href="pages/tables/simple.html"><i class="fa fa-angle-double-right"></i> Simple tables</a></li>
 353                                 <li><a href="pages/tables/data.html"><i class="fa fa-angle-double-right"></i> Data tables</a></li>
 354                             </ul>
 355                         </li>
 356                         <li>
 357                             <a href="pages/calendar.html">
 358                                 <i class="fa fa-calendar"></i> <span>Calendar</span>
 359                                 <small class="badge pull-right bg-red">3</small>
 360                             </a>
 361                         </li>
 362                         <li>
 363                             <a href="pages/mailbox.html">
 364                                 <i class="fa fa-envelope"></i> <span>Mailbox</span>
 365                                 <small class="badge pull-right bg-yellow">12</small>
 366                             </a>
 367                         </li>
 368                         <li class="treeview">
 369                             <a href="#">
 370                                 <i class="fa fa-folder"></i> <span>Examples</span>
 371                                 <i class="fa fa-angle-left pull-right"></i>
 372                             </a>
 373                             <ul class="treeview-menu">
 374                                 <li><a href="pages/examples/invoice.html"><i class="fa fa-angle-double-right"></i> Invoice</a></li>
 375                                 <li><a href="pages/examples/login.html"><i class="fa fa-angle-double-right"></i> Login</a></li>
 376                                 <li><a href="pages/examples/register.html"><i class="fa fa-angle-double-right"></i> Register</a></li>
 377                                 <li><a href="pages/examples/lockscreen.html"><i class="fa fa-angle-double-right"></i> Lockscreen</a></li>
 378                                 <li><a href="pages/examples/404.html"><i class="fa fa-angle-double-right"></i> 404 Error</a></li>
 379                                 <li><a href="pages/examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>
 380                                 <li><a href="pages/examples/blank.html"><i class="fa fa-angle-double-right"></i> Blank Page</a></li>
 381                             </ul>
 382                         </li>
 383                     </ul>
 384                 </section>
 385                 <!-- /.sidebar -->
 386             </aside>
 387
 388             <!-- Right side column. Contains the navbar and content of the page -->
 389             <aside class="right-side">
 390                 <!-- Content Header (Page header) -->
 391                 <section class="content-header">
 392                     <h1>
 393                         Blank page
 394                         <small>Control panel</small>
 395                     </h1>
 396                     <ol class="breadcrumb">
 397                         <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
 398                         <li class="active">Blank page</li>
 399                     </ol>
 400                 </section>
 401
 402                 <!-- Main content -->
 403                 <section class="content">
 404
 405
 406                 </section><!-- /.content -->
 407             </aside><!-- /.right-side -->
 408         </div><!-- ./wrapper -->
 409
 410
 411         <!-- jQuery 2.0.2 -->
 412         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
 413         <!-- Bootstrap -->
 414         <script src="js/plugins/bootstrap.min.js" type="text/javascript"></script>
 415         <!-- AdminLTE App -->
 416         <script src="js/plugins/AdminLTE/app.js" type="text/javascript"></script>
 417
 418     </body>
 419 </html>