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

Updated local clone

pull/537/head
Abdullah Almsaeed 2015-06-22 17:11:18 +03:00
parent eb8012df48 4b1e5f1e42
commit c7c3381856
37 changed files with 1429 additions and 1439 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
dist/js/app.js vendored
View File

@ -316,15 +316,18 @@ function _init() {
//Enable sidebar push menu //Enable sidebar push menu
if ($(window).width() > (screenSizes.sm - 1)) { if ($(window).width() > (screenSizes.sm - 1)) {
$("body").toggleClass('sidebar-collapse'); if ($("body").hasClass('sidebar-collapse')) {
$("body").removeClass('sidebar-collapse').trigger('expanded.pushMenu');
} else {
$("body").addClass('sidebar-collapse').trigger('collapsed.pushMenu');
}
} }
//Handle sidebar push menu for small screens //Handle sidebar push menu for small screens
else { else {
if ($("body").hasClass('sidebar-open')) { if ($("body").hasClass('sidebar-open')) {
$("body").removeClass('sidebar-open'); $("body").removeClass('sidebar-open').removeClass('sidebar-collapse').trigger('collapsed.pushMenu');
$("body").removeClass('sidebar-collapse')
} else { } else {
$("body").addClass('sidebar-open'); $("body").addClass('sidebar-open').trigger('expanded.pushMenu');
} }
} }
}); });
@ -342,7 +345,6 @@ function _init() {
&& $('body').hasClass('sidebar-mini'))) { && $('body').hasClass('sidebar-mini'))) {
this.expandOnHover(); this.expandOnHover();
} }
}, },
expandOnHover: function () { expandOnHover: function () {
var _this = this; var _this = this;
@ -555,7 +557,7 @@ function _init() {
//Find the box parent //Find the box parent
var box = element.parents(".box").first(); var box = element.parents(".box").first();
//Find the body and the footer //Find the body and the footer
var box_content = box.find("> .box-body, > .box-footer"); var box_content = box.find("> .box-body, > .box-footer, > form >.box-body, > form > .box-footer");
if (!box.hasClass("collapsed-box")) { if (!box.hasClass("collapsed-box")) {
//Convert minus into plus //Convert minus into plus
element.children(":first") element.children(":first")

2
dist/js/app.min.js vendored
View File

File diff suppressed because one or more lines are too long

76
index.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" />
<!-- FontAwesome 4.3.0 --> <!-- FontAwesome 4.3.0 -->
@ -69,7 +69,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
@ -81,7 +81,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
@ -93,7 +93,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
@ -105,7 +105,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
@ -117,7 +117,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
@ -246,7 +246,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">
@ -307,9 +307,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>
@ -558,7 +558,7 @@
<div class="box-body chat" id="chat-box"> <div class="box-body chat" id="chat-box">
<!-- chat item --> <!-- chat item -->
<div class="item"> <div class="item">
<img src="dist/img/user4-128x128.jpg" alt="user image" class="online"/> <img src="dist/img/user4-128x128.jpg" alt="user image" class="online" />
<p class="message"> <p class="message">
<a href="#" class="name"> <a href="#" class="name">
<small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 2:15</small> <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 2:15</small>
@ -580,7 +580,7 @@
</div><!-- /.item --> </div><!-- /.item -->
<!-- chat item --> <!-- chat item -->
<div class="item"> <div class="item">
<img src="dist/img/user3-128x128.jpg" alt="user image" class="offline"/> <img src="dist/img/user3-128x128.jpg" alt="user image" class="offline" />
<p class="message"> <p class="message">
<a href="#" class="name"> <a href="#" class="name">
<small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:15</small> <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:15</small>
@ -593,7 +593,7 @@
</div><!-- /.item --> </div><!-- /.item -->
<!-- chat item --> <!-- chat item -->
<div class="item"> <div class="item">
<img src="dist/img/user2-160x160.jpg" alt="user image" class="offline"/> <img src="dist/img/user2-160x160.jpg" alt="user image" class="offline" />
<p class="message"> <p class="message">
<a href="#" class="name"> <a href="#" class="name">
<small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:30</small> <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:30</small>
@ -607,7 +607,7 @@
</div><!-- /.chat --> </div><!-- /.chat -->
<div class="box-footer"> <div class="box-footer">
<div class="input-group"> <div class="input-group">
<input class="form-control" placeholder="Type message..."/> <input class="form-control" placeholder="Type message..." />
<div class="input-group-btn"> <div class="input-group-btn">
<button class="btn btn-success"><i class="fa fa-plus"></i></button> <button class="btn btn-success"><i class="fa fa-plus"></i></button>
</div> </div>
@ -639,7 +639,7 @@
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
</span> </span>
<!-- checkbox --> <!-- checkbox -->
<input type="checkbox" value="" name=""/> <input type="checkbox" value="" name="" />
<!-- todo text --> <!-- todo text -->
<span class="text">Design a nice theme</span> <span class="text">Design a nice theme</span>
<!-- Emphasis label --> <!-- Emphasis label -->
@ -655,7 +655,7 @@
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
</span> </span>
<input type="checkbox" value="" name=""/> <input type="checkbox" value="" name="" />
<span class="text">Make the theme responsive</span> <span class="text">Make the theme responsive</span>
<small class="label label-info"><i class="fa fa-clock-o"></i> 4 hours</small> <small class="label label-info"><i class="fa fa-clock-o"></i> 4 hours</small>
<div class="tools"> <div class="tools">
@ -668,7 +668,7 @@
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
</span> </span>
<input type="checkbox" value="" name=""/> <input type="checkbox" value="" name="" />
<span class="text">Let theme shine like a star</span> <span class="text">Let theme shine like a star</span>
<small class="label label-warning"><i class="fa fa-clock-o"></i> 1 day</small> <small class="label label-warning"><i class="fa fa-clock-o"></i> 1 day</small>
<div class="tools"> <div class="tools">
@ -681,7 +681,7 @@
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
</span> </span>
<input type="checkbox" value="" name=""/> <input type="checkbox" value="" name="" />
<span class="text">Let theme shine like a star</span> <span class="text">Let theme shine like a star</span>
<small class="label label-success"><i class="fa fa-clock-o"></i> 3 days</small> <small class="label label-success"><i class="fa fa-clock-o"></i> 3 days</small>
<div class="tools"> <div class="tools">
@ -694,7 +694,7 @@
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
</span> </span>
<input type="checkbox" value="" name=""/> <input type="checkbox" value="" name="" />
<span class="text">Check your messages and notifications</span> <span class="text">Check your messages and notifications</span>
<small class="label label-primary"><i class="fa fa-clock-o"></i> 1 week</small> <small class="label label-primary"><i class="fa fa-clock-o"></i> 1 week</small>
<div class="tools"> <div class="tools">
@ -707,7 +707,7 @@
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
<i class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
</span> </span>
<input type="checkbox" value="" name=""/> <input type="checkbox" value="" name="" />
<span class="text">Let theme shine like a star</span> <span class="text">Let theme shine like a star</span>
<small class="label label-default"><i class="fa fa-clock-o"></i> 1 month</small> <small class="label label-default"><i class="fa fa-clock-o"></i> 1 month</small>
<div class="tools"> <div class="tools">
@ -735,10 +735,10 @@
<div class="box-body"> <div class="box-body">
<form action="#" method="post"> <form action="#" method="post">
<div class="form-group"> <div class="form-group">
<input type="email" class="form-control" name="emailto" placeholder="Email to:"/> <input type="email" class="form-control" name="emailto" placeholder="Email to:" />
</div> </div>
<div class="form-group"> <div class="form-group">
<input type="text" class="form-control" name="subject" placeholder="Subject"/> <input type="text" class="form-control" name="subject" placeholder="Subject" />
</div> </div>
<div> <div>
<textarea class="textarea" placeholder="Message" style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea> <textarea class="textarea" placeholder="Message" style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
@ -760,7 +760,7 @@
<!-- tools box --> <!-- tools box -->
<div class="pull-right box-tools"> <div class="pull-right box-tools">
<button class="btn btn-primary btn-sm daterange pull-right" data-toggle="tooltip" title="Date range"><i class="fa fa-calendar"></i></button> <button class="btn btn-primary btn-sm daterange pull-right" data-toggle="tooltip" title="Date range"><i class="fa fa-calendar"></i></button>
<button class="btn btn-primary btn-sm pull-right" data-widget='collapse' data-toggle="tooltip" title="Collapse" style="margin-right: 5px;"><i class="fa fa-minus"></i></button> <button class="btn btn-primary btn-sm pull-right" data-widget="collapse" data-toggle="tooltip" title="Collapse" style="margin-right: 5px;"><i class="fa fa-minus"></i></button>
</div><!-- /. tools --> </div><!-- /. tools -->
<i class="fa fa-map-marker"></i> <i class="fa fa-map-marker"></i>
@ -806,15 +806,15 @@
<div class="box-footer no-border"> <div class="box-footer no-border">
<div class="row"> <div class="row">
<div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4"> <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
<input type="text" class="knob" data-readonly="true" value="20" data-width="60" data-height="60" data-fgColor="#39CCCC"/> <input type="text" class="knob" data-readonly="true" value="20" data-width="60" data-height="60" data-fgColor="#39CCCC" />
<div class="knob-label">Mail-Orders</div> <div class="knob-label">Mail-Orders</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4"> <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
<input type="text" class="knob" data-readonly="true" value="50" data-width="60" data-height="60" data-fgColor="#39CCCC"/> <input type="text" class="knob" data-readonly="true" value="50" data-width="60" data-height="60" data-fgColor="#39CCCC" />
<div class="knob-label">Online</div> <div class="knob-label">Online</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<input type="text" class="knob" data-readonly="true" value="30" data-width="60" data-height="60" data-fgColor="#39CCCC"/> <input type="text" class="knob" data-readonly="true" value="30" data-width="60" data-height="60" data-fgColor="#39CCCC" />
<div class="knob-label">In-Store</div> <div class="knob-label">In-Store</div>
</div><!-- ./col --> </div><!-- ./col -->
</div><!-- /.row --> </div><!-- /.row -->
@ -912,9 +912,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>
@ -923,7 +923,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>
@ -932,7 +932,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>
@ -941,7 +941,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>
@ -952,9 +952,9 @@
</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>
@ -965,7 +965,7 @@
</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>
@ -976,7 +976,7 @@
</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>
@ -987,7 +987,7 @@
</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>
@ -1064,7 +1064,7 @@
</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 -->
@ -1072,7 +1072,7 @@
<!-- jQuery UI 1.11.4 --> <!-- jQuery UI 1.11.4 -->
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js" type="text/javascript"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js" type="text/javascript"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script> <script type="text/javascript">
$.widget.bridge('uibutton', $.ui.button); $.widget.bridge('uibutton', $.ui.button);
</script> </script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.2 JS -->
@ -1097,7 +1097,7 @@
<!-- 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>

170
index2.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 -->
@ -62,7 +62,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
@ -74,7 +74,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
@ -86,7 +86,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
@ -98,7 +98,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
@ -110,7 +110,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
@ -239,7 +239,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">
@ -301,9 +301,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>
@ -659,7 +659,7 @@
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3> <h3 class="box-title">Direct Chat</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-yellow'>3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge bg-yellow">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button> <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@ -670,9 +670,9 @@
<div class="direct-chat-messages"> <div class="direct-chat-messages">
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -682,9 +682,9 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -694,9 +694,9 @@
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 5:37 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 5:37 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -706,9 +706,9 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 6:10 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 6:10 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -721,76 +721,76 @@
<!-- Contacts are loaded here --> <!-- Contacts are loaded here -->
<div class="direct-chat-contacts"> <div class="direct-chat-contacts">
<ul class='contacts-list'> <ul class="contacts-list">
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='dist/img/user1-128x128.jpg'/> <img class="contacts-list-img" src="dist/img/user1-128x128.jpg" />
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Count Dracula Count Dracula
<small class='contacts-list-date pull-right'>2/28/2015</small> <small class="contacts-list-date pull-right">2/28/2015</small>
</span> </span>
<span class='contacts-list-msg'>How have you been? I was...</span> <span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='dist/img/user7-128x128.jpg'/> <img class="contacts-list-img" src="dist/img/user7-128x128.jpg" />
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Sarah Doe Sarah Doe
<small class='contacts-list-date pull-right'>2/23/2015</small> <small class="contacts-list-date pull-right">2/23/2015</small>
</span> </span>
<span class='contacts-list-msg'>I will be waiting for...</span> <span class="contacts-list-msg">I will be waiting for...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='dist/img/user3-128x128.jpg'/> <img class="contacts-list-img" src="dist/img/user3-128x128.jpg" />
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Nadia Jolie Nadia Jolie
<small class='contacts-list-date pull-right'>2/20/2015</small> <small class="contacts-list-date pull-right">2/20/2015</small>
</span> </span>
<span class='contacts-list-msg'>I'll call you back at...</span> <span class="contacts-list-msg">I'll call you back at...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='dist/img/user5-128x128.jpg'/> <img class="contacts-list-img" src="dist/img/user5-128x128.jpg" />
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Nora S. Vans Nora S. Vans
<small class='contacts-list-date pull-right'>2/10/2015</small> <small class="contacts-list-date pull-right">2/10/2015</small>
</span> </span>
<span class='contacts-list-msg'>Where is your new...</span> <span class="contacts-list-msg">Where is your new...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='dist/img/user6-128x128.jpg'/> <img class="contacts-list-img" src="dist/img/user6-128x128.jpg" />
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
John K. John K.
<small class='contacts-list-date pull-right'>1/27/2015</small> <small class="contacts-list-date pull-right">1/27/2015</small>
</span> </span>
<span class='contacts-list-msg'>Can I take a look at...</span> <span class="contacts-list-msg">Can I take a look at...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='dist/img/user8-128x128.jpg'/> <img class="contacts-list-img" src="dist/img/user8-128x128.jpg" />
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Kenneth M. Kenneth M.
<small class='contacts-list-date pull-right'>1/4/2015</small> <small class="contacts-list-date pull-right">1/4/2015</small>
</span> </span>
<span class='contacts-list-msg'>Never mind I found...</span> <span class="contacts-list-msg">Never mind I found...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
@ -800,7 +800,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control"/> <input type="text" name="message" placeholder="Type Message ..." class="form-control" />
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-warning btn-flat">Send</button> <button type="button" class="btn btn-warning btn-flat">Send</button>
</span> </span>
@ -824,42 +824,42 @@
<div class="box-body no-padding"> <div class="box-body no-padding">
<ul class="users-list clearfix"> <ul class="users-list clearfix">
<li> <li>
<img src="dist/img/user1-128x128.jpg" alt="User Image"/> <img src="dist/img/user1-128x128.jpg" alt="User Image" />
<a class="users-list-name" href="#">Alexander Pierce</a> <a class="users-list-name" href="#">Alexander Pierce</a>
<span class="users-list-date">Today</span> <span class="users-list-date">Today</span>
</li> </li>
<li> <li>
<img src="dist/img/user8-128x128.jpg" alt="User Image"/> <img src="dist/img/user8-128x128.jpg" alt="User Image" />
<a class="users-list-name" href="#">Norman</a> <a class="users-list-name" href="#">Norman</a>
<span class="users-list-date">Yesterday</span> <span class="users-list-date">Yesterday</span>
</li> </li>
<li> <li>
<img src="dist/img/user7-128x128.jpg" alt="User Image"/> <img src="dist/img/user7-128x128.jpg" alt="User Image" />
<a class="users-list-name" href="#">Jane</a> <a class="users-list-name" href="#">Jane</a>
<span class="users-list-date">12 Jan</span> <span class="users-list-date">12 Jan</span>
</li> </li>
<li> <li>
<img src="dist/img/user6-128x128.jpg" alt="User Image"/> <img src="dist/img/user6-128x128.jpg" alt="User Image" />
<a class="users-list-name" href="#">John</a> <a class="users-list-name" href="#">John</a>
<span class="users-list-date">12 Jan</span> <span class="users-list-date">12 Jan</span>
</li> </li>
<li> <li>
<img src="dist/img/user2-160x160.jpg" alt="User Image"/> <img src="dist/img/user2-160x160.jpg" alt="User Image" />
<a class="users-list-name" href="#">Alexander</a> <a class="users-list-name" href="#">Alexander</a>
<span class="users-list-date">13 Jan</span> <span class="users-list-date">13 Jan</span>
</li> </li>
<li> <li>
<img src="dist/img/user5-128x128.jpg" alt="User Image"/> <img src="dist/img/user5-128x128.jpg" alt="User Image" />
<a class="users-list-name" href="#">Sarah</a> <a class="users-list-name" href="#">Sarah</a>
<span class="users-list-date">14 Jan</span> <span class="users-list-date">14 Jan</span>
</li> </li>
<li> <li>
<img src="dist/img/user4-128x128.jpg" alt="User Image"/> <img src="dist/img/user4-128x128.jpg" alt="User Image" />
<a class="users-list-name" href="#">Nora</a> <a class="users-list-name" href="#">Nora</a>
<span class="users-list-date">15 Jan</span> <span class="users-list-date">15 Jan</span>
</li> </li>
<li> <li>
<img src="dist/img/user3-128x128.jpg" alt="User Image"/> <img src="dist/img/user3-128x128.jpg" alt="User Image" />
<a class="users-list-name" href="#">Nadia</a> <a class="users-list-name" href="#">Nadia</a>
<span class="users-list-date">15 Jan</span> <span class="users-list-date">15 Jan</span>
</li> </li>
@ -1050,7 +1050,7 @@
<ul class="products-list product-list-in-box"> <ul class="products-list product-list-in-box">
<li class="item"> <li class="item">
<div class="product-img"> <div class="product-img">
<img src="dist/img/default-50x50.gif" alt="Product Image"/> <img src="dist/img/default-50x50.gif" alt="Product Image" />
</div> </div>
<div class="product-info"> <div class="product-info">
<a href="javascript::;" class="product-title">Samsung TV <span class="label label-warning pull-right">$1800</span></a> <a href="javascript::;" class="product-title">Samsung TV <span class="label label-warning pull-right">$1800</span></a>
@ -1061,7 +1061,7 @@
</li><!-- /.item --> </li><!-- /.item -->
<li class="item"> <li class="item">
<div class="product-img"> <div class="product-img">
<img src="dist/img/default-50x50.gif" alt="Product Image"/> <img src="dist/img/default-50x50.gif" alt="Product Image" />
</div> </div>
<div class="product-info"> <div class="product-info">
<a href="javascript::;" class="product-title">Bicycle <span class="label label-info pull-right">$700</span></a> <a href="javascript::;" class="product-title">Bicycle <span class="label label-info pull-right">$700</span></a>
@ -1072,7 +1072,7 @@
</li><!-- /.item --> </li><!-- /.item -->
<li class="item"> <li class="item">
<div class="product-img"> <div class="product-img">
<img src="dist/img/default-50x50.gif" alt="Product Image"/> <img src="dist/img/default-50x50.gif" alt="Product Image" />
</div> </div>
<div class="product-info"> <div class="product-info">
<a href="javascript::;" class="product-title">Xbox One <span class="label label-danger pull-right">$350</span></a> <a href="javascript::;" class="product-title">Xbox One <span class="label label-danger pull-right">$350</span></a>
@ -1083,7 +1083,7 @@
</li><!-- /.item --> </li><!-- /.item -->
<li class="item"> <li class="item">
<div class="product-img"> <div class="product-img">
<img src="dist/img/default-50x50.gif" alt="Product Image"/> <img src="dist/img/default-50x50.gif" alt="Product Image" />
</div> </div>
<div class="product-info"> <div class="product-info">
<a href="javascript::;" class="product-title">PlayStation 4 <span class="label label-success pull-right">$399</span></a> <a href="javascript::;" class="product-title">PlayStation 4 <span class="label label-success pull-right">$399</span></a>
@ -1122,9 +1122,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>
@ -1133,7 +1133,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>
@ -1142,7 +1142,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>
@ -1151,7 +1151,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>
@ -1162,9 +1162,9 @@
</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>
@ -1175,7 +1175,7 @@
</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>
@ -1186,7 +1186,7 @@
</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>
@ -1197,7 +1197,7 @@
</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>
@ -1273,16 +1273,16 @@
</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>
<!-- Sparkline --> <!-- Sparkline -->

184
pages/UI/buttons.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 -->
@ -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>
@ -548,17 +548,17 @@
</div><!-- /.box --> </div><!-- /.box -->
<!-- Horizontal grouping --> <!-- Horizontal grouping -->
<div class='box'> <div class="box">
<div class='box-header'> <div class="box-header">
<h3 class='box-title'>Horizontal Button Group</h3> <h3 class="box-title">Horizontal Button Group</h3>
</div> </div>
<div class='box-body table-responsive pad'> <div class="box-body table-responsive pad">
<p> <p>
Horizontal button groups are easy to create with bootstrap. Just add your buttons Horizontal button groups are easy to create with bootstrap. Just add your buttons
inside <code>&lt;div class="btn-group"&gt;&lt;/div&gt;</code> inside <code>&lt;div class="btn-group"&gt;&lt;/div&gt;</code>
</p> </p>
<table class='table table-bordered'> <table class="table table-bordered">
<tr> <tr>
<th>Button</th> <th>Button</th>
<th>Icons</th> <th>Icons</th>
@ -576,16 +576,16 @@
</td> </td>
<td> <td>
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-default"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-default"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-default"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-default"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-default"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-default"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-default btn-flat"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-default btn-flat"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-default btn-flat"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-default btn-flat"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-default btn-flat"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-default btn-flat"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
@ -616,16 +616,16 @@
</td> </td>
<td> <td>
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-info"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-info"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-info"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-info"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-info"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-info"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-info btn-flat"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-info btn-flat"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-info btn-flat"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-info btn-flat"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-info btn-flat"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-info btn-flat"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
@ -656,16 +656,16 @@
</td> </td>
<td> <td>
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-danger"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-danger"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-danger"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-danger"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-danger"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-danger"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-danger btn-flat"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-danger btn-flat"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-danger btn-flat"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-danger btn-flat"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-danger btn-flat"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-danger btn-flat"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
@ -696,16 +696,16 @@
</td> </td>
<td> <td>
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-warning"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-warning"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-warning"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-warning"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-warning"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-warning"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-warning btn-flat"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-warning btn-flat"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-warning btn-flat"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-warning btn-flat"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-warning btn-flat"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-warning btn-flat"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
@ -736,16 +736,16 @@
</td> </td>
<td> <td>
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-success"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-success"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-success"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-success"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-success"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-success"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-success btn-flat"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-success btn-flat"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-success btn-flat"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-success btn-flat"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-success btn-flat"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-success btn-flat"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
@ -1100,18 +1100,18 @@
</div><!-- /.box --> </div><!-- /.box -->
<!-- Vertical grouping --> <!-- Vertical grouping -->
<div class='box'> <div class="box">
<div class='box-header'> <div class="box-header">
<h3 class='box-title'>Vertical Button Group</h3> <h3 class="box-title">Vertical Button Group</h3>
</div> </div>
<div class='box-body table-responsive pad'> <div class="box-body table-responsive pad">
<p> <p>
Vertical button groups are easy to create with bootstrap. Just add your buttons Vertical button groups are easy to create with bootstrap. Just add your buttons
inside <code>&lt;div class="btn-group-vertical"&gt;&lt;/div&gt;</code> inside <code>&lt;div class="btn-group-vertical"&gt;&lt;/div&gt;</code>
</p> </p>
<table class='table table-bordered'> <table class="table table-bordered">
<tr> <tr>
<th>Button</th> <th>Button</th>
<th>Icons</th> <th>Icons</th>
@ -1129,16 +1129,16 @@
</td> </td>
<td> <td>
<div class="btn-group-vertical"> <div class="btn-group-vertical">
<button type="button" class="btn btn-default"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-default"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-default"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-default"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-default"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-default"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
<div class="btn-group-vertical"> <div class="btn-group-vertical">
<button type="button" class="btn btn-default btn-flat"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-default btn-flat"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-default btn-flat"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-default btn-flat"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-default btn-flat"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-default btn-flat"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
@ -1169,16 +1169,16 @@
</td> </td>
<td> <td>
<div class="btn-group-vertical"> <div class="btn-group-vertical">
<button type="button" class="btn btn-info"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-info"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-info"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-info"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-info"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-info"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
<div class="btn-group-vertical"> <div class="btn-group-vertical">
<button type="button" class="btn btn-info btn-flat"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-info btn-flat"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-info btn-flat"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-info btn-flat"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-info btn-flat"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-info btn-flat"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
@ -1209,16 +1209,16 @@
</td> </td>
<td> <td>
<div class="btn-group-vertical"> <div class="btn-group-vertical">
<button type="button" class="btn btn-danger"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-danger"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-danger"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-danger"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-danger"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-danger"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
<div class="btn-group-vertical"> <div class="btn-group-vertical">
<button type="button" class="btn btn-danger btn-flat"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-danger btn-flat"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-danger btn-flat"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-danger btn-flat"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-danger btn-flat"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-danger btn-flat"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
@ -1249,16 +1249,16 @@
</td> </td>
<td> <td>
<div class="btn-group-vertical"> <div class="btn-group-vertical">
<button type="button" class="btn btn-warning"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-warning"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-warning"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-warning"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-warning"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-warning"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
<div class="btn-group-vertical"> <div class="btn-group-vertical">
<button type="button" class="btn btn-warning btn-flat"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-warning btn-flat"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-warning btn-flat"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-warning btn-flat"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-warning btn-flat"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-warning btn-flat"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
@ -1289,16 +1289,16 @@
</td> </td>
<td> <td>
<div class="btn-group-vertical"> <div class="btn-group-vertical">
<button type="button" class="btn btn-success"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-success"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-success"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-success"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-success"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-success"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
<div class="btn-group-vertical"> <div class="btn-group-vertical">
<button type="button" class="btn btn-success btn-flat"><i class='fa fa-align-left'></i></button> <button type="button" class="btn btn-success btn-flat"><i class="fa fa-align-left"></i></button>
<button type="button" class="btn btn-success btn-flat"><i class='fa fa-align-center'></i></button> <button type="button" class="btn btn-success btn-flat"><i class="fa fa-align-center"></i></button>
<button type="button" class="btn btn-success btn-flat"><i class='fa fa-align-right'></i></button> <button type="button" class="btn btn-success btn-flat"><i class="fa fa-align-right"></i></button>
</div> </div>
</td> </td>
<td> <td>
@ -1345,9 +1345,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>
@ -1356,7 +1356,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>
@ -1365,7 +1365,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>
@ -1374,7 +1374,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>
@ -1385,9 +1385,9 @@
</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>
@ -1398,7 +1398,7 @@
</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>
@ -1409,7 +1409,7 @@
</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>
@ -1420,7 +1420,7 @@
</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>
@ -1497,15 +1497,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 -->

201
pages/UI/general.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | General UI</title> <title>AdminLTE 2 | General UI</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 -->
@ -28,7 +28,6 @@
height: 35px; height: 35px;
line-height: 35px; line-height: 35px;
text-align: center; text-align: center;
} }
.color-palette-set { .color-palette-set {
margin-bottom: 15px; margin-bottom: 15px;
@ -88,7 +87,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
@ -100,7 +99,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
@ -112,7 +111,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
@ -124,7 +123,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
@ -136,7 +135,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
@ -265,7 +264,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">
@ -326,9 +325,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>
@ -490,108 +489,108 @@
<!-- Main content --> <!-- Main content -->
<section class="content"> <section class="content">
<!-- COLOR PALETTE --> <!-- COLOR PALETTE -->
<div class='box box-default color-palette-box'> <div class="box box-default color-palette-box">
<div class='box-header with-border'> <div class="box-header with-border">
<h3 class='box-title'><i class="fa fa-tag"></i> Color Palette</h3> <h3 class="box-title"><i class="fa fa-tag"></i> Color Palette</h3>
</div> </div>
<div class='box-body'> <div class="box-body">
<div class='row'> <div class="row">
<div class='col-sm-4 col-md-2'> <div class="col-sm-4 col-md-2">
<h4 class='text-center'>Primary</h4> <h4 class="text-center">Primary</h4>
<div class='color-palette-set'> <div class="color-palette-set">
<div class='bg-light-blue disabled color-palette'><span>Disabled</span></div> <div class="bg-light-blue disabled color-palette"><span>Disabled</span></div>
<div class='bg-light-blue color-palette'><span>#3c8dbc</span></div> <div class="bg-light-blue color-palette"><span>#3c8dbc</span></div>
<div class='bg-light-blue-active color-palette'><span>Active</span></div> <div class="bg-light-blue-active color-palette"><span>Active</span></div>
</div> </div>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-4 col-md-2'> <div class="col-sm-4 col-md-2">
<h4 class='text-center'>Info</h4> <h4 class="text-center">Info</h4>
<div class='color-palette-set'> <div class="color-palette-set">
<div class='bg-aqua disabled color-palette'><span>Disabled</span></div> <div class="bg-aqua disabled color-palette"><span>Disabled</span></div>
<div class='bg-aqua color-palette'><span>#00c0ef</span></div> <div class="bg-aqua color-palette"><span>#00c0ef</span></div>
<div class='bg-aqua-active color-palette'><span>Active</span></div> <div class="bg-aqua-active color-palette"><span>Active</span></div>
</div> </div>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-4 col-md-2'> <div class="col-sm-4 col-md-2">
<h4 class='text-center'>Success</h4> <h4 class="text-center">Success</h4>
<div class='color-palette-set'> <div class="color-palette-set">
<div class='bg-green disabled color-palette'><span>Disabled</span></div> <div class="bg-green disabled color-palette"><span>Disabled</span></div>
<div class='bg-green color-palette'><span>#00a65a</span></div> <div class="bg-green color-palette"><span>#00a65a</span></div>
<div class='bg-green-active color-palette'><span>Active</span></div> <div class="bg-green-active color-palette"><span>Active</span></div>
</div> </div>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-4 col-md-2'> <div class="col-sm-4 col-md-2">
<h4 class='text-center'>Warning</h4> <h4 class="text-center">Warning</h4>
<div class='color-palette-set'> <div class="color-palette-set">
<div class='bg-yellow disabled color-palette'><span>Disabled</span></div> <div class="bg-yellow disabled color-palette"><span>Disabled</span></div>
<div class='bg-yellow color-palette'><span>#f39c12</span></div> <div class="bg-yellow color-palette"><span>#f39c12</span></div>
<div class='bg-yellow-active color-palette'><span>Active</span></div> <div class="bg-yellow-active color-palette"><span>Active</span></div>
</div> </div>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-4 col-md-2'> <div class="col-sm-4 col-md-2">
<h4 class='text-center'>Danger</h4> <h4 class="text-center">Danger</h4>
<div class='color-palette-set'> <div class="color-palette-set">
<div class='bg-red disabled color-palette'><span>Disabled</span></div> <div class="bg-red disabled color-palette"><span>Disabled</span></div>
<div class='bg-red color-palette'><span>#f56954</span></div> <div class="bg-red color-palette"><span>#f56954</span></div>
<div class='bg-red-active color-palette'><span>Active</span></div> <div class="bg-red-active color-palette"><span>Active</span></div>
</div> </div>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-4 col-md-2'> <div class="col-sm-4 col-md-2">
<h4 class='text-center'>Gray</h4> <h4 class="text-center">Gray</h4>
<div class='color-palette-set'> <div class="color-palette-set">
<div class='bg-gray disabled color-palette'><span>Disabled</span></div> <div class="bg-gray disabled color-palette"><span>Disabled</span></div>
<div class='bg-gray color-palette'><span>#d2d6de</span></div> <div class="bg-gray color-palette"><span>#d2d6de</span></div>
<div class='bg-gray-active color-palette'><span>Active</span></div> <div class="bg-gray-active color-palette"><span>Active</span></div>
</div> </div>
</div><!-- /.col --> </div><!-- /.col -->
</div><!-- /.row --> </div><!-- /.row -->
<div class='row'> <div class="row">
<div class='col-sm-4 col-md-2'> <div class="col-sm-4 col-md-2">
<h4 class='text-center'>Navy</h4> <h4 class="text-center">Navy</h4>
<div class='color-palette-set'> <div class="color-palette-set">
<div class='bg-navy disabled color-palette'><span>Disabled</span></div> <div class="bg-navy disabled color-palette"><span>Disabled</span></div>
<div class='bg-navy color-palette'><span>#001F3F</span></div> <div class="bg-navy color-palette"><span>#001F3F</span></div>
<div class='bg-navy-active color-palette'><span>Active</span></div> <div class="bg-navy-active color-palette"><span>Active</span></div>
</div> </div>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-4 col-md-2'> <div class="col-sm-4 col-md-2">
<h4 class='text-center'>Teal</h4> <h4 class="text-center">Teal</h4>
<div class='color-palette-set'> <div class="color-palette-set">
<div class='bg-teal disabled color-palette'><span>Disabled</span></div> <div class="bg-teal disabled color-palette"><span>Disabled</span></div>
<div class='bg-teal color-palette'><span>#39CCCC</span></div> <div class="bg-teal color-palette"><span>#39CCCC</span></div>
<div class='bg-teal-active color-palette'><span>Active</span></div> <div class="bg-teal-active color-palette"><span>Active</span></div>
</div> </div>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-4 col-md-2'> <div class="col-sm-4 col-md-2">
<h4 class='text-center'>Purple</h4> <h4 class="text-center">Purple</h4>
<div class='color-palette-set'> <div class="color-palette-set">
<div class='bg-purple disabled color-palette'><span>Disabled</span></div> <div class="bg-purple disabled color-palette"><span>Disabled</span></div>
<div class='bg-purple color-palette'><span>#605ca8</span></div> <div class="bg-purple color-palette"><span>#605ca8</span></div>
<div class='bg-purple-active color-palette'><span>Active</span></div> <div class="bg-purple-active color-palette"><span>Active</span></div>
</div> </div>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-4 col-md-2'> <div class="col-sm-4 col-md-2">
<h4 class='text-center'>Orange</h4> <h4 class="text-center">Orange</h4>
<div class='color-palette-set'> <div class="color-palette-set">
<div class='bg-orange disabled color-palette'><span>Disabled</span></div> <div class="bg-orange disabled color-palette"><span>Disabled</span></div>
<div class='bg-orange color-palette'><span>#00a65a</span></div> <div class="bg-orange color-palette"><span>#ff851b</span></div>
<div class='bg-orange-active color-palette'><span>Active</span></div> <div class="bg-orange-active color-palette"><span>Active</span></div>
</div> </div>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-4 col-md-2'> <div class="col-sm-4 col-md-2">
<h4 class='text-center'>Maroon</h4> <h4 class="text-center">Maroon</h4>
<div class='color-palette-set'> <div class="color-palette-set">
<div class='bg-maroon disabled color-palette'><span>Disabled</span></div> <div class="bg-maroon disabled color-palette"><span>Disabled</span></div>
<div class='bg-maroon color-palette'><span>#D81B60</span></div> <div class="bg-maroon color-palette"><span>#D81B60</span></div>
<div class='bg-maroon-active color-palette'><span>Active</span></div> <div class="bg-maroon-active color-palette"><span>Active</span></div>
</div> </div>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-4 col-md-2'> <div class="col-sm-4 col-md-2">
<h4 class='text-center'>Black</h4> <h4 class="text-center">Black</h4>
<div class='color-palette-set'> <div class="color-palette-set">
<div class='bg-black disabled color-palette'><span>Disabled</span></div> <div class="bg-black disabled color-palette"><span>Disabled</span></div>
<div class='bg-black color-palette'><span>#111111</span></div> <div class="bg-black color-palette"><span>#111111</span></div>
<div class='bg-black-active color-palette'><span>Active</span></div> <div class="bg-black-active color-palette"><span>Active</span></div>
</div> </div>
</div><!-- /.col --> </div><!-- /.col -->
</div><!-- /.row --> </div><!-- /.row -->
@ -1226,9 +1225,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>
@ -1237,7 +1236,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>
@ -1246,7 +1245,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>
@ -1255,7 +1254,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>
@ -1266,9 +1265,9 @@
</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>
@ -1279,7 +1278,7 @@
</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>
@ -1290,7 +1289,7 @@
</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>
@ -1301,7 +1300,7 @@
</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>
@ -1378,15 +1377,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 -->

49
pages/UI/icons.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 -->
@ -106,7 +106,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
@ -118,7 +118,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
@ -130,7 +130,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
@ -142,7 +142,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
@ -154,7 +154,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
@ -194,7 +194,6 @@
<i class="fa fa-users text-red"></i> 5 new members joined <i class="fa fa-users text-red"></i> 5 new members joined
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fa fa-shopping-cart text-green"></i> 25 sales made <i class="fa fa-shopping-cart text-green"></i> 25 sales made
@ -283,7 +282,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">
@ -344,9 +343,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>
@ -507,8 +506,8 @@
<!-- Main content --> <!-- Main content -->
<section class="content"> <section class="content">
<div class='row'> <div class="row">
<div class='col-xs-12'> <div class="col-xs-12">
<div class="nav-tabs-custom"> <div class="nav-tabs-custom">
<ul class="nav nav-tabs"> <ul class="nav nav-tabs">
<li class="active"><a href="#fa-icons" data-toggle="tab">Font Awesome</a></li> <li class="active"><a href="#fa-icons" data-toggle="tab">Font Awesome</a></li>
@ -2166,9 +2165,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>
@ -2177,7 +2176,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>
@ -2186,7 +2185,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>
@ -2195,7 +2194,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>
@ -2206,9 +2205,9 @@
</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>
@ -2219,7 +2218,7 @@
</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>
@ -2230,7 +2229,7 @@
</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>
@ -2241,7 +2240,7 @@
</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>
@ -2318,15 +2317,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 -->

31
pages/UI/modals.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Modals</title> <title>AdminLTE 2 | Modals</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 -->
@ -310,7 +310,7 @@
<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>
@ -592,6 +592,7 @@
</div><!-- /.example-modal --> </div><!-- /.example-modal -->
</section><!-- /.content --> </section><!-- /.content -->
</div><!-- /.content-wrapper --> </div><!-- /.content-wrapper -->
<footer class="main-footer"> <footer class="main-footer">
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
<b>Version</b> 2.0 <b>Version</b> 2.0
@ -612,9 +613,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>
@ -623,7 +624,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>
@ -632,7 +633,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>
@ -641,7 +642,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>
@ -652,9 +653,9 @@
</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>
@ -665,7 +666,7 @@
</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>
@ -676,7 +677,7 @@
</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>
@ -687,7 +688,7 @@
</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>
@ -764,15 +765,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 -->

48
pages/UI/sliders.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | UI Sliders</title> <title>AdminLTE 2 | UI Sliders</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 -->
@ -66,7 +66,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
@ -78,7 +78,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
@ -90,7 +90,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
@ -102,7 +102,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
@ -114,7 +114,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
@ -243,7 +243,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">
@ -304,9 +304,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>
@ -538,6 +538,7 @@
</div><!-- /.row --> </div><!-- /.row -->
</section><!-- /.content --> </section><!-- /.content -->
</div><!-- /.content-wrapper --> </div><!-- /.content-wrapper -->
<footer class="main-footer"> <footer class="main-footer">
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
<b>Version</b> 2.0 <b>Version</b> 2.0
@ -558,9 +559,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>
@ -569,7 +570,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>
@ -578,7 +579,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>
@ -587,7 +588,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>
@ -598,9 +599,9 @@
</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>
@ -611,7 +612,7 @@
</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>
@ -622,7 +623,7 @@
</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>
@ -633,7 +634,7 @@
</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>
@ -710,25 +711,23 @@
</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 -->
<script src="../../dist/js/demo.js" type="text/javascript"></script> <script src="../../dist/js/demo.js" type="text/javascript"></script>
<!-- Ion Slider --> <!-- Ion Slider -->
<script src="../../plugins/ionslider/ion.rangeSlider.min.js" type="text/javascript"></script> <script src="../../plugins/ionslider/ion.rangeSlider.min.js" type="text/javascript"></script>
<!-- Bootstrap slider --> <!-- Bootstrap slider -->
<script src="../../plugins/bootstrap-slider/bootstrap-slider.js" type="text/javascript"></script> <script src="../../plugins/bootstrap-slider/bootstrap-slider.js" type="text/javascript"></script>
<script type="text/javascript"> <script type="text/javascript">
$(function () { $(function () {
/* BOOTSTRAP SLIDER */ /* BOOTSTRAP SLIDER */
@ -795,6 +794,5 @@
}); });
}); });
</script> </script>
</body> </body>
</html> </html>

59
pages/UI/timeline.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Timeline</title> <title>AdminLTE 2 | Timeline</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 -->
@ -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>
@ -486,7 +486,7 @@
jajah plickers sifteo edmodo ifttt zimbra. Babblely odeo kaboodle jajah plickers sifteo edmodo ifttt zimbra. Babblely odeo kaboodle
quora plaxo ideeli hulu weebly balihoo... quora plaxo ideeli hulu weebly balihoo...
</div> </div>
<div class='timeline-footer'> <div class="timeline-footer">
<a class="btn btn-primary btn-xs">Read more</a> <a class="btn btn-primary btn-xs">Read more</a>
<a class="btn btn-danger btn-xs">Delete</a> <a class="btn btn-danger btn-xs">Delete</a>
</div> </div>
@ -513,7 +513,7 @@
Switzerland is small and neutral! Switzerland is small and neutral!
We are more like Germany, ambitious and misunderstood! We are more like Germany, ambitious and misunderstood!
</div> </div>
<div class='timeline-footer'> <div class="timeline-footer">
<a class="btn btn-warning btn-flat btn-xs">View comment</a> <a class="btn btn-warning btn-flat btn-xs">View comment</a>
</div> </div>
</div> </div>
@ -533,10 +533,10 @@
<span class="time"><i class="fa fa-clock-o"></i> 2 days ago</span> <span class="time"><i class="fa fa-clock-o"></i> 2 days ago</span>
<h3 class="timeline-header"><a href="#">Mina Lee</a> uploaded new photos</h3> <h3 class="timeline-header"><a href="#">Mina Lee</a> uploaded new photos</h3>
<div class="timeline-body"> <div class="timeline-body">
<img src="http://placehold.it/150x100" alt="..." class='margin' /> <img src="http://placehold.it/150x100" alt="..." class="margin" />
<img src="http://placehold.it/150x100" alt="..." class='margin'/> <img src="http://placehold.it/150x100" alt="..." class="margin" />
<img src="http://placehold.it/150x100" alt="..." class='margin'/> <img src="http://placehold.it/150x100" alt="..." class="margin" />
<img src="http://placehold.it/150x100" alt="..." class='margin'/> <img src="http://placehold.it/150x100" alt="..." class="margin" />
</div> </div>
</div> </div>
</li> </li>
@ -597,7 +597,7 @@
Content goes here Content goes here
&lt;/div> &lt;/div>
&lt;div class='timeline-footer'> &lt;div class="timeline-footer">
&lt;a class="btn btn-primary btn-xs">...&lt;/a> &lt;a class="btn btn-primary btn-xs">...&lt;/a>
&lt;/div> &lt;/div>
&lt;/div> &lt;/div>
@ -615,6 +615,7 @@
</section><!-- /.content --> </section><!-- /.content -->
</div><!-- /.content-wrapper --> </div><!-- /.content-wrapper -->
<footer class="main-footer"> <footer class="main-footer">
<div class="pull-right hidden-xs"> <div class="pull-right hidden-xs">
<b>Version</b> 2.0 <b>Version</b> 2.0
@ -635,9 +636,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>
@ -646,7 +647,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>
@ -655,7 +656,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>
@ -664,7 +665,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>
@ -675,9 +676,9 @@
</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>
@ -688,7 +689,7 @@
</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>
@ -699,7 +700,7 @@
</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>
@ -710,7 +711,7 @@
</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>
@ -787,15 +788,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/calendar.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Calendar</title> <title>AdminLTE 2 | Calendar</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 -->
@ -13,7 +13,7 @@
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
<!-- fullCalendar 2.2.5--> <!-- fullCalendar 2.2.5-->
<link href="../plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" /> <link href="../plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
<link href="../plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media='print' /> <link href="../plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media="print" />
<!-- Theme style --> <!-- Theme style -->
<link href="../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link href="../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
<!-- AdminLTE Skins. Choose a skin from the css/skins <!-- AdminLTE Skins. Choose a skin from the css/skins
@ -63,7 +63,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
@ -75,7 +75,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
@ -87,7 +87,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
@ -99,7 +99,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
@ -111,7 +111,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
@ -240,7 +240,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">
@ -297,9 +297,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,15 +467,15 @@
</div> </div>
<div class="box-body"> <div class="box-body">
<!-- the events --> <!-- the events -->
<div id='external-events'> <div id="external-events">
<div class='external-event bg-green'>Lunch</div> <div class="external-event bg-green">Lunch</div>
<div class='external-event bg-yellow'>Go home</div> <div class="external-event bg-yellow">Go home</div>
<div class='external-event bg-aqua'>Do homework</div> <div class="external-event bg-aqua">Do homework</div>
<div class='external-event bg-light-blue'>Work on UI design</div> <div class="external-event bg-light-blue">Work on UI design</div>
<div class='external-event bg-red'>Sleep tight</div> <div class="external-event bg-red">Sleep tight</div>
<div class="checkbox"> <div class="checkbox">
<label for='drop-remove'> <label for="drop-remove">
<input type='checkbox' id='drop-remove' /> <input type="checkbox" id="drop-remove" />
remove after drop remove after drop
</label> </label>
</div> </div>
@ -537,7 +537,6 @@
<!-- 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>
<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li> <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
</ul> </ul>
<!-- Tab panes --> <!-- Tab panes -->
@ -545,9 +544,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>
@ -556,7 +555,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>
@ -565,7 +564,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>
@ -574,7 +573,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>
@ -585,9 +584,9 @@
</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>
@ -598,7 +597,7 @@
</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>
@ -609,7 +608,7 @@
</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>
@ -620,7 +619,7 @@
</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>
@ -697,11 +696,11 @@
</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>
<!-- jQuery UI 1.11.4 --> <!-- jQuery UI 1.11.4 -->
@ -709,7 +708,7 @@
<!-- 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>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
@ -874,6 +873,5 @@
}); });
}); });
</script> </script>
</body> </body>
</html> </html>

