public/assets/bootstrap-sidebar-0-2-2/index.html

   1 <!DOCTYPE html>
   2 <html>
   3
   4   <head>
   5     <script src="bower_components/jquery/dist/jquery.js"></script>
   6     <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
   7     <script src="dist/js/sidebar.js"></script>
   8     <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
   9     <link rel="stylesheet" href="style.css" />
  10     <link rel="stylesheet" href="dist/css/sidebar.css"/>
  11   </head>
  12
  13 <body>
  14     <!-- Fixed navbar -->
  15   <div class="navbar navbar-static navbar-default navbar-fixed-top">
  16     <div class="container-fluid">
  17       <div class="navbar-header">
  18         <button type="button" class="navbar-toggle toggle-left hidden-md hidden-lg" data-toggle="sidebar" data-target=".sidebar-left">
  19           <span class="icon-bar"></span>
  20           <span class="icon-bar"></span>
  21           <span class="icon-bar"></span>
  22         </button>
  23         <a class="navbar-brand" href="#">Project name</a>
  24       </div>
  25         <button type="button" class="navbar-toggle toggle-right" data-toggle="sidebar" data-target=".sidebar-right">
  26           <span class="icon-bar"></span>
  27           <span class="icon-bar"></span>
  28           <span class="icon-bar"></span>
  29         </button>
  30     </div>
  31   </div>
  32
  33   <!-- Begin page content -->
  34   <div class="container-fluid">
  35     <div class="row">
  36       <div class="col-xs-7 col-sm-3 col-md-3 sidebar sidebar-left sidebar-animate sidebar-md-show">
  37         <ul class="nav navbar-stacked">
  38           <li class="active"><a href="#">Home</a></li>
  39           <li><a href="#about">About</a></li>
  40           <li><a href="#contact">Contact</a></li>
  41         </ul>
  42       </div>
  43       <div class="main col-md-9 col-md-offset-3">
  44         <div class="page-header">
  45           <h1>Sticky footer with fixed navbar</h1>
  46         </div>
  47         <p class="lead">Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added within <code>#wrap</code> with <code>padding-top: 60px;</code> on the <code>.container</code>.</p>
  48         <p>Back to <a href="../sticky-footer">the default sticky footer</a> minus the navbar.</p>
  49       </div>
  50       <div class="col-xs-7 col-sm-3 col-md-3 sidebar sidebar-right sidebar-animate">
  51         <ul class="nav navbar-stacked">
  52           <li class="active"><a href="#">Home</a></li>
  53           <li><a href="#about">About</a></li>
  54           <li><a href="#contact">Contact</a></li>
  55         </ul>
  56       </div>
  57     </div>
  58   </div>
  59 </body>
  60
  61 </html>