| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"> |
| <title>Bootstrap, from Twitter</title> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <meta name="description" content=""> |
| <meta name="author" content=""> |
| |
| <!-- Le styles --> |
| <link href="../assets/css/bootstrap.css" rel="stylesheet"> |
| <style> |
| body { |
| padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */ |
| } |
| </style> |
| <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet"> |
| |
| <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> |
| <!--[if lt IE 9]> |
| <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script> |
| <![endif]--> |
| |
| <!-- Le fav and touch icons --> |
| <link rel="shortcut icon" href="../assets/ico/favicon.ico"> |
| <link rel="apple-touch-icon" href="../assets/ico/bootstrap-apple-57x57.png"> |
| <link rel="apple-touch-icon" sizes="72x72" href="../assets/ico/bootstrap-apple-72x72.png"> |
| <link rel="apple-touch-icon" sizes="114x114" href="../assets/ico/bootstrap-apple-114x114.png"> |
| </head> |
| |
| <body> |
| |
| <div class="navbar navbar-fixed-top"> |
| <div class="navbar-inner"> |
| <div class="container"> |
| <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> |
| <span class="icon-bar"></span> |
| <span class="icon-bar"></span> |
| <span class="icon-bar"></span> |
| </a> |
| <a class="brand" href="#">Project name</a> |
| <div class="nav-collapse"> |
| <ul class="nav"> |
| <li class="active"><a href="#">Home</a></li> |
| <li><a href="#about">About</a></li> |
| <li><a href="#contact">Contact</a></li> |
| </ul> |
| </div><!--/.nav-collapse --> |
| </div> |
| </div> |
| </div> |
| |
| <div class="container"> |
| |
| <h1>Bootstrap starter template</h1> |
| <p>Use this document as a way to quick start any new project.<br> All you get is this message and a barebones HTML document.</p> |
| |
| </div> <!-- /container --> |
| |
| <!-- Le javascript |
| ================================================== --> |
| <!-- Placed at the end of the document so the pages load faster --> |
| <script src="../assets/js/jquery.js"></script> |
| <script src="../assets/js/bootstrap-transition.js"></script> |
| <script src="../assets/js/bootstrap-alert.js"></script> |
| <script src="../assets/js/bootstrap-modal.js"></script> |
| <script src="../assets/js/bootstrap-dropdown.js"></script> |
| <script src="../assets/js/bootstrap-scrollspy.js"></script> |
| <script src="../assets/js/bootstrap-tab.js"></script> |
| <script src="../assets/js/bootstrap-tooltip.js"></script> |
| <script src="../assets/js/bootstrap-popover.js"></script> |
| <script src="../assets/js/bootstrap-button.js"></script> |
| <script src="../assets/js/bootstrap-collapse.js"></script> |
| <script src="../assets/js/bootstrap-carousel.js"></script> |
| <script src="../assets/js/bootstrap-typeahead.js"></script> |
| |
| </body> |
| </html> |