36
pages/charts/chartjs.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | ChartJS</title> <title>AdminLTE 2 | ChartJS</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 -->
@ -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
@ -129,7 +129,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">
@ -190,9 +190,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>
@ -444,9 +444,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>
@ -455,7 +455,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>
@ -464,7 +464,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>
@ -473,7 +473,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>
@ -484,9 +484,9 @@
</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>
@ -497,7 +497,7 @@
</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>
@ -508,7 +508,7 @@
</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>
@ -519,7 +519,7 @@
</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>
@ -596,17 +596,17 @@
</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>
<!-- ChartJS 1.0.1 --> <!-- ChartJS 1.0.1 -->
<script src="../../plugins/chartjs/Chart.min.js" type="text/javascript"></script> <script src="../../plugins/chartjs/Chart.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 -->

49
pages/charts/flot.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Flot Charts</title> <title>AdminLTE 2 | Flot Charts</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 -->
@ -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>
@ -565,7 +565,6 @@
<!-- 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>
<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li> <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
</ul> </ul>
<!-- Tab panes --> <!-- Tab panes -->
@ -573,9 +572,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>
@ -584,7 +583,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>
@ -593,7 +592,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>
@ -602,7 +601,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>
@ -613,9 +612,9 @@
</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>
@ -626,7 +625,7 @@
</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>
@ -637,7 +636,7 @@
</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>
@ -648,7 +647,7 @@
</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>
@ -725,15 +724,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 -->
@ -890,7 +889,7 @@
} }
}); });
//Initialize tooltip on hover //Initialize tooltip on hover
$("<div class='tooltip-inner' id='line-chart-tooltip'></div>").css({ $('<div class="tooltip-inner" id="line-chart-tooltip"></div>').css({
position: "absolute", position: "absolute",
display: "none", display: "none",
opacity: 0.8 opacity: 0.8
@ -1008,7 +1007,7 @@
* ---------------------- * ----------------------
*/ */
function labelFormatter(label, series) { function labelFormatter(label, series) {
return "<div style='font-size:13px; text-align:center; padding:2px; color: #fff; font-weight: 600;'>" return '<div style="font-size:13px; text-align:center; padding:2px; color: #fff; font-weight: 600;">'
+ label + label
+ "<br/>" + "<br/>"
+ Math.round(series.percent) + "%</div>"; + Math.round(series.percent) + "%</div>";

85
pages/charts/inline.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 -->
@ -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
@ -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>
@ -478,30 +478,30 @@
<div class="box-body"> <div class="box-body">
<div class="row"> <div class="row">
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="30" data-width="90" data-height="90" data-fgColor="#3c8dbc"/> <input type="text" class="knob" value="30" data-width="90" data-height="90" data-fgColor="#3c8dbc" />
<div class="knob-label">New Visitors</div> <div class="knob-label">New Visitors</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="70" data-width="90" data-height="90" data-fgColor="#f56954"/> <input type="text" class="knob" value="70" data-width="90" data-height="90" data-fgColor="#f56954" />
<div class="knob-label">Bounce Rate</div> <div class="knob-label">Bounce Rate</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="-80" data-min="-150" data-max="150" data-width="90" data-height="90" data-fgColor="#00a65a"/> <input type="text" class="knob" value="-80" data-min="-150" data-max="150" data-width="90" data-height="90" data-fgColor="#00a65a" />
<div class="knob-label">Server Load</div> <div class="knob-label">Server Load</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="40" data-width="90" data-height="90" data-fgColor="#00c0ef"/> <input type="text" class="knob" value="40" data-width="90" data-height="90" data-fgColor="#00c0ef" />
<div class="knob-label">Disk Space</div> <div class="knob-label">Disk Space</div>
</div><!-- ./col --> </div><!-- ./col -->
</div><!-- /.row --> </div><!-- /.row -->
<div class="row"> <div class="row">
<div class="col-xs-6 text-center"> <div class="col-xs-6 text-center">
<input type="text" class="knob" value="90" data-width="90" data-height="90" data-fgColor="#932ab6"/> <input type="text" class="knob" value="90" data-width="90" data-height="90" data-fgColor="#932ab6" />
<div class="knob-label">Bandwidth</div> <div class="knob-label">Bandwidth</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-xs-6 text-center"> <div class="col-xs-6 text-center">
<input type="text" class="knob" value="50" data-width="90" data-height="90" data-fgColor="#39CCCC"/> <input type="text" class="knob" value="50" data-width="90" data-height="90" data-fgColor="#39CCCC" />
<div class="knob-label">CPU</div> <div class="knob-label">CPU</div>
</div><!-- ./col --> </div><!-- ./col -->
</div><!-- /.row --> </div><!-- /.row -->
@ -524,19 +524,19 @@
<div class="box-body"> <div class="box-body">
<div class="row"> <div class="row">
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="30" data-width="90" data-height="90" data-fgColor="#3c8dbc" data-readonly="true"/> <input type="text" class="knob" value="30" data-width="90" data-height="90" data-fgColor="#3c8dbc" data-readonly="true" />
<div class="knob-label">data-width="90"</div> <div class="knob-label">data-width="90"</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="30" data-width="120" data-height="120" data-fgColor="#f56954"/> <input type="text" class="knob" value="30" data-width="120" data-height="120" data-fgColor="#f56954" />
<div class="knob-label">data-width="120"</div> <div class="knob-label">data-width="120"</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="30" data-thickness="0.1" data-width="90" data-height="90" data-fgColor="#00a65a"/> <input type="text" class="knob" value="30" data-thickness="0.1" data-width="90" data-height="90" data-fgColor="#00a65a" />
<div class="knob-label">data-thickness="0.1"</div> <div class="knob-label">data-thickness="0.1"</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" data-thickness="0.2" data-angleArc="250" data-angleOffset="-125" value="30" data-width="120" data-height="120" data-fgColor="#00c0ef"/> <input type="text" class="knob" data-thickness="0.2" data-angleArc="250" data-angleOffset="-125" value="30" data-width="120" data-height="120" data-fgColor="#00c0ef" />
<div class="knob-label">data-angleArc="250"</div> <div class="knob-label">data-angleArc="250"</div>
</div><!-- ./col --> </div><!-- ./col -->
</div><!-- /.row --> </div><!-- /.row -->
@ -559,19 +559,19 @@
<div class="box-body"> <div class="box-body">
<div class="row"> <div class="row">
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="80" data-skin="tron" data-thickness="0.2" data-width="90" data-height="90" data-fgColor="#3c8dbc" data-readonly="true"/> <input type="text" class="knob" value="80" data-skin="tron" data-thickness="0.2" data-width="90" data-height="90" data-fgColor="#3c8dbc" data-readonly="true" />
<div class="knob-label">data-width="90"</div> <div class="knob-label">data-width="90"</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="60" data-skin="tron" data-thickness="0.2" data-width="120" data-height="120" data-fgColor="#f56954"/> <input type="text" class="knob" value="60" data-skin="tron" data-thickness="0.2" data-width="120" data-height="120" data-fgColor="#f56954" />
<div class="knob-label">data-width="120"</div> <div class="knob-label">data-width="120"</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="10" data-skin="tron" data-thickness="0.1" data-width="90" data-height="90" data-fgColor="#00a65a"/> <input type="text" class="knob" value="10" data-skin="tron" data-thickness="0.1" data-width="90" data-height="90" data-fgColor="#00a65a" />
<div class="knob-label">data-thickness="0.1"</div> <div class="knob-label">data-thickness="0.1"</div>
</div><!-- ./col --> </div><!-- ./col -->
<div class="col-md-3 col-sm-6 col-xs-6 text-center"> <div class="col-md-3 col-sm-6 col-xs-6 text-center">
<input type="text" class="knob" value="100" data-skin="tron" data-thickness="0.2" data-angleArc="250" data-angleOffset="-125" data-width="120" data-height="120" data-fgColor="#00c0ef"/> <input type="text" class="knob" value="100" data-skin="tron" data-thickness="0.2" data-angleArc="250" data-angleOffset="-125" data-width="120" data-height="120" data-fgColor="#00c0ef" />
<div class="knob-label">data-angleArc="250"</div> <div class="knob-label">data-angleArc="250"</div>
</div><!-- ./col --> </div><!-- ./col -->
</div><!-- /.row --> </div><!-- /.row -->
@ -581,7 +581,7 @@
</div><!-- /.row --> </div><!-- /.row -->
<!-- callout --> <!-- callout -->
<div class='callout callout-info'> <div class="callout callout-info">
<h4>The following was created using data tags</h4> <h4>The following was created using data tags</h4>
<p>The following three inline (sparkline) chart have been initialized to read and interpret data tags</p> <p>The following three inline (sparkline) chart have been initialized to read and interpret data tags</p>
</div> </div>
@ -613,7 +613,7 @@
</div> </div>
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div class="box-body text-center"> <div class="box-body text-center">
<div class="sparkline" data-type="line" data-spot-Radius="3" data-highlight-Spot-Color="#f39c12" data-highlight-Line-Color="#222" data-min-Spot-Color="#f56954" data-max-Spot-Color="#00a65a" data-spot-Color="#39CCCC" data-offset="90" data-width="100%" data-height="100px" data-line-Width='2' data-line-Color='#39CCCC' data-fill-Color='rgba(57, 204, 204, 0.08)'> <div class="sparkline" data-type="line" data-spot-Radius="3" data-highlight-Spot-Color="#f39c12" data-highlight-Line-Color="#222" data-min-Spot-Color="#f56954" data-max-Spot-Color="#00a65a" data-spot-Color="#39CCCC" data-offset="90" data-width="100%" data-height="100px" data-line-Width="2" data-line-Color="#39CCCC" data-fill-Color="rgba(57, 204, 204, 0.08)">
6,4,7,8,4,3,2,2,5,6,7,4,1,5,7,9,9,8,7,6 6,4,7,8,4,3,2,2,5,6,7,4,1,5,7,9,9,8,7,6
</div> </div>
</div><!-- /.box-body --> </div><!-- /.box-body -->
@ -637,8 +637,8 @@
</div><!-- /.col --> </div><!-- /.col -->
</div><!-- /.row --> </div><!-- /.row -->
<div class='row'> <div class="row">
<div class='col-xs-12'> <div class="col-xs-12">
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header"> <div class="box-header">
<h3 class="box-title">Sparkline examples</h3> <h3 class="box-title">Sparkline examples</h3>
@ -648,8 +648,8 @@
</div> </div>
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div id="myBody" class="box-body"> <div id="myBody" class="box-body">
<div class='row'> <div class="row">
<div class='col-sm-6'> <div class="col-sm-6">
<p> <p>
Mouse speed <span id="mousespeed">Loading..</span> Mouse speed <span id="mousespeed">Loading..</span>
</p> </p>
@ -691,7 +691,7 @@
<span class="sparkbullet">10,12,14,9,7</span><br /> <span class="sparkbullet">10,12,14,9,7</span><br />
</p> </p>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-6'> <div class="col-sm-6">
<p> <p>
Customize size and colours Customize size and colours
<span id="linecustom">10,8,9,3,5,8,5,7</span> <span id="linecustom">10,8,9,3,5,8,5,7</span>
@ -736,7 +736,6 @@
<!-- 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>
<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li> <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
</ul> </ul>
<!-- Tab panes --> <!-- Tab panes -->
@ -744,9 +743,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>
@ -755,7 +754,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>
@ -764,7 +763,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>
@ -773,7 +772,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>
@ -784,9 +783,9 @@
</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>
@ -797,7 +796,7 @@
</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>
@ -808,7 +807,7 @@
</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>
@ -819,7 +818,7 @@
</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>
@ -896,17 +895,17 @@
</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 1.3.0 --> <!-- SlimScroll 1.3.0 -->
<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>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->

44
pages/charts/morris.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Morris.js Charts</title> <title>AdminLTE 2 | Morris.js Charts</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 -->
@ -62,7 +62,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
@ -74,7 +74,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
@ -86,7 +86,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
@ -98,7 +98,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
@ -110,7 +110,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
@ -239,7 +239,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">
@ -300,9 +300,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>
@ -552,9 +552,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>
@ -563,7 +563,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>
@ -572,7 +572,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>
@ -581,7 +581,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>
@ -592,9 +592,9 @@
</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>
@ -605,7 +605,7 @@
</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>
@ -616,7 +616,7 @@
</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>
@ -627,7 +627,7 @@
</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>
@ -704,18 +704,18 @@
</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>
<!-- Morris.js charts --> <!-- Morris.js charts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="../../plugins/morris/morris.min.js" type="text/javascript"></script> <script src="../../plugins/morris/morris.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 -->

52
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 -->
@ -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>
@ -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,9 +541,9 @@
</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>
@ -554,7 +554,7 @@
</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>
@ -565,7 +565,7 @@
</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>
@ -576,7 +576,7 @@
</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>
@ -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 -->

52
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 -->
@ -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>
@ -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,9 +542,9 @@
</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>
@ -555,7 +555,7 @@
</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>
@ -566,7 +566,7 @@
</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>
@ -577,7 +577,7 @@
</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>
@ -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 -->

36
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 -->
@ -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>
@ -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,9 +440,9 @@
</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>
@ -453,7 +453,7 @@
</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>
@ -464,7 +464,7 @@
</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>
@ -475,7 +475,7 @@
</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>
@ -552,17 +552,17 @@
</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>

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>

44
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 -->
@ -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>
@ -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>
@ -662,9 +662,9 @@
</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>
@ -675,7 +675,7 @@
</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>
@ -686,7 +686,7 @@
</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>
@ -697,7 +697,7 @@
</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>
@ -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>

8
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,11 +30,11 @@
<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">
@ -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 -->

12
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">
@ -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 -->

106
pages/forms/advanced.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Advanced form elements</title> <title>AdminLTE 2 | Advanced form elements</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 -->
@ -16,9 +16,9 @@
<!-- iCheck for checkboxes and radio inputs --> <!-- iCheck for checkboxes and radio inputs -->
<link href="../../plugins/iCheck/all.css" rel="stylesheet" type="text/css" /> <link href="../../plugins/iCheck/all.css" rel="stylesheet" type="text/css" />
<!-- Bootstrap Color Picker --> <!-- Bootstrap Color Picker -->
<link href="../../plugins/colorpicker/bootstrap-colorpicker.min.css" rel="stylesheet"/> <link href="../../plugins/colorpicker/bootstrap-colorpicker.min.css" rel="stylesheet" type="text/css" />
<!-- Bootstrap time Picker --> <!-- Bootstrap time Picker -->
<link href="../../plugins/timepicker/bootstrap-timepicker.min.css" rel="stylesheet"/> <link href="../../plugins/timepicker/bootstrap-timepicker.min.css" rel="stylesheet" type="text/css" />
<!-- Select2 --> <!-- Select2 -->
<link href="../../plugins/select2/select2.min.css" rel="stylesheet" type="text/css" /> <link href="../../plugins/select2/select2.min.css" rel="stylesheet" type="text/css" />
<!-- Theme style --> <!-- Theme style -->
@ -70,7 +70,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
@ -82,7 +82,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
@ -94,7 +94,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
@ -106,7 +106,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
@ -118,7 +118,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
@ -247,7 +247,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">
@ -308,9 +308,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>
@ -557,7 +557,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-calendar"></i> <i class="fa fa-calendar"></i>
</div> </div>
<input type="text" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask/> <input type="text" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask />
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -567,7 +567,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-calendar"></i> <i class="fa fa-calendar"></i>
</div> </div>
<input type="text" class="form-control" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask/> <input type="text" class="form-control" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask />
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -578,7 +578,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-phone"></i> <i class="fa fa-phone"></i>
</div> </div>
<input type="text" class="form-control" data-inputmask='"mask": "(999) 999-9999"' data-mask/> <input type="text" class="form-control" data-inputmask='"mask": "(999) 999-9999"' data-mask />
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -589,7 +589,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-phone"></i> <i class="fa fa-phone"></i>
</div> </div>
<input type="text" class="form-control" data-inputmask="'mask': ['999-999-9999 [x99999]', '+099 99 99 9999[9]-9999']" data-mask/> <input type="text" class="form-control" data-inputmask="'mask': ['999-999-9999 [x99999]', '+099 99 99 9999[9]-9999']" data-mask />
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -600,7 +600,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-laptop"></i> <i class="fa fa-laptop"></i>
</div> </div>
<input type="text" class="form-control" data-inputmask="'alias': 'ip'" data-mask/> <input type="text" class="form-control" data-inputmask="'alias': 'ip'" data-mask />
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -615,14 +615,14 @@
<!-- Color Picker --> <!-- Color Picker -->
<div class="form-group"> <div class="form-group">
<label>Color picker:</label> <label>Color picker:</label>
<input type="text" class="form-control my-colorpicker1"/> <input type="text" class="form-control my-colorpicker1" />
</div><!-- /.form group --> </div><!-- /.form group -->
<!-- Color Picker --> <!-- Color Picker -->
<div class="form-group"> <div class="form-group">
<label>Color picker with addon:</label> <label>Color picker with addon:</label>
<div class="input-group my-colorpicker2"> <div class="input-group my-colorpicker2">
<input type="text" class="form-control"/> <input type="text" class="form-control" />
<div class="input-group-addon"> <div class="input-group-addon">
<i></i> <i></i>
</div> </div>
@ -634,7 +634,7 @@
<div class="form-group"> <div class="form-group">
<label>Time picker:</label> <label>Time picker:</label>
<div class="input-group"> <div class="input-group">
<input type="text" class="form-control timepicker"/> <input type="text" class="form-control timepicker" />
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-clock-o"></i> <i class="fa fa-clock-o"></i>
</div> </div>
@ -658,7 +658,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-calendar"></i> <i class="fa fa-calendar"></i>
</div> </div>
<input type="text" class="form-control pull-right" id="reservation"/> <input type="text" class="form-control pull-right" id="reservation" />
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -669,7 +669,7 @@
<div class="input-group-addon"> <div class="input-group-addon">
<i class="fa fa-clock-o"></i> <i class="fa fa-clock-o"></i>
</div> </div>
<input type="text" class="form-control pull-right" id="reservationtime"/> <input type="text" class="form-control pull-right" id="reservationtime" />
</div><!-- /.input group --> </div><!-- /.input group -->
</div><!-- /.form group --> </div><!-- /.form group -->
@ -698,13 +698,13 @@
<!-- checkbox --> <!-- checkbox -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="checkbox" class="minimal" checked/> <input type="checkbox" class="minimal" checked />
</label> </label>
<label> <label>
<input type="checkbox" class="minimal"/> <input type="checkbox" class="minimal" />
</label> </label>
<label> <label>
<input type="checkbox" class="minimal" disabled/> <input type="checkbox" class="minimal" disabled />
Minimal skin checkbox Minimal skin checkbox
</label> </label>
</div> </div>
@ -712,13 +712,13 @@
<!-- radio --> <!-- radio -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="radio" name="r1" class="minimal" checked/> <input type="radio" name="r1" class="minimal" checked />
</label> </label>
<label> <label>
<input type="radio" name="r1" class="minimal"/> <input type="radio" name="r1" class="minimal" />
</label> </label>
<label> <label>
<input type="radio" name="r1" class="minimal" disabled/> <input type="radio" name="r1" class="minimal" disabled />
Minimal skin radio Minimal skin radio
</label> </label>
</div> </div>
@ -728,13 +728,13 @@
<!-- checkbox --> <!-- checkbox -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="checkbox" class="minimal-red" checked/> <input type="checkbox" class="minimal-red" checked />
</label> </label>
<label> <label>
<input type="checkbox" class="minimal-red"/> <input type="checkbox" class="minimal-red" />
</label> </label>
<label> <label>
<input type="checkbox" class="minimal-red" disabled/> <input type="checkbox" class="minimal-red" disabled />
Minimal red skin checkbox Minimal red skin checkbox
</label> </label>
</div> </div>
@ -742,13 +742,13 @@
<!-- radio --> <!-- radio -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="radio" name="r2" class="minimal-red" checked/> <input type="radio" name="r2" class="minimal-red" checked />
</label> </label>
<label> <label>
<input type="radio" name="r2" class="minimal-red"/> <input type="radio" name="r2" class="minimal-red" />
</label> </label>
<label> <label>
<input type="radio" name="r2" class="minimal-red" disabled/> <input type="radio" name="r2" class="minimal-red" disabled />
Minimal red skin radio Minimal red skin radio
</label> </label>
</div> </div>
@ -758,13 +758,13 @@
<!-- checkbox --> <!-- checkbox -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="checkbox" class="flat-red" checked/> <input type="checkbox" class="flat-red" checked />
</label> </label>
<label> <label>
<input type="checkbox" class="flat-red"/> <input type="checkbox" class="flat-red" />
</label> </label>
<label> <label>
<input type="checkbox" class="flat-red" disabled/> <input type="checkbox" class="flat-red" disabled />
Flat green skin checkbox Flat green skin checkbox
</label> </label>
</div> </div>
@ -772,13 +772,13 @@
<!-- radio --> <!-- radio -->
<div class="form-group"> <div class="form-group">
<label> <label>
<input type="radio" name="r3" class="flat-red" checked/> <input type="radio" name="r3" class="flat-red" checked />
</label> </label>
<label> <label>
<input type="radio" name="r3" class="flat-red"/> <input type="radio" name="r3" class="flat-red" />
</label> </label>
<label> <label>
<input type="radio" name="r3" class="flat-red" disabled/> <input type="radio" name="r3" class="flat-red" disabled />
Flat green skin radio Flat green skin radio
</label> </label>
</div> </div>
@ -812,9 +812,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>
@ -823,7 +823,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>
@ -832,7 +832,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>
@ -841,7 +841,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>
@ -852,9 +852,9 @@
</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>
@ -865,7 +865,7 @@
</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>
@ -876,7 +876,7 @@
</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>
@ -887,7 +887,7 @@
</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>
@ -964,12 +964,11 @@
</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>
<!-- Select2 --> <!-- Select2 -->
@ -990,7 +989,7 @@
<!-- iCheck 1.0.1 --> <!-- iCheck 1.0.1 -->
<script src="../../plugins/iCheck/icheck.min.js" type="text/javascript"></script> <script src="../../plugins/iCheck/icheck.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 -->
@ -1058,6 +1057,5 @@
}); });
}); });
</script> </script>
</body> </body>
</html> </html>

