static/scss/bootstrap-4.0.0-alpha.6/docs/examples/sticky-footer/index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   5     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   6     <meta name="description" content="">
   7     <meta name="author" content="">
   8     <link rel="icon" href="../../favicon.ico">
   9
  10     <title>Sticky Footer Template for Bootstrap</title>
  11
  12     <!-- Bootstrap core CSS -->
  13     <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
  14
  15     <!-- Custom styles for this template -->
  16     <link href="sticky-footer.css" rel="stylesheet">
  17   </head>
  18
  19   <body>
  20
  21     <!-- Begin page content -->
  22     <div class="container">
  23       <div class="mt-1">
  24         <h1>Sticky footer</h1>
  25       </div>
  26       <p class="lead">Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.</p>
  27       <p>Use <a href="../sticky-footer-navbar">the sticky footer with a fixed navbar</a> if need be, too.</p>
  28     </div>
  29
  30     <footer class="footer">
  31       <div class="container">
  32         <span class="text-muted">Place sticky footer content here.</span>
  33       </div>
  34     </footer>
  35
  36
  37     <!-- Bootstrap core JavaScript
  38     ================================================== -->
  39     <!-- Placed at the end of the document so the pages load faster -->
  40     <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  41     <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  42   </body>
  43 </html>