github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Format pages - examples

pull/527/head
Dennis Neufeld 2015-06-20 12:59:38 +02:00
parent 14cb228dcb
commit 4ce12b818c
8 changed files with 179 additions and 178 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
pages/examples/404.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | 404 Page not found</title> <title>AdminLTE 2 | 404 Page not found</title>
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
@ -26,7 +26,7 @@
</head> </head>
<body class="skin-blue sidebar-mini"> <body class="skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
<a href="../../index2.html" class="logo"> <a href="../../index2.html" class="logo">
@ -60,7 +60,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Support Team Support Team
@ -72,7 +72,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -84,7 +84,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Developers Developers
@ -96,7 +96,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -108,7 +108,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -237,7 +237,7 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
@ -298,9 +298,9 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."/> <input type="text" name="q" class="form-control" placeholder="Search..." />
<span class="input-group-btn"> <span class="input-group-btn">
<button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
</div> </div>
</form> </form>
@ -467,11 +467,11 @@
<h3><i class="fa fa-warning text-yellow"></i> Oops! Page not found.</h3> <h3><i class="fa fa-warning text-yellow"></i> Oops! Page not found.</h3>
<p> <p>
We could not find the page you were looking for. We could not find the page you were looking for.
Meanwhile, you may <a href='../../index.html'>return to dashboard</a> or try using the search form. Meanwhile, you may <a href="../../index.html">return to dashboard</a> or try using the search form.
</p> </p>
<form class='search-form'> <form class="search-form">
<div class='input-group'> <div class="input-group">
<input type="text" name="search" class='form-control' placeholder="Search"/> <input type="text" name="search" class="form-control" placeholder="Search" />
<div class="input-group-btn"> <div class="input-group-btn">
<button type="submit" name="submit" class="btn btn-warning btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="submit" class="btn btn-warning btn-flat"><i class="fa fa-search"></i></button>
</div> </div>
@ -487,9 +487,9 @@
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark"> <aside class="control-sidebar control-sidebar-dark">
<!-- Create the tabs --> <!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs"> <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
<li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li> <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
@ -501,9 +501,9 @@
<!-- Home tab content --> <!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab"> <div class="tab-pane" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Recent Activity</h3> <h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class='control-sidebar-menu'> <ul class="control-sidebar-menu">
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@ -512,7 +512,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@ -521,7 +521,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@ -530,7 +530,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@ -541,58 +541,58 @@
</ul><!-- /.control-sidebar-menu --> </ul><!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class='control-sidebar-menu'> <ul class="control-sidebar-menu">
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul><!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div><!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
@ -631,21 +631,21 @@
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked />
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right" /> <input type="checkbox" class="pull-right" />
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
</form> </form>
</div><!-- /.tab-pane --> </div><!-- /.tab-pane -->
@ -653,15 +653,15 @@
</aside><!-- /.control-sidebar --> </aside><!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed <!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar --> immediately after the control sidebar -->
<div class='control-sidebar-bg'></div> <div class="control-sidebar-bg"></div>
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.2 JS -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- FastClick --> <!-- FastClick -->
<script src='../../plugins/fastclick/fastclick.min.js'></script> <script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js" type="text/javascript"></script> <script src="../../dist/js/app.min.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->