77
pages/forms/editors.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 -->
@ -62,7 +62,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
@ -74,7 +74,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
@ -86,7 +86,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
@ -98,7 +98,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
@ -110,7 +110,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
@ -150,7 +150,6 @@
<i class="fa fa-users text-red"></i> 5 new members joined <i class="fa fa-users text-red"></i> 5 new members joined
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fa fa-shopping-cart text-green"></i> 25 sales made <i class="fa fa-shopping-cart text-green"></i> 25 sales made
@ -239,7 +238,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">
@ -300,9 +299,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>
@ -464,18 +463,18 @@
<!-- Main content --> <!-- Main content -->
<section class="content"> <section class="content">
<div class='row'> <div class="row">
<div class='col-md-12'> <div class="col-md-12">
<div class='box box-info'> <div class="box box-info">
<div class='box-header'> <div class="box-header">
<h3 class='box-title'>CK Editor <small>Advanced and full of features</small></h3> <h3 class="box-title">CK Editor <small>Advanced and full of features</small></h3>
<!-- tools box --> <!-- tools box -->
<div class="pull-right box-tools"> <div class="pull-right box-tools">
<button class="btn btn-info btn-sm" data-widget='collapse' data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-info btn-sm" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-info btn-sm" data-widget='remove' data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button> <button class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
</div><!-- /. tools --> </div><!-- /. tools -->
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div class='box-body pad'> <div class="box-body pad">
<form> <form>
<textarea id="editor1" name="editor1" rows="10" cols="80"> <textarea id="editor1" name="editor1" rows="10" cols="80">
This is my textarea to be replaced with CKEditor. This is my textarea to be replaced with CKEditor.
@ -484,16 +483,16 @@
</div> </div>
</div><!-- /.box --> </div><!-- /.box -->
<div class='box'> <div class="box">
<div class='box-header'> <div class="box-header">
<h3 class='box-title'>Bootstrap WYSIHTML5 <small>Simple and fast</small></h3> <h3 class="box-title">Bootstrap WYSIHTML5 <small>Simple and fast</small></h3>
<!-- tools box --> <!-- tools box -->
<div class="pull-right box-tools"> <div class="pull-right box-tools">
<button class="btn btn-default btn-sm" data-widget='collapse' data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-default btn-sm" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-default btn-sm" data-widget='remove' data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button> <button class="btn btn-default btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
</div><!-- /. tools --> </div><!-- /. tools -->
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div class='box-body pad'> <div class="box-body pad">
<form> <form>
<textarea class="textarea" placeholder="Place some text here" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea> <textarea class="textarea" placeholder="Place some text here" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
</form> </form>
@ -522,9 +521,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>
@ -533,7 +532,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>
@ -542,7 +541,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>
@ -551,7 +550,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>
@ -562,9 +561,9 @@
</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>
@ -575,7 +574,7 @@
</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>
@ -586,7 +585,7 @@
</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>
@ -597,7 +596,7 @@
</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>
@ -674,22 +673,21 @@
</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 -->
<script src="../../dist/js/demo.js" type="text/javascript"></script> <script src="../../dist/js/demo.js" type="text/javascript"></script>
<!-- CK Editor --> <!-- CK Editor -->
<script src="https://cdn.ckeditor.com/4.4.3/standard/ckeditor.js"></script> <script src="https://cdn.ckeditor.com/4.4.3/standard/ckeditor.js" type="text/javascript"></script>
<!-- Bootstrap WYSIHTML5 --> <!-- Bootstrap WYSIHTML5 -->
<script src="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script> <script src="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
<script type="text/javascript"> <script type="text/javascript">
@ -701,6 +699,5 @@
$(".textarea").wysihtml5(); $(".textarea").wysihtml5();
}); });
</script> </script>
</body> </body>
</html> </html>

