Fix bootlint E014

pull/657/head
Abdullah Almsaeed 2015-08-24 17:52:49 -04:00
parent 9fa335f363
commit 396b319c7e
32 changed files with 485 additions and 421 deletions

View File

@ -260,15 +260,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -253,15 +253,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -252,15 +252,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -279,15 +279,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -19,11 +19,11 @@
<link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css"> <link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<!-- demo style --> <!-- demo style -->
<style> <style>
/* FROM HTTP://WWW.GETBOOTSTRAP.COM /* FROM HTTP://WWW.GETBOOTSTRAP.COM
* Glyphicons * Glyphicons
* *
* Special styles for displaying the icons and their classes in the docs. * Special styles for displaying the icons and their classes in the docs.
*/ */
.bs-glyphicons { .bs-glyphicons {
padding-left: 0; padding-left: 0;
@ -297,15 +297,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -267,15 +267,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -257,15 +257,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -251,15 +251,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -255,15 +255,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -144,15 +144,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">
@ -382,7 +384,7 @@
</div> </div>
</div> </div>
<div class="box-body"> <div class="box-body">
<canvas id="pieChart" style="height:250px"></canvas> <canvas id="pieChart" style="height:250px"></canvas>
</div><!-- /.box-body --> </div><!-- /.box-body -->
</div><!-- /.box --> </div><!-- /.box -->

View File

@ -252,15 +252,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">
@ -584,7 +586,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>

View File

@ -252,15 +252,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -253,15 +253,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -251,15 +251,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -251,15 +251,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -145,15 +145,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -251,15 +251,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -251,15 +251,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -262,15 +262,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">
@ -1013,18 +1015,18 @@
$('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'}); $('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'});
//Date range as a button //Date range as a button
$('#daterange-btn').daterangepicker( $('#daterange-btn').daterangepicker(
{ {
ranges: { ranges: {
'Today': [moment(), moment()], 'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 7 Days': [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')], 'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
}, },
startDate: moment().subtract(29, 'days'), startDate: moment().subtract(29, 'days'),
endDate: moment() endDate: moment()
}, },
function (start, end) { function (start, end) {
$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY')); $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
} }

View File

@ -253,15 +253,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -252,15 +252,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -143,14 +143,16 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
<a href="#">Friends</a>
</div>
</div> </div>
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->

View File

@ -146,15 +146,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -147,15 +147,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -64,118 +64,119 @@
</form> </form>
</div><!-- /.navbar-collapse --> </div><!-- /.navbar-collapse -->
<!-- Navbar Right Menu --> <!-- Navbar Right Menu -->
<div class="navbar-custom-menu"> <div class="navbar-custom-menu">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less--> <!-- Messages: style can be found in dropdown.less-->
<li class="dropdown messages-menu"> <li class="dropdown messages-menu">
<!-- Menu toggle button --> <!-- Menu toggle button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="label label-success">4</span> <span class="label label-success">4</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li class="header">You have 4 messages</li> <li class="header">You have 4 messages</li>
<li> <li>
<!-- inner menu: contains the messages --> <!-- inner menu: contains the messages -->
<ul class="menu"> <ul class="menu">
<li><!-- start message --> <li><!-- start message -->
<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>
Support Team Support Team
<small><i class="fa fa-clock-o"></i> 5 mins</small> <small><i class="fa fa-clock-o"></i> 5 mins</small>
</h4> </h4>
<!-- The message --> <!-- The message -->
<p>Why not buy a new awesome theme?</p> <p>Why not buy a new awesome theme?</p>
</a> </a>
</li><!-- end message --> </li><!-- end message -->
</ul><!-- /.menu --> </ul><!-- /.menu -->
</li> </li>
<li class="footer"><a href="#">See All Messages</a></li> <li class="footer"><a href="#">See All Messages</a></li>
</ul> </ul>
</li><!-- /.messages-menu --> </li><!-- /.messages-menu -->
<!-- Notifications Menu --> <!-- Notifications Menu -->
<li class="dropdown notifications-menu"> <li class="dropdown notifications-menu">
<!-- Menu toggle button --> <!-- Menu toggle button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-bell-o"></i> <i class="fa fa-bell-o"></i>
<span class="label label-warning">10</span> <span class="label label-warning">10</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li class="header">You have 10 notifications</li> <li class="header">You have 10 notifications</li>
<li> <li>
<!-- Inner Menu: contains the notifications --> <!-- Inner Menu: contains the notifications -->
<ul class="menu"> <ul class="menu">
<li><!-- start notification --> <li><!-- start notification -->
<a href="#"> <a href="#">
<i class="fa fa-users text-aqua"></i> 5 new members joined today <i class="fa fa-users text-aqua"></i> 5 new members joined today
</a> </a>
</li><!-- end notification --> </li><!-- end notification -->
</ul> </ul>
</li> </li>
<li class="footer"><a href="#">View all</a></li> <li class="footer"><a href="#">View all</a></li>
</ul> </ul>
</li> </li>
<!-- Tasks Menu --> <!-- Tasks Menu -->
<li class="dropdown tasks-menu"> <li class="dropdown tasks-menu">
<!-- Menu Toggle Button --> <!-- Menu Toggle Button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-flag-o"></i> <i class="fa fa-flag-o"></i>
<span class="label label-danger">9</span> <span class="label label-danger">9</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li class="header">You have 9 tasks</li> <li class="header">You have 9 tasks</li>
<li> <li>
<!-- Inner menu: contains the tasks --> <!-- Inner menu: contains the tasks -->
<ul class="menu"> <ul class="menu">
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<!-- Task title and progress text --> <!-- Task title and progress text -->
<h3> <h3>
Design some buttons Design some buttons
<small class="pull-right">20%</small> <small class="pull-right">20%</small>
</h3> </h3>
<!-- The progress bar --> <!-- The progress bar -->
<div class="progress xs"> <div class="progress xs">
<!-- Change the css width attribute to simulate progress --> <!-- Change the css width attribute to simulate progress -->
<div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only">20% Complete</span> <span class="sr-only">20% Complete</span>
</div>
</div> </div>
</a> </div>
</li><!-- end task item --> </a>
</ul> </li><!-- end task item -->
</li> </ul>
<li class="footer"> </li>
<a href="#">View all tasks</a> <li class="footer">
</li> <a href="#">View all tasks</a>
</ul> </li>
</li> </ul>
<!-- User Account Menu --> </li>
<li class="dropdown user user-menu"> <!-- User Account Menu -->
<!-- Menu Toggle Button --> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <!-- Menu Toggle Button -->
<!-- The user image in the navbar--> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"> <!-- The user image in the navbar-->
<!-- hidden-xs hides the username on small devices so only the image appears. --> <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <!-- hidden-xs hides the username on small devices so only the image appears. -->
</a> <span class="hidden-xs">Alexander Pierce</span>
<ul class="dropdown-menu"> </a>
<!-- The user image in the menu --> <ul class="dropdown-menu">
<li class="user-header"> <!-- The user image in the menu -->
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"> <li class="user-header">
<p> <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
Alexander Pierce - Web Developer <p>
<small>Member since Nov. 2012</small> Alexander Pierce - Web Developer
</p> <small>Member since Nov. 2012</small>
</li> </p>
<!-- Menu Body --> </li>
<li class="user-body"> <!-- Menu Body -->
<li class="user-body">
<div class="row">
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<a href="#">Followers</a> <a href="#">Followers</a>
</div> </div>
@ -185,20 +186,21 @@
<div class="col-xs-4 text-center"> <div class="col-xs-4 text-center">
<a href="#">Friends</a> <a href="#">Friends</a>
</div> </div>
</li> </div><!-- /.row -->
<!-- Menu Footer--> </li>
<li class="user-footer"> <!-- Menu Footer-->
<div class="pull-left"> <li class="user-footer">
<a href="#" class="btn btn-default btn-flat">Profile</a> <div class="pull-left">
</div> <a href="#" class="btn btn-default btn-flat">Profile</a>
<div class="pull-right"> </div>
<a href="#" class="btn btn-default btn-flat">Sign out</a> <div class="pull-right">
</div> <a href="#" class="btn btn-default btn-flat">Sign out</a>
</li> </div>
</ul> </li>
</li> </ul>
</ul> </li>
</div><!-- /.navbar-custom-menu --> </ul>
</div><!-- /.navbar-custom-menu -->
</div><!-- /.container-fluid --> </div><!-- /.container-fluid -->
</nav> </nav>
</header> </header>

View File

@ -151,15 +151,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -148,15 +148,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -148,15 +148,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -254,15 +254,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -251,15 +251,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -251,15 +251,17 @@
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">

View File

@ -184,15 +184,17 @@ scratch. This page gets rid of all links and provides the needed markup only.
</li> </li>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body"> <li class="user-body">
<div class="col-xs-4 text-center"> <div class="row">
<a href="#">Followers</a> <div class="col-xs-4 text-center">
</div> <a href="#">Followers</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Sales</a> <div class="col-xs-4 text-center">
</div> <a href="#">Sales</a>
<div class="col-xs-4 text-center"> </div>
<a href="#">Friends</a> <div class="col-xs-4 text-center">
</div> <a href="#">Friends</a>
</div>
</div><!-- /.row -->
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer"> <li class="user-footer">