Difference between revisions of "Team:British Columbia/Test/Custom CSS"
(Created page with "<html> <head> <!-- NOTE TO THE USER: This is where all the CSS information is stored --> <!-- ========================== Google Fonts ========================== --> <link href...") |
|||
Line 1: | Line 1: | ||
− | <html> | + | <html lang="en"> |
− | <head> | + | <head> |
+ | <meta charset="utf-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> | ||
+ | <meta name="description" content=""> | ||
+ | <meta name="author" content=""> | ||
+ | <link rel="icon" href="../../favicon.ico"> | ||
− | < | + | <title>Starter Template for Bootstrap</title> |
+ | <!-- Bootstrap core CSS --> | ||
+ | <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"> | ||
− | <!-- | + | <!-- Just for debugging purposes. Don't actually copy these 2 lines! --> |
− | < | + | <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> |
− | < | + | <script src="../../assets/js/ie-emulation-modes-warning.js"></script> |
+ | <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> | ||
+ | <!--[if lt IE 9]> | ||
+ | <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> | ||
+ | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | ||
+ | <![endif]--> | ||
+ | </head> | ||
− | < | + | <body> |
− | + | ||
+ | <nav class="navbar navbar-inverse navbar-fixed-top"> | ||
+ | <div class="container"> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <a class="navbar-brand" href="#">Project name</a> | ||
+ | </div> | ||
+ | <div id="navbar" class="collapse navbar-collapse"> | ||
+ | <ul class="nav navbar-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> | ||
+ | </nav> | ||
+ | <div class="container"> | ||
− | < | + | <div class="starter-template"> |
− | < | + | <h1>Bootstrap starter template</h1> |
− | < | + | <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p> |
− | < | + | </div> |
+ | </div><!-- /.container --> | ||
− | <!-- | + | <!-- Bootstrap core JavaScript |
− | + | ================================================== --> | |
− | + | <!-- Placed at the end of the document so the pages load faster --> | |
− | + | <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> | |
− | + | <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> | |
− | + | <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> | |
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <!-- Placed at the end of the document so the pages load faster --> | + | |
− | <script src=" | + | |
− | <script src=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</html> | </html> |
Revision as of 19:15, 30 March 2015
Bootstrap starter template
Use this document as a way to quickly start any new project.
All you get is this text and a mostly barebones HTML document.