64
pages/forms/general.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 -->
@ -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">
@ -300,7 +300,7 @@
<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>
@ -671,11 +671,11 @@
<!-- text input --> <!-- text input -->
<div class="form-group"> <div class="form-group">
<label>Text</label> <label>Text</label>
<input type="text" class="form-control" placeholder="Enter ..."/> <input type="text" class="form-control" placeholder="Enter ..." />
</div> </div>
<div class="form-group"> <div class="form-group">
<label>Text Disabled</label> <label>Text Disabled</label>
<input type="text" class="form-control" placeholder="Enter ..." disabled/> <input type="text" class="form-control" placeholder="Enter ..." disabled />
</div> </div>
<!-- textarea --> <!-- textarea -->
@ -691,36 +691,36 @@
<!-- input states --> <!-- input states -->
<div class="form-group has-success"> <div class="form-group has-success">
<label class="control-label" for="inputSuccess"><i class="fa fa-check"></i> Input with success</label> <label class="control-label" for="inputSuccess"><i class="fa fa-check"></i> Input with success</label>
<input type="text" class="form-control" id="inputSuccess" placeholder="Enter ..."/> <input type="text" class="form-control" id="inputSuccess" placeholder="Enter ..." />
</div> </div>
<div class="form-group has-warning"> <div class="form-group has-warning">
<label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Input with warning</label> <label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Input with warning</label>
<input type="text" class="form-control" id="inputWarning" placeholder="Enter ..."/> <input type="text" class="form-control" id="inputWarning" placeholder="Enter ..." />
</div> </div>
<div class="form-group has-error"> <div class="form-group has-error">
<label class="control-label" for="inputError"><i class="fa fa-times-circle-o"></i> Input with error</label> <label class="control-label" for="inputError"><i class="fa fa-times-circle-o"></i> Input with error</label>
<input type="text" class="form-control" id="inputError" placeholder="Enter ..."/> <input type="text" class="form-control" id="inputError" placeholder="Enter ..." />
</div> </div>
<!-- checkbox --> <!-- checkbox -->
<div class="form-group"> <div class="form-group">
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox"/> <input type="checkbox" />
Checkbox 1 Checkbox 1
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox"/> <input type="checkbox" />
Checkbox 2 Checkbox 2
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" disabled/> <input type="checkbox" disabled />
Checkbox disabled Checkbox disabled
</label> </label>
</div> </div>
@ -730,19 +730,19 @@
<div class="form-group"> <div class="form-group">
<div class="radio"> <div class="radio">
<label> <label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked />>
Option one is this and that&mdash;be sure to include why it's great Option one is this and that&mdash;be sure to include why it's great
</label> </label>
</div> </div>
<div class="radio"> <div class="radio">
<label> <label>
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" />>
Option two can be something else and selecting it will deselect option one Option two can be something else and selecting it will deselect option one
</label> </label>
</div> </div>
<div class="radio"> <div class="radio">
<label> <label>
<input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled/> <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled />
Option three is disabled Option three is disabled
</label> </label>
</div> </div>
@ -819,9 +819,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>
@ -830,7 +830,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>
@ -839,7 +839,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>
@ -848,7 +848,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>
@ -859,9 +859,9 @@
</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>
@ -872,7 +872,7 @@
</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>
@ -883,7 +883,7 @@
</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>
@ -894,7 +894,7 @@
</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>
@ -971,15 +971,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 -->

