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

Format pages - UI

pull/527/head
Dennis Neufeld 2015-06-20 14:40:29 +02:00
parent 6c795e84e9
commit 7a2181964d
6 changed files with 371 additions and 373 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

178
pages/UI/buttons.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>AdminLTE 2 | Dashboard</title>
<!-- 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 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons -->
@ -72,7 +72,7 @@
<li>
<a href="#">
<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>
<h4>
AdminLTE Design Team
@ -84,7 +84,7 @@
<li>
<a href="#">
<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>
<h4>
Developers
@ -96,7 +96,7 @@
<li>
<a href="#">
<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>
<h4>
Sales Department
@ -108,7 +108,7 @@
<li>
<a href="#">
<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>
<h4>
Reviewers
@ -300,7 +300,7 @@
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." />
<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>
</div>
</form>
@ -548,17 +548,17 @@
</div><!-- /.box -->
<!-- Horizontal grouping -->
<div class='box'>
<div class='box-header'>
<h3 class='box-title'>Horizontal Button Group</h3>
<div class="box">
<div class="box-header">
<h3 class="box-title">Horizontal Button Group</h3>
</div>
<div class='box-body table-responsive pad'>
<div class="box-body table-responsive pad">
<p>
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>
</p>
<table class='table table-bordered'>
<table class="table table-bordered">
<tr>
<th>Button</th>
<th>Icons</th>
@ -576,16 +576,16 @@
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
@ -616,16 +616,16 @@
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
@ -656,16 +656,16 @@
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
@ -696,16 +696,16 @@
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
@ -736,16 +736,16 @@
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
@ -1100,18 +1100,18 @@
</div><!-- /.box -->
<!-- Vertical grouping -->
<div class='box'>
<div class='box-header'>
<h3 class='box-title'>Vertical Button Group</h3>
<div class="box">
<div class="box-header">
<h3 class="box-title">Vertical Button Group</h3>
</div>
<div class='box-body table-responsive pad'>
<div class="box-body table-responsive pad">
<p>
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>
</p>
<table class='table table-bordered'>
<table class="table table-bordered">
<tr>
<th>Button</th>
<th>Icons</th>
@ -1129,16 +1129,16 @@
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
@ -1169,16 +1169,16 @@
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
@ -1209,16 +1209,16 @@
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
@ -1249,16 +1249,16 @@
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
@ -1289,16 +1289,16 @@
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
<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-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-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-right"></i></button>
</div>
</td>
<td>
@ -1345,9 +1345,9 @@
<!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class='control-sidebar-menu'>
<ul class="control-sidebar-menu">
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@ -1356,7 +1356,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@ -1365,7 +1365,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@ -1374,7 +1374,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@ -1385,9 +1385,9 @@
</ul><!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class='control-sidebar-menu'>
<ul class="control-sidebar-menu">
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Custom Template Design
<span class="label label-danger pull-right">70%</span>
@ -1398,7 +1398,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Update Resume
<span class="label label-success pull-right">95%</span>
@ -1409,7 +1409,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Laravel Integration
<span class="label label-warning pull-right">50%</span>
@ -1420,7 +1420,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Back End Framework
<span class="label label-primary pull-right">68%</span>
@ -1497,15 +1497,15 @@
</aside><!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
<div class='control-sidebar-bg'></div>
<div class="control-sidebar-bg"></div>
</div><!-- ./wrapper -->
<!-- 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 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- FastClick -->
<script src='../../plugins/fastclick/fastclick.min.js'></script>
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/app.min.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->