82
pages/examples/500.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | 500 Error</title> <title>AdminLTE 2 | 500 Error</title>
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
@ -26,7 +26,7 @@
</head> </head>
<body class="skin-blue sidebar-mini"> <body class="skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
<a href="../../index2.html" class="logo"> <a href="../../index2.html" class="logo">
@ -60,7 +60,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Support Team Support Team
@ -72,7 +72,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -84,7 +84,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Developers Developers
@ -96,7 +96,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -108,7 +108,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -237,7 +237,7 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
@ -298,9 +298,9 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."/> <input type="text" name="q" class="form-control" placeholder="Search..." />
<span class="input-group-btn"> <span class="input-group-btn">
<button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
</div> </div>
</form> </form>
@ -467,11 +467,11 @@
<h3><i class="fa fa-warning text-red"></i> Oops! Something went wrong.</h3> <h3><i class="fa fa-warning text-red"></i> Oops! Something went wrong.</h3>
<p> <p>
We will work on fixing that right away. We will work on fixing that right away.
Meanwhile, you may <a href='../../index.html'>return to dashboard</a> or try using the search form. Meanwhile, you may <a href="../../index.html">return to dashboard</a> or try using the search form.
</p> </p>
<form class='search-form'> <form class="search-form">
<div class='input-group'> <div class="input-group">
<input type="text" name="search" class='form-control' placeholder="Search"/> <input type="text" name="search" class="form-control" placeholder="Search" />
<div class="input-group-btn"> <div class="input-group-btn">
<button type="submit" name="submit" class="btn btn-danger btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="submit" class="btn btn-danger btn-flat"><i class="fa fa-search"></i></button>
</div> </div>
@ -489,8 +489,8 @@
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark"> <aside class="control-sidebar control-sidebar-dark">
<!-- Create the tabs --> <!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs"> <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
<li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li> <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
@ -502,9 +502,9 @@
<!-- Home tab content --> <!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab"> <div class="tab-pane" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Recent Activity</h3> <h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class='control-sidebar-menu'> <ul class="control-sidebar-menu">
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@ -513,7 +513,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@ -522,7 +522,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@ -531,7 +531,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@ -542,58 +542,58 @@
</ul><!-- /.control-sidebar-menu --> </ul><!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class='control-sidebar-menu'> <ul class="control-sidebar-menu">
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul><!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div><!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
@ -632,21 +632,21 @@
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked />
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right" /> <input type="checkbox" class="pull-right" />
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
</form> </form>
</div><!-- /.tab-pane --> </div><!-- /.tab-pane -->
@ -654,15 +654,15 @@
</aside><!-- /.control-sidebar --> </aside><!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed <!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar --> immediately after the control sidebar -->
<div class='control-sidebar-bg'></div> <div class="control-sidebar-bg"></div>
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.2 JS -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- FastClick --> <!-- FastClick -->
<script src='../../plugins/fastclick/fastclick.min.js'></script> <script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js" type="text/javascript"></script> <script src="../../dist/js/app.min.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->

64
pages/examples/blank.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Dashboard</title> <title>AdminLTE 2 | Dashboard</title>
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
@ -27,7 +27,7 @@
<body class="skin-blue sidebar-mini"> <body class="skin-blue sidebar-mini">
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
<a href="../../index2.html" class="logo"> <a href="../../index2.html" class="logo">
@ -61,7 +61,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Support Team Support Team
@ -130,7 +130,7 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
@ -194,9 +194,9 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."/> <input type="text" name="q" class="form-control" placeholder="Search..." />
<span class="input-group-btn"> <span class="input-group-btn">
<button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
</div> </div>
</form> </form>
@ -387,8 +387,8 @@
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark"> <aside class="control-sidebar control-sidebar-dark">
<!-- Create the tabs --> <!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs"> <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
<li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li> <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
@ -400,9 +400,9 @@
<!-- Home tab content --> <!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab"> <div class="tab-pane" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Recent Activity</h3> <h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class='control-sidebar-menu'> <ul class="control-sidebar-menu">
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@ -411,7 +411,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@ -420,7 +420,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@ -429,7 +429,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@ -440,58 +440,58 @@
</ul><!-- /.control-sidebar-menu --> </ul><!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class='control-sidebar-menu'> <ul class="control-sidebar-menu">
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul><!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div><!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
@ -552,20 +552,20 @@
</aside><!-- /.control-sidebar --> </aside><!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed <!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar --> immediately after the control sidebar -->
<div class='control-sidebar-bg'></div> <div class="control-sidebar-bg"></div>
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.2 JS -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- SlimScroll --> <!-- SlimScroll -->
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<!-- FastClick --> <!-- FastClick -->
<script src='../../plugins/fastclick/fastclick.min.js'></script> <script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js" type="text/javascript"></script> <script src="../../dist/js/app.min.js" type="text/javascript"></script>
<!-- Demo --> <!-- Demo -->
<script src="../../dist/js/demo.js" type="text/javascript"></script> <script src="../../dist/js/demo.js" type="text/javascript"></script>
</body> </body>