36
pages/layout/boxed.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Boxed Layout</title> <title>AdminLTE 2 | Boxed Layout</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 -->
@ -59,7 +59,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
@ -128,7 +128,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">
@ -192,9 +192,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>
@ -401,9 +401,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>
@ -412,7 +412,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>
@ -421,7 +421,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>
@ -430,7 +430,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>
@ -441,9 +441,9 @@
</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>
@ -454,7 +454,7 @@
</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>
@ -465,7 +465,7 @@
</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>
@ -476,7 +476,7 @@
</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>
@ -553,17 +553,17 @@
</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>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->

36
pages/layout/collapsed-sidebar.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Collapsed Sidebar Layout</title> <title>AdminLTE 2 | Collapsed Sidebar Layout</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 -->
@ -62,7 +62,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
@ -131,7 +131,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">
@ -195,9 +195,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>
@ -404,9 +404,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>
@ -415,7 +415,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>
@ -424,7 +424,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>
@ -433,7 +433,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>
@ -444,9 +444,9 @@
</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>
@ -457,7 +457,7 @@
</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>
@ -468,7 +468,7 @@
</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>
@ -479,7 +479,7 @@
</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>
@ -556,17 +556,17 @@
</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>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->

36
pages/layout/fixed.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Fixed Layout</title> <title>AdminLTE 2 | Fixed Layout</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 -->
@ -63,7 +63,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
@ -132,7 +132,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">
@ -196,9 +196,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>
@ -405,9 +405,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>
@ -416,7 +416,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>
@ -425,7 +425,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>
@ -434,7 +434,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>
@ -445,9 +445,9 @@
</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>
@ -458,7 +458,7 @@
</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>
@ -469,7 +469,7 @@
</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>
@ -480,7 +480,7 @@
</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>
@ -557,17 +557,17 @@
</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>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->

