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

Format pages - tables

pull/527/head
Dennis Neufeld 2015-06-20 13:39:59 +02:00
parent 23adb8661c
commit 6c795e84e9
2 changed files with 81 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
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 -->
@ -28,7 +28,7 @@
</head> </head>
<body class="skin-blue sidebar-mini"> <body class="skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
<a href="../../index2.html" class="logo"> <a href="../../index2.html" class="logo">
@ -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>
@ -1340,9 +1340,9 @@
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark"> <aside class="control-sidebar control-sidebar-dark">
<!-- Create the tabs --> <!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs"> <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
<li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li> <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
@ -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>
@ -1393,59 +1393,59 @@
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul><!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class='control-sidebar-menu'> <ul class="control-sidebar-menu">
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul><!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div><!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
@ -1484,21 +1484,21 @@
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked />
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right" /> <input type="checkbox" class="pull-right" />
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
</form> </form>
</div><!-- /.tab-pane --> </div><!-- /.tab-pane -->
@ -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>

82
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 -->
@ -26,7 +26,7 @@
</head> </head>
<body class="skin-blue sidebar-mini"> <body class="skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
<a href="../../index2.html" class="logo"> <a href="../../index2.html" class="logo">
@ -60,7 +60,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Support Team Support Team
@ -72,7 +72,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
@ -84,7 +84,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Developers Developers
@ -96,7 +96,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Sales Department Sales Department
@ -108,7 +108,7 @@
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/> <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
</div> </div>
<h4> <h4>
Reviewers Reviewers
@ -237,7 +237,7 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
@ -298,9 +298,9 @@
<!-- search form --> <!-- search form -->
<form action="#" method="get" class="sidebar-form"> <form action="#" method="get" class="sidebar-form">
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search..."/> <input type="text" name="q" class="form-control" placeholder="Search..." />
<span class="input-group-btn"> <span class="input-group-btn">
<button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
</span> </span>
</div> </div>
</form> </form>
@ -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>
@ -771,9 +771,9 @@
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark"> <aside class="control-sidebar control-sidebar-dark">
<!-- Create the tabs --> <!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs"> <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
<li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li> <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
@ -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>
@ -824,59 +824,59 @@
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul><!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3> <h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class='control-sidebar-menu'> <ul class="control-sidebar-menu">
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Custom Template Design Custom Template Design
<span class="label label-danger pull-right">70%</span> <span class="label label-danger pull-right">70%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div> <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Update Resume Update Resume
<span class="label label-success pull-right">95%</span> <span class="label label-success pull-right">95%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-success" style="width: 95%"></div> <div class="progress-bar progress-bar-success" style="width: 95%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Laravel Integration Laravel Integration
<span class="label label-warning pull-right">50%</span> <span class="label label-warning pull-right">50%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-warning" style="width: 50%"></div> <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
</div> </div>
</a> </a>
</li> </li>
<li> <li>
<a href='javascript::;'> <a href="javascript::;">
<h4 class="control-sidebar-subheading"> <h4 class="control-sidebar-subheading">
Back End Framework Back End Framework
<span class="label label-primary pull-right">68%</span> <span class="label label-primary pull-right">68%</span>
</h4> </h4>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div class="progress-bar progress-bar-primary" style="width: 68%"></div> <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
</div> </div>
</a> </a>
</li> </li>
</ul><!-- /.control-sidebar-menu --> </ul><!-- /.control-sidebar-menu -->
</div><!-- /.tab-pane --> </div><!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
<!-- Settings tab content --> <!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab"> <div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post"> <form method="post">
<h3 class="control-sidebar-heading">General Settings</h3> <h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group"> <div class="form-group">
@ -915,21 +915,21 @@
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Show me as online Show me as online
<input type="checkbox" class="pull-right" checked /> <input type="checkbox" class="pull-right" checked />
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Turn off notifications Turn off notifications
<input type="checkbox" class="pull-right" /> <input type="checkbox" class="pull-right" />
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
<div class="form-group"> <div class="form-group">
<label class="control-sidebar-subheading"> <label class="control-sidebar-subheading">
Delete chat history Delete chat history
<a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a> <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
</label> </label>
</div><!-- /.form-group --> </div><!-- /.form-group -->
</form> </form>
</div><!-- /.tab-pane --> </div><!-- /.tab-pane -->
@ -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 -->