195
pages/UI/general.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>AdminLTE 2 | General UI</title>
<!-- 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 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons -->
@ -28,7 +28,6 @@
height: 35px;
line-height: 35px;
text-align: center;
}
.color-palette-set {
margin-bottom: 15px;
@ -100,7 +99,7 @@
<li>
<a href="#">
<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>
<h4>
AdminLTE Design Team
@ -112,7 +111,7 @@
<li>
<a href="#">
<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>
<h4>
Developers
@ -124,7 +123,7 @@
<li>
<a href="#">
<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>
<h4>
Sales Department
@ -136,7 +135,7 @@
<li>
<a href="#">
<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>
<h4>
Reviewers
@ -328,7 +327,7 @@
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." />
<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>
</div>
</form>
@ -490,108 +489,108 @@
<!-- Main content -->
<section class="content">
<!-- COLOR PALETTE -->
<div class='box box-default color-palette-box'>
<div class='box-header with-border'>
<h3 class='box-title'><i class="fa fa-tag"></i> Color Palette</h3>
<div class="box box-default color-palette-box">
<div class="box-header with-border">
<h3 class="box-title"><i class="fa fa-tag"></i> Color Palette</h3>
</div>
<div class='box-body'>
<div class='row'>
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Primary</h4>
<div class='color-palette-set'>
<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-active color-palette'><span>Active</span></div>
<div class="box-body">
<div class="row">
<div class="col-sm-4 col-md-2">
<h4 class="text-center">Primary</h4>
<div class="color-palette-set">
<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-active color-palette"><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Info</h4>
<div class='color-palette-set'>
<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-active color-palette'><span>Active</span></div>
<div class="col-sm-4 col-md-2">
<h4 class="text-center">Info</h4>
<div class="color-palette-set">
<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-active color-palette"><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Success</h4>
<div class='color-palette-set'>
<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-active color-palette'><span>Active</span></div>
<div class="col-sm-4 col-md-2">
<h4 class="text-center">Success</h4>
<div class="color-palette-set">
<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-active color-palette"><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Warning</h4>
<div class='color-palette-set'>
<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-active color-palette'><span>Active</span></div>
<div class="col-sm-4 col-md-2">
<h4 class="text-center">Warning</h4>
<div class="color-palette-set">
<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-active color-palette"><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Danger</h4>
<div class='color-palette-set'>
<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-active color-palette'><span>Active</span></div>
<div class="col-sm-4 col-md-2">
<h4 class="text-center">Danger</h4>
<div class="color-palette-set">
<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-active color-palette"><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Gray</h4>
<div class='color-palette-set'>
<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-active color-palette'><span>Active</span></div>
<div class="col-sm-4 col-md-2">
<h4 class="text-center">Gray</h4>
<div class="color-palette-set">
<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-active color-palette"><span>Active</span></div>
</div>
</div><!-- /.col -->
</div><!-- /.row -->
<div class='row'>
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Navy</h4>
<div class='color-palette-set'>
<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-active color-palette'><span>Active</span></div>
<div class="row">
<div class="col-sm-4 col-md-2">
<h4 class="text-center">Navy</h4>
<div class="color-palette-set">
<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-active color-palette"><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Teal</h4>
<div class='color-palette-set'>
<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-active color-palette'><span>Active</span></div>
<div class="col-sm-4 col-md-2">
<h4 class="text-center">Teal</h4>
<div class="color-palette-set">
<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-active color-palette"><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Purple</h4>
<div class='color-palette-set'>
<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-active color-palette'><span>Active</span></div>
<div class="col-sm-4 col-md-2">
<h4 class="text-center">Purple</h4>
<div class="color-palette-set">
<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-active color-palette"><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Orange</h4>
<div class='color-palette-set'>
<div class='bg-orange disabled color-palette'><span>Disabled</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="col-sm-4 col-md-2">
<h4 class="text-center">Orange</h4>
<div class="color-palette-set">
<div class="bg-orange disabled color-palette"><span>Disabled</span></div>
<div class="bg-orange color-palette"><span>#ff851b</span></div>
<div class="bg-orange-active color-palette"><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Maroon</h4>
<div class='color-palette-set'>
<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-active color-palette'><span>Active</span></div>
<div class="col-sm-4 col-md-2">
<h4 class="text-center">Maroon</h4>
<div class="color-palette-set">
<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-active color-palette"><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Black</h4>
<div class='color-palette-set'>
<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-active color-palette'><span>Active</span></div>
<div class="col-sm-4 col-md-2">
<h4 class="text-center">Black</h4>
<div class="color-palette-set">
<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-active color-palette"><span>Active</span></div>
</div>
</div><!-- /.col -->
</div><!-- /.row -->
@ -1226,9 +1225,9 @@
<!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class='control-sidebar-menu'>
<ul class="control-sidebar-menu">
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@ -1237,7 +1236,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@ -1246,7 +1245,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@ -1255,7 +1254,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@ -1266,9 +1265,9 @@
</ul><!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class='control-sidebar-menu'>
<ul class="control-sidebar-menu">
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Custom Template Design
<span class="label label-danger pull-right">70%</span>
@ -1279,7 +1278,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Update Resume
<span class="label label-success pull-right">95%</span>
@ -1290,7 +1289,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Laravel Integration
<span class="label label-warning pull-right">50%</span>
@ -1301,7 +1300,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Back End Framework
<span class="label label-primary pull-right">68%</span>
@ -1378,15 +1377,15 @@
</aside><!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
<div class='control-sidebar-bg'></div>
<div class="control-sidebar-bg"></div>
</div><!-- ./wrapper -->
<!-- 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 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- FastClick -->
<script src='../../plugins/fastclick/fastclick.min.js'></script>
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/app.min.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->

43
pages/UI/icons.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>AdminLTE 2 | Dashboard</title>
<!-- 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 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons -->
@ -118,7 +118,7 @@
<li>
<a href="#">
<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>
<h4>
AdminLTE Design Team
@ -130,7 +130,7 @@
<li>
<a href="#">
<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>
<h4>
Developers
@ -142,7 +142,7 @@
<li>
<a href="#">
<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>
<h4>
Sales Department
@ -154,7 +154,7 @@
<li>
<a href="#">
<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>
<h4>
Reviewers
@ -194,7 +194,6 @@
<i class="fa fa-users text-red"></i> 5 new members joined
</a>
</li>
<li>
<a href="#">
<i class="fa fa-shopping-cart text-green"></i> 25 sales made
@ -346,7 +345,7 @@
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." />
<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>
</div>
</form>
@ -507,8 +506,8 @@
<!-- Main content -->
<section class="content">
<div class='row'>
<div class='col-xs-12'>
<div class="row">
<div class="col-xs-12">
<div class="nav-tabs-custom">
<ul class="nav nav-tabs">
<li class="active"><a href="#fa-icons" data-toggle="tab">Font Awesome</a></li>
@ -2166,9 +2165,9 @@
<!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class='control-sidebar-menu'>
<ul class="control-sidebar-menu">
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@ -2177,7 +2176,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@ -2186,7 +2185,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@ -2195,7 +2194,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@ -2206,9 +2205,9 @@
</ul><!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class='control-sidebar-menu'>
<ul class="control-sidebar-menu">
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Custom Template Design
<span class="label label-danger pull-right">70%</span>
@ -2219,7 +2218,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Update Resume
<span class="label label-success pull-right">95%</span>
@ -2230,7 +2229,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Laravel Integration
<span class="label label-warning pull-right">50%</span>
@ -2241,7 +2240,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Back End Framework
<span class="label label-primary pull-right">68%</span>
@ -2318,15 +2317,15 @@
</aside><!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
<div class='control-sidebar-bg'></div>
<div class="control-sidebar-bg"></div>
</div><!-- ./wrapper -->
<!-- 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 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- FastClick -->
<script src='../../plugins/fastclick/fastclick.min.js'></script>
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/app.min.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->

31
pages/UI/modals.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>AdminLTE 2 | Modals</title>
<!-- 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 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons -->
@ -310,7 +310,7 @@
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."/>
<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>
</div>
</form>
@ -592,6 +592,7 @@
</div><!-- /.example-modal -->
</section><!-- /.content -->
</div><!-- /.content-wrapper -->
<footer class="main-footer">
<div class="pull-right hidden-xs">
<b>Version</b> 2.0
@ -612,9 +613,9 @@
<!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class='control-sidebar-menu'>
<ul class="control-sidebar-menu">
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@ -623,7 +624,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@ -632,7 +633,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@ -641,7 +642,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@ -652,9 +653,9 @@
</ul><!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class='control-sidebar-menu'>
<ul class="control-sidebar-menu">
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Custom Template Design
<span class="label label-danger pull-right">70%</span>
@ -665,7 +666,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Update Resume
<span class="label label-success pull-right">95%</span>
@ -676,7 +677,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Laravel Integration
<span class="label label-warning pull-right">50%</span>
@ -687,7 +688,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Back End Framework
<span class="label label-primary pull-right">68%</span>
@ -764,15 +765,15 @@
</aside><!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
<div class='control-sidebar-bg'></div>
<div class="control-sidebar-bg"></div>
</div><!-- ./wrapper -->
<!-- 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 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- FastClick -->
<script src='../../plugins/fastclick/fastclick.min.js'></script>
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/app.min.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->

42
pages/UI/sliders.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>AdminLTE 2 | UI Sliders</title>
<!-- 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 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons -->
@ -78,7 +78,7 @@
<li>
<a href="#">
<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>
<h4>
AdminLTE Design Team
@ -90,7 +90,7 @@
<li>
<a href="#">
<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>
<h4>
Developers
@ -102,7 +102,7 @@
<li>
<a href="#">
<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>
<h4>
Sales Department
@ -114,7 +114,7 @@
<li>
<a href="#">
<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>
<h4>
Reviewers
@ -306,7 +306,7 @@
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." />
<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>
</div>
</form>
@ -538,6 +538,7 @@
</div><!-- /.row -->
</section><!-- /.content -->
</div><!-- /.content-wrapper -->
<footer class="main-footer">
<div class="pull-right hidden-xs">
<b>Version</b> 2.0
@ -558,9 +559,9 @@
<!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class='control-sidebar-menu'>
<ul class="control-sidebar-menu">
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@ -569,7 +570,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@ -578,7 +579,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@ -587,7 +588,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@ -598,9 +599,9 @@
</ul><!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class='control-sidebar-menu'>
<ul class="control-sidebar-menu">
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Custom Template Design
<span class="label label-danger pull-right">70%</span>
@ -611,7 +612,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Update Resume
<span class="label label-success pull-right">95%</span>
@ -622,7 +623,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Laravel Integration
<span class="label label-warning pull-right">50%</span>
@ -633,7 +634,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Back End Framework
<span class="label label-primary pull-right">68%</span>
@ -710,25 +711,23 @@
</aside><!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
<div class='control-sidebar-bg'></div>
<div class="control-sidebar-bg"></div>
</div><!-- ./wrapper -->
<!-- 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 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- FastClick -->
<script src='../../plugins/fastclick/fastclick.min.js'></script>
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/app.min.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js" type="text/javascript"></script>
<!-- Ion Slider -->
<script src="../../plugins/ionslider/ion.rangeSlider.min.js" type="text/javascript"></script>
<!-- Bootstrap slider -->
<script src="../../plugins/bootstrap-slider/bootstrap-slider.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
/* BOOTSTRAP SLIDER */
@ -795,6 +794,5 @@
});
});
</script>
</body>
</html>

53
pages/UI/timeline.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>AdminLTE 2 | Timeline</title>
<!-- 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 -->
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons -->
@ -72,7 +72,7 @@
<li>
<a href="#">
<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>
<h4>
AdminLTE Design Team
@ -84,7 +84,7 @@
<li>
<a href="#">
<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>
<h4>
Developers
@ -96,7 +96,7 @@
<li>
<a href="#">
<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>
<h4>
Sales Department
@ -108,7 +108,7 @@
<li>
<a href="#">
<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>
<h4>
Reviewers
@ -300,7 +300,7 @@
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..." />
<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>
</div>
</form>
@ -486,7 +486,7 @@
jajah plickers sifteo edmodo ifttt zimbra. Babblely odeo kaboodle
quora plaxo ideeli hulu weebly balihoo...
</div>
<div class='timeline-footer'>
<div class="timeline-footer">
<a class="btn btn-primary btn-xs">Read more</a>
<a class="btn btn-danger btn-xs">Delete</a>
</div>
@ -513,7 +513,7 @@
Switzerland is small and neutral!
We are more like Germany, ambitious and misunderstood!
</div>
<div class='timeline-footer'>
<div class="timeline-footer">
<a class="btn btn-warning btn-flat btn-xs">View comment</a>
</div>
</div>
@ -533,10 +533,10 @@
<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>
<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>
</li>
@ -597,7 +597,7 @@
Content goes here
&lt;/div>
&lt;div class='timeline-footer'>
&lt;div class="timeline-footer">
&lt;a class="btn btn-primary btn-xs">...&lt;/a>
&lt;/div>
&lt;/div>
@ -615,6 +615,7 @@
</section><!-- /.content -->
</div><!-- /.content-wrapper -->
<footer class="main-footer">
<div class="pull-right hidden-xs">
<b>Version</b> 2.0
@ -635,9 +636,9 @@
<!-- Home tab content -->
<div class="tab-pane" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class='control-sidebar-menu'>
<ul class="control-sidebar-menu">
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@ -646,7 +647,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-user bg-yellow"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@ -655,7 +656,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@ -664,7 +665,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<i class="menu-icon fa fa-file-code-o bg-green"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@ -675,9 +676,9 @@
</ul><!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class='control-sidebar-menu'>
<ul class="control-sidebar-menu">
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Custom Template Design
<span class="label label-danger pull-right">70%</span>
@ -688,7 +689,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Update Resume
<span class="label label-success pull-right">95%</span>
@ -699,7 +700,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Laravel Integration
<span class="label label-warning pull-right">50%</span>
@ -710,7 +711,7 @@
</a>
</li>
<li>
<a href='javascript::;'>
<a href="javascript::;">
<h4 class="control-sidebar-subheading">
Back End Framework
<span class="label label-primary pull-right">68%</span>
@ -787,15 +788,15 @@
</aside><!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
<div class='control-sidebar-bg'></div>
<div class="control-sidebar-bg"></div>
</div><!-- ./wrapper -->
<!-- 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 -->
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- FastClick -->
<script src='../../plugins/fastclick/fastclick.min.js'></script>
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/app.min.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->