12
pages/layout/top-nav.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 -->
@ -58,7 +58,7 @@
</ul> </ul>
<form class="navbar-form navbar-left" role="search"> <form class="navbar-form navbar-left" role="search">
<div class="form-group"> <div class="form-group">
<input type="text" class="form-control" id="navbar-search-input" placeholder="Search"> <input type="text" class="form-control" id="navbar-search-input" placeholder="Search" />>
</div> </div>
</form> </form>
</div><!-- /.navbar-collapse --> </div><!-- /.navbar-collapse -->
@ -81,7 +81,7 @@
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<!-- User Image --> <!-- User Image -->
<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>
<!-- Message title and timestamp --> <!-- Message title and timestamp -->
<h4> <h4>
@ -160,7 +160,7 @@
<!-- Menu Toggle Button --> <!-- Menu Toggle Button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<!-- The user image in the navbar--> <!-- The user image in the navbar-->
<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" />
<!-- hidden-xs hides the username on small devices so only the image appears. --> <!-- hidden-xs hides the username on small devices so only the image appears. -->
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
@ -249,13 +249,13 @@
</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>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->

52
pages/mailbox/compose.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Compose Message</title> <title>AdminLTE 2 | Compose Message</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 -->
@ -13,7 +13,7 @@
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
<!-- fullCalendar 2.2.5--> <!-- fullCalendar 2.2.5-->
<link href="../../plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" /> <link href="../../plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
<link href="../../plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media='print' /> <link href="../../plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media="print" />
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
<!-- AdminLTE Skins. Choose a skin from the css/skins <!-- AdminLTE Skins. Choose a skin from the css/skins
@ -67,7 +67,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
@ -136,7 +136,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">
@ -197,9 +197,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>
@ -370,8 +370,8 @@
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Folders</h3> <h3 class="box-title">Folders</h3>
<div class='box-tools'> <div class="box-tools">
<button class='btn btn-box-tool' data-widget='collapse'><i class='fa fa-minus'></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
</div> </div>
</div> </div>
<div class="box-body no-padding"> <div class="box-body no-padding">
@ -387,8 +387,8 @@
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Labels</h3> <h3 class="box-title">Labels</h3>
<div class='box-tools'> <div class="box-tools">
<button class='btn btn-box-tool' data-widget='collapse'><i class='fa fa-minus'></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
</div> </div>
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div class="box-body no-padding"> <div class="box-body no-padding">
@ -407,10 +407,10 @@
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div class="box-body"> <div class="box-body">
<div class="form-group"> <div class="form-group">
<input class="form-control" placeholder="To:"/> <input class="form-control" placeholder="To:" />
</div> </div>
<div class="form-group"> <div class="form-group">
<input class="form-control" placeholder="Subject:"/> <input class="form-control" placeholder="Subject:" />
</div> </div>
<div class="form-group"> <div class="form-group">
<textarea id="compose-textarea" class="form-control" style="height: 300px"> <textarea id="compose-textarea" class="form-control" style="height: 300px">
@ -430,7 +430,7 @@
<div class="form-group"> <div class="form-group">
<div class="btn btn-default btn-file"> <div class="btn btn-default btn-file">
<i class="fa fa-paperclip"></i> Attachment <i class="fa fa-paperclip"></i> Attachment
<input type="file" name="attachment"/> <input type="file" name="attachment" />
</div> </div>
<p class="help-block">Max. 32MB</p> <p class="help-block">Max. 32MB</p>
</div> </div>
@ -467,9 +467,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>
@ -478,7 +478,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>
@ -487,7 +487,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>
@ -496,7 +496,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>
@ -507,9 +507,9 @@
</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>
@ -520,7 +520,7 @@
</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>
@ -531,7 +531,7 @@
</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>
@ -542,7 +542,7 @@
</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>
@ -619,17 +619,17 @@
</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>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->

47
pages/mailbox/mailbox.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Mailbox</title> <title>AdminLTE 2 | Mailbox</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 -->
@ -64,7 +64,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
@ -133,7 +133,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>
@ -367,8 +367,8 @@
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Folders</h3> <h3 class="box-title">Folders</h3>
<div class='box-tools'> <div class="box-tools">
<button class='btn btn-box-tool' data-widget='collapse'><i class='fa fa-minus'></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
</div> </div>
</div> </div>
<div class="box-body no-padding"> <div class="box-body no-padding">
@ -384,8 +384,8 @@
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Labels</h3> <h3 class="box-title">Labels</h3>
<div class='box-tools'> <div class="box-tools">
<button class='btn btn-box-tool' data-widget='collapse'><i class='fa fa-minus'></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
</div> </div>
</div> </div>
<div class="box-body no-padding"> <div class="box-body no-padding">
@ -403,7 +403,7 @@
<h3 class="box-title">Inbox</h3> <h3 class="box-title">Inbox</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<div class="has-feedback"> <div class="has-feedback">
<input type="text" class="form-control input-sm" placeholder="Search Mail"/> <input type="text" class="form-control input-sm" placeholder="Search Mail" />
<span class="glyphicon glyphicon-search form-control-feedback"></span> <span class="glyphicon glyphicon-search form-control-feedback"></span>
</div> </div>
</div><!-- /.box-tools --> </div><!-- /.box-tools -->
@ -597,9 +597,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>
@ -608,7 +608,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>
@ -617,7 +617,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>
@ -626,7 +626,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>
@ -637,9 +637,9 @@
</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>
@ -650,7 +650,7 @@
</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>
@ -661,7 +661,7 @@
</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>
@ -672,7 +672,7 @@
</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>
@ -749,17 +749,17 @@
</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>
<!-- iCheck --> <!-- iCheck -->
@ -810,7 +810,6 @@
}); });
}); });
</script> </script>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js" type="text/javascript"></script> <script src="../../dist/js/demo.js" type="text/javascript"></script>
</body> </body>

50
pages/mailbox/read-mail.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Read Mail</title> <title>AdminLTE 2 | Read Mail</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 -->
@ -13,7 +13,7 @@
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
<!-- fullCalendar 2.2.5--> <!-- fullCalendar 2.2.5-->
<link href="../../plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" /> <link href="../../plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
<link href="../../plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media='print' /> <link href="../../plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media="print" />
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
<!-- AdminLTE Skins. Choose a skin from the css/skins <!-- AdminLTE Skins. Choose a skin from the css/skins
@ -64,7 +64,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
@ -133,7 +133,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>
@ -366,8 +366,8 @@
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Folders</h3> <h3 class="box-title">Folders</h3>
<div class='box-tools'> <div class="box-tools">
<button class='btn btn-box-tool' data-widget='collapse'><i class='fa fa-minus'></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
</div> </div>
</div> </div>
<div class="box-body no-padding"> <div class="box-body no-padding">
@ -383,8 +383,8 @@
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Labels</h3> <h3 class="box-title">Labels</h3>
<div class='box-tools'> <div class="box-tools">
<button class='btn btn-box-tool' data-widget='collapse'><i class='fa fa-minus'></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
</div> </div>
</div> </div>
<div class="box-body no-padding"> <div class="box-body no-padding">
@ -450,7 +450,7 @@
</div> </div>
</li> </li>
<li> <li>
<span class="mailbox-attachment-icon has-img"><img src="../../dist/img/photo1.png" alt="Attachment"/></span> <span class="mailbox-attachment-icon has-img"><img src="../../dist/img/photo1.png" alt="Attachment" /></span>
<div class="mailbox-attachment-info"> <div class="mailbox-attachment-info">
<a href="#" class="mailbox-attachment-name"><i class="fa fa-camera"></i> photo1.png</a> <a href="#" class="mailbox-attachment-name"><i class="fa fa-camera"></i> photo1.png</a>
<span class="mailbox-attachment-size"> <span class="mailbox-attachment-size">
@ -460,7 +460,7 @@
</div> </div>
</li> </li>
<li> <li>
<span class="mailbox-attachment-icon has-img"><img src="../../dist/img/photo2.png" alt="Attachment"/></span> <span class="mailbox-attachment-icon has-img"><img src="../../dist/img/photo2.png" alt="Attachment" /></span>
<div class="mailbox-attachment-info"> <div class="mailbox-attachment-info">
<a href="#" class="mailbox-attachment-name"><i class="fa fa-camera"></i> photo2.png</a> <a href="#" class="mailbox-attachment-name"><i class="fa fa-camera"></i> photo2.png</a>
<span class="mailbox-attachment-size"> <span class="mailbox-attachment-size">
@ -503,9 +503,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>
@ -514,7 +514,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>
@ -523,7 +523,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>
@ -532,7 +532,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>
@ -543,9 +543,9 @@
</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>
@ -556,7 +556,7 @@
</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>
@ -567,7 +567,7 @@
</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>
@ -578,7 +578,7 @@
</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>
@ -655,17 +655,17 @@
</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>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->

45
pages/tables/data.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Data Tables</title> <title>AdminLTE 2 | Data Tables</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 -->
@ -62,7 +62,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
@ -74,7 +74,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
@ -86,7 +86,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
@ -98,7 +98,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
@ -110,7 +110,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
@ -239,7 +239,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">
@ -300,9 +300,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>
@ -1354,9 +1354,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>
@ -1365,7 +1365,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>
@ -1374,7 +1374,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>
@ -1383,7 +1383,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>
@ -1394,9 +1394,9 @@
</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>
@ -1407,7 +1407,7 @@
</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>
@ -1418,7 +1418,7 @@
</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>
@ -1429,7 +1429,7 @@
</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>
@ -1506,11 +1506,11 @@
</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>
<!-- DATA TABES SCRIPT --> <!-- DATA TABES SCRIPT -->
@ -1519,7 +1519,7 @@
<!-- 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>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->
@ -1538,6 +1538,5 @@
}); });
}); });
</script> </script>
</body> </body>
</html> </html>

46
pages/tables/simple.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Simple Tables</title> <title>AdminLTE 2 | Simple Tables</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 -->
@ -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>
@ -714,7 +714,7 @@
<h3 class="box-title">Responsive Hover Table</h3> <h3 class="box-title">Responsive Hover Table</h3>
<div class="box-tools"> <div class="box-tools">
<div class="input-group" style="width: 150px;"> <div class="input-group" style="width: 150px;">
<input type="text" name="table_search" class="form-control input-sm pull-right" placeholder="Search"/> <input type="text" name="table_search" class="form-control input-sm pull-right" placeholder="Search" />
<div class="input-group-btn"> <div class="input-group-btn">
<button class="btn btn-sm btn-default"><i class="fa fa-search"></i></button> <button class="btn btn-sm btn-default"><i class="fa fa-search"></i></button>
</div> </div>
@ -785,9 +785,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>
@ -796,7 +796,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>
@ -805,7 +805,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>
@ -814,7 +814,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>
@ -825,9 +825,9 @@
</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>
@ -838,7 +838,7 @@
</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>
@ -849,7 +849,7 @@
</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>
@ -860,7 +860,7 @@
</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>
@ -937,17 +937,17 @@
</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>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->

164
pages/widgets.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>AdminLTE 2 | Widgets</title> <title>AdminLTE 2 | Widgets</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 -->
@ -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>
@ -759,7 +759,7 @@
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3> <h3 class="box-title">Direct Chat</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-light-blue'>3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge bg-light-blue">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button> <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@ -770,9 +770,9 @@
<div class="direct-chat-messages"> <div class="direct-chat-messages">
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -782,9 +782,9 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -795,16 +795,16 @@
<!-- Contacts are loaded here --> <!-- Contacts are loaded here -->
<div class="direct-chat-contacts"> <div class="direct-chat-contacts">
<ul class='contacts-list'> <ul class="contacts-list">
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg'/> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" />
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Count Dracula Count Dracula
<small class='contacts-list-date pull-right'>2/28/2015</small> <small class="contacts-list-date pull-right">2/28/2015</small>
</span> </span>
<span class='contacts-list-msg'>How have you been? I was...</span> <span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
@ -814,7 +814,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control"/> <input type="text" name="message" placeholder="Type Message ..." class="form-control" />
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-primary btn-flat">Send</button> <button type="button" class="btn btn-primary btn-flat">Send</button>
</span> </span>
@ -830,7 +830,7 @@
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3> <h3 class="box-title">Direct Chat</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-green'>3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge bg-green">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button> <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@ -841,9 +841,9 @@
<div class="direct-chat-messages"> <div class="direct-chat-messages">
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -853,9 +853,9 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -866,16 +866,16 @@
<!-- Contacts are loaded here --> <!-- Contacts are loaded here -->
<div class="direct-chat-contacts"> <div class="direct-chat-contacts">
<ul class='contacts-list'> <ul class="contacts-list">
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg'/> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" />
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Count Dracula Count Dracula
<small class='contacts-list-date pull-right'>2/28/2015</small> <small class="contacts-list-date pull-right">2/28/2015</small>
</span> </span>
<span class='contacts-list-msg'>How have you been? I was...</span> <span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
@ -885,7 +885,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control"/> <input type="text" name="message" placeholder="Type Message ..." class="form-control" />
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-success btn-flat">Send</button> <button type="button" class="btn btn-success btn-flat">Send</button>
</span> </span>
@ -901,7 +901,7 @@
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3> <h3 class="box-title">Direct Chat</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-yellow'>3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge bg-yellow">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button> <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@ -912,9 +912,9 @@
<div class="direct-chat-messages"> <div class="direct-chat-messages">
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -924,9 +924,9 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -937,16 +937,16 @@
<!-- Contacts are loaded here --> <!-- Contacts are loaded here -->
<div class="direct-chat-contacts"> <div class="direct-chat-contacts">
<ul class='contacts-list'> <ul class="contacts-list">
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg'/> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" />
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Count Dracula Count Dracula
<small class='contacts-list-date pull-right'>2/28/2015</small> <small class="contacts-list-date pull-right">2/28/2015</small>
</span> </span>
<span class='contacts-list-msg'>How have you been? I was...</span> <span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
@ -956,7 +956,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control"/> <input type="text" name="message" placeholder="Type Message ..." class="form-control" />
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-warning btn-flat">Send</button> <button type="button" class="btn btn-warning btn-flat">Send</button>
</span> </span>
@ -972,7 +972,7 @@
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3> <h3 class="box-title">Direct Chat</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class='badge bg-red'>3</span> <span data-toggle="tooltip" title="3 New Messages" class="badge bg-red">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button> <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button> <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@ -983,9 +983,9 @@
<div class="direct-chat-messages"> <div class="direct-chat-messages">
<!-- Message. Default to the left --> <!-- Message. Default to the left -->
<div class="direct-chat-msg"> <div class="direct-chat-msg">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-left'>Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -995,9 +995,9 @@
<!-- Message to the right --> <!-- Message to the right -->
<div class="direct-chat-msg right"> <div class="direct-chat-msg right">
<div class='direct-chat-info clearfix'> <div class="direct-chat-info clearfix">
<span class='direct-chat-name pull-right'>Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
@ -1008,16 +1008,16 @@
<!-- Contacts are loaded here --> <!-- Contacts are loaded here -->
<div class="direct-chat-contacts"> <div class="direct-chat-contacts">
<ul class='contacts-list'> <ul class="contacts-list">
<li> <li>
<a href='#'> <a href="#">
<img class='contacts-list-img' src='../dist/img/user1-128x128.jpg'/> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" />
<div class='contacts-list-info'> <div class="contacts-list-info">
<span class='contacts-list-name'> <span class="contacts-list-name">
Count Dracula Count Dracula
<small class='contacts-list-date pull-right'>2/28/2015</small> <small class="contacts-list-date pull-right">2/28/2015</small>
</span> </span>
<span class='contacts-list-msg'>How have you been? I was...</span> <span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info --> </div><!-- /.contacts-list-info -->
</a> </a>
</li><!-- End Contact Item --> </li><!-- End Contact Item -->
@ -1027,7 +1027,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control"/> <input type="text" name="message" placeholder="Type Message ..." class="form-control" />
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-danger btn-flat">Send</button> <button type="button" class="btn btn-danger btn-flat">Send</button>
</span> </span>
@ -1060,9 +1060,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>
@ -1071,7 +1071,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>
@ -1080,7 +1080,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>
@ -1089,7 +1089,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>
@ -1100,9 +1100,9 @@
</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>
@ -1113,7 +1113,7 @@
</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>
@ -1124,7 +1124,7 @@
</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>
@ -1135,7 +1135,7 @@
</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>
@ -1212,17 +1212,17 @@
</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>
<!-- AdminLTE for demo purposes --> <!-- AdminLTE for demo purposes -->

28
starter.html
View File

@ -8,7 +8,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
<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 -->
@ -89,7 +89,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<!-- User Image --> <!-- User Image -->
<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>
<!-- Message title and timestamp --> <!-- Message title and timestamp -->
<h4> <h4>
@ -168,7 +168,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
<!-- Menu Toggle Button --> <!-- Menu Toggle Button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<!-- The user image in the navbar--> <!-- The user image in the navbar-->
<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" />
<!-- hidden-xs hides the username on small devices so only the image appears. --> <!-- hidden-xs hides the username on small devices so only the image appears. -->
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
@ -233,9 +233,9 @@ scratch. This page gets rid of all links and provides the needed markup only.
<!-- search form (Optional) --> <!-- search form (Optional) -->
<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>
@ -245,10 +245,10 @@ scratch. This page gets rid of all links and provides the needed markup only.
<ul class="sidebar-menu"> <ul class="sidebar-menu">
<li class="header">HEADER</li> <li class="header">HEADER</li>
<!-- Optionally, you can add icons to the links --> <!-- Optionally, you can add icons to the links -->
<li class="active"><a href="#"><i class='fa fa-link'></i> <span>Link</span></a></li> <li class="active"><a href="#"><i class="fa fa-link"></i> <span>Link</span></a></li>
<li><a href="#"><i class='fa fa-link'></i> <span>Another Link</span></a></li> <li><a href="#"><i class="fa fa-link"></i> <span>Another Link</span></a></li>
<li class="treeview"> <li class="treeview">
<a href="#"><i class='fa fa-link'></i> <span>Multilevel</span> <i class="fa fa-angle-left pull-right"></i></a> <a href="#"><i class="fa fa-link"></i> <span>Multilevel</span> <i class="fa fa-angle-left pull-right"></i></a>
<ul class="treeview-menu"> <ul class="treeview-menu">
<li><a href="#">Link in level 2</a></li> <li><a href="#">Link in level 2</a></li>
<li><a href="#">Link in level 2</a></li> <li><a href="#">Link in level 2</a></li>
@ -303,9 +303,9 @@ scratch. This page gets rid of all links and provides the needed markup only.
<!-- Home tab content --> <!-- Home tab content -->
<div class="tab-pane active" id="control-sidebar-home-tab"> <div class="tab-pane active" 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>
@ -316,9 +316,9 @@ scratch. This page gets rid of all links and provides the needed markup only.
</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>
@ -352,13 +352,13 @@ scratch. This page gets rid of all links and provides the needed markup only.
</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 -->
<!-- REQUIRED JS SCRIPTS --> <!-- REQUIRED JS SCRIPTS -->
<!-- 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>
<!-- AdminLTE App --> <!-- AdminLTE App -->