11
pages/examples/invoice-print.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Invoice</title> <title>AdminLTE 2 | Invoice</title>
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
@ -116,10 +116,10 @@
<!-- accepted payments column --> <!-- accepted payments column -->
<div class="col-xs-6"> <div class="col-xs-6">
<p class="lead">Payment Methods:</p> <p class="lead">Payment Methods:</p>
<img src="../../dist/img/credit/visa.png" alt="Visa"/> <img src="../../dist/img/credit/visa.png" alt="Visa" />
<img src="../../dist/img/credit/mastercard.png" alt="Mastercard"/> <img src="../../dist/img/credit/mastercard.png" alt="Mastercard" />
<img src="../../dist/img/credit/american-express.png" alt="American Express"/> <img src="../../dist/img/credit/american-express.png" alt="American Express" />
<img src="../../dist/img/credit/paypal2.png" alt="Paypal"/> <img src="../../dist/img/credit/paypal2.png" alt="Paypal" />
<p class="text-muted well well-sm no-shadow" style="margin-top: 10px;"> <p class="text-muted well well-sm no-shadow" style="margin-top: 10px;">
Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra. Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra.
</p> </p>
@ -150,6 +150,7 @@
</div><!-- /.row --> </div><!-- /.row -->
</section><!-- /.content --> </section><!-- /.content -->
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js" type="text/javascript"></script> <script src="../../dist/js/app.min.js" type="text/javascript"></script>
</body> </body>

76
pages/examples/invoice.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Invoice</title> <title>AdminLTE 2 | Invoice</title>
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
@ -26,7 +26,7 @@
</head> </head>
<body class="skin-blue sidebar-mini"> <body class="skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
<a href="../../index2.html" class="logo"> <a href="../../index2.html" class="logo">
@ -60,7 +60,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Support Team Support Team
@ -72,7 +72,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -84,7 +84,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Developers Developers
@ -96,7 +96,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -108,7 +108,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -237,7 +237,7 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
@ -298,9 +298,9 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."/> <input type="text" name="q" class="form-control" placeholder="Search..." />
<span class="input-group-btn"> <span class="input-group-btn">
<button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
</div> </div>
</form> </form>
@ -610,7 +610,7 @@
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark"> <aside class="control-sidebar control-sidebar-dark">
<!-- Create the tabs --> <!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs"> <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
<li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li> <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
@ -622,9 +622,9 @@
<!-- Home tab content --> <!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab"> <div class="tab-pane" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Recent Activity</h3> <h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class='control-sidebar-menu'> <ul class="control-sidebar-menu">
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i> <i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4> <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@ -633,7 +633,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i> <i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4> <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@ -642,7 +642,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4> <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@ -651,7 +651,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i> <i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info"> <div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4> <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@ -661,59 +661,59 @@
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul><!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class='control-sidebar-menu'> <ul class="control-sidebar-menu">
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul><!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div><!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
@ -752,21 +752,21 @@
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked />
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right" /> <input type="checkbox" class="pull-right" />
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
</form> </form>
</div><!-- /.tab-pane --> </div><!-- /.tab-pane -->
@ -774,15 +774,15 @@
</aside><!-- /.control-sidebar --> </aside><!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed <!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar --> immediately after the control sidebar -->
<div class='control-sidebar-bg'></div> <div class="control-sidebar-bg"></div>
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.2 JS -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- FastClick --> <!-- FastClick -->
<script src='../../plugins/fastclick/fastclick.min.js'></script> <script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../../dist/js/app.min.js" type="text/javascript"></script> <script src="../../dist/js/app.min.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->

12
pages/examples/lockscreen.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Lockscreen</title> <title>AdminLTE 2 | Lockscreen</title>
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
@ -32,7 +32,7 @@
<div class="lockscreen-item"> <div class="lockscreen-item">
<!-- lockscreen image --> <!-- lockscreen image -->
<div class="lockscreen-image"> <div class="lockscreen-image">
<img src="../../dist/img/user1-128x128.jpg" alt="user image"/> <img src="../../dist/img/user1-128x128.jpg" alt="User Image" />
</div> </div>
<!-- /.lockscreen-image --> <!-- /.lockscreen-image -->
@ -50,17 +50,17 @@
<div class="help-block text-center"> <div class="help-block text-center">
Enter your password to retrieve your session Enter your password to retrieve your session
</div> </div>
<div class='text-center'> <div class="text-center">
<a href="login.html">Or sign in as a different user</a> <a href="login.html">Or sign in as a different user</a>
</div> </div>
<div class='lockscreen-footer text-center'> <div class="lockscreen-footer text-center">
Copyright &copy; 2014-2015 <b><a href="http://almsaeedstudio.com" class='text-black'>Almsaeed Studio</a></b><br> Copyright &copy; 2014-2015 <b><a href="http://almsaeedstudio.com" class="text-black">Almsaeed Studio</a></b><br/>
All rights reserved All rights reserved
</div> </div>
</div><!-- /.center --> </div><!-- /.center -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.2 JS -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
</body> </body>

12
pages/examples/login.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Log in</title> <title>AdminLTE 2 | Log in</title>
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
@ -30,20 +30,20 @@
<p class="login-box-msg">Sign in to start your session</p> <p class="login-box-msg">Sign in to start your session</p>
<form action="../../index2.html" method="post"> <form action="../../index2.html" method="post">
<div class="form-group has-feedback"> <div class="form-group has-feedback">
<input type="email" class="form-control" placeholder="Email"/> <input type="email" class="form-control" placeholder="Email" />
<span class="glyphicon glyphicon-envelope form-control-feedback"></span> <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
</div> </div>
<div class="form-group has-feedback"> <div class="form-group has-feedback">
<input type="password" class="form-control" placeholder="Password"/> <input type="password" class="form-control" placeholder="Password" />
<span class="glyphicon glyphicon-lock form-control-feedback"></span> <span class="glyphicon glyphicon-lock form-control-feedback"></span>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-8"> <div class="col-xs-8">
<div class="checkbox icheck"> <div class="checkbox icheck">
<label> <label>
<input type="checkbox"> Remember Me <input type="checkbox"> Remember Me
</label> </label>
</div> </div>
</div><!-- /.col --> </div><!-- /.col -->
<div class="col-xs-4"> <div class="col-xs-4">
<button type="submit" class="btn btn-primary btn-block btn-flat">Sign In</button> <button type="submit" class="btn btn-primary btn-block btn-flat">Sign In</button>
@ -64,7 +64,7 @@
</div><!-- /.login-box --> </div><!-- /.login-box -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.2 JS -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- iCheck --> <!-- iCheck -->

16
pages/examples/register.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Registration Page</title> <title>AdminLTE 2 | Registration Page</title>
<!-- Tell the browser to be responsive to screen width --> <!-- Tell the browser to be responsive to screen width -->
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
@ -31,19 +31,19 @@
<p class="login-box-msg">Register a new membership</p> <p class="login-box-msg">Register a new membership</p>
<form action="../../index.html" method="post"> <form action="../../index.html" method="post">
<div class="form-group has-feedback"> <div class="form-group has-feedback">
<input type="text" class="form-control" placeholder="Full name"/> <input type="text" class="form-control" placeholder="Full name" />
<span class="glyphicon glyphicon-user form-control-feedback"></span> <span class="glyphicon glyphicon-user form-control-feedback"></span>
</div> </div>
<div class="form-group has-feedback"> <div class="form-group has-feedback">
<input type="email" class="form-control" placeholder="Email"/> <input type="email" class="form-control" placeholder="Email" />
<span class="glyphicon glyphicon-envelope form-control-feedback"></span> <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
</div> </div>
<div class="form-group has-feedback"> <div class="form-group has-feedback">
<input type="password" class="form-control" placeholder="Password"/> <input type="password" class="form-control" placeholder="Password" />
<span class="glyphicon glyphicon-lock form-control-feedback"></span> <span class="glyphicon glyphicon-lock form-control-feedback"></span>
</div> </div>
<div class="form-group has-feedback"> <div class="form-group has-feedback">
<input type="password" class="form-control" placeholder="Retype password"/> <input type="password" class="form-control" placeholder="Retype password" />
<span class="glyphicon glyphicon-log-in form-control-feedback"></span> <span class="glyphicon glyphicon-log-in form-control-feedback"></span>
</div> </div>
<div class="row"> <div class="row">
@ -52,13 +52,13 @@
<label> <label>
<input type="checkbox"> I agree to the <a href="#">terms</a> <input type="checkbox"> I agree to the <a href="#">terms</a>
</label> </label>
</div> </div>
</div><!-- /.col --> </div><!-- /.col -->
<div class="col-xs-4"> <div class="col-xs-4">
<button type="submit" class="btn btn-primary btn-block btn-flat">Register</button> <button type="submit" class="btn btn-primary btn-block btn-flat">Register</button>
</div><!-- /.col --> </div><!-- /.col -->
</div> </div>
</form> </form>
<div class="social-auth-links text-center"> <div class="social-auth-links text-center">
<p>- OR -</p> <p>- OR -</p>
@ -71,7 +71,7 @@
</div><!-- /.register-box --> </div><!-- /.register-box -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script> <script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.2 JS -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- iCheck --> <!-- iCheck -->