|
|
| Line 1: |
Line 1: |
| | <head> | | <head> |
| − | <title>East Chapel Hill Highschool iGem</title>
| + | <title>East Chapel Hill Highschool iGem</title> |
| − | <meta charset="utf-8">
| + | |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | |
| − | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
| + | |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
| + | |
| − | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
| + | |
| − | <style>
| + | |
| − | /* Remove the navbar's default margin-bottom and rounded borders */
| + | |
| − |
| + | |
| − | .navbar {
| + | |
| − | margin-bottom: 0;
| + | |
| − | border-radius: 0;
| + | |
| − | /* background-color: #ffcccc; */
| + | |
| − | }
| + | |
| − | | + | |
| − | body {
| + | |
| − | background-color: black;
| + | |
| − | }
| + | |
| − |
| + | |
| − | */
| + | |
| − | /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
| + | |
| − | .row.content {height: 450px}
| + | |
| − |
| + | |
| − | /* Set gray background color and 100% height */
| + | |
| − | .sidenav {
| + | |
| − | padding-top: 20px;
| + | |
| − | background-color: black;
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | /* Set black background color, white text and some padding */
| + | |
| − | footer {
| + | |
| − | background-color: #555;
| + | |
| − | color: white;
| + | |
| − | padding: 15px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | /* On small screens, set height to 'auto' for sidenav and grid */
| + | |
| − | @media screen and (max-width: 767px) {
| + | |
| − | .sidenav {
| + | |
| − | height: auto;
| + | |
| − | padding: 15px;
| + | |
| − | }
| + | |
| − | .row.content {height:auto;}
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | </head>
| + | |
| − | <body>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <nav class="navbar navbar-inverse">
| + | |
| − | <div class="container-fluid">
| + | |
| − | <div class="navbar-header">
| + | |
| − | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | </button>
| + | |
| − | <a class="navbar-brand" href="#">Logo</a>
| + | |
| − | </div>
| + | |
| − | <div class="collapse navbar-collapse" id="myNavbar">
| + | |
| − | <ul class="nav navbar-nav">
| + | |
| − | <li class="active"><a href="#">Home</a></li>
| + | |
| − | <li><a href="Team.html">Team</a></li>
| + | |
| − | <li><a href="Project.html">Project</a></li>
| + | |
| − | <li><a href="Results.html">Results</a></li>
| + | |
| − | <li><a href="Notebook.html">Notebook</a></li>
| + | |
| − | <li><a href="#">Human Practices</a></li>
| + | |
| − | <li><a href="Sponsors.html">Sponsors</a></li>
| + | |
| − | </ul>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </nav>
| + | |
| − | | + | |
| − | <div class="container-fluid text-center">
| + | |
| − | <div class="row content">
| + | |
| − | <div class="col-sm-2 sidenav">
| + | |
| − | <img align="middle" style="width:100%" height="1000px" src="ezgif.com-gif-maker (1).gif"></img>
| + | |
| − |
| + | |
| − | | + | |
| − | <h1>Abstract</h1>
| + | |
| − | <p>Lorem ipsum...</p>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <!--
| + | |
| − | <footer class="container-fluid text-center">
| + | |
| − | <p>Footer Text</p>
| + | |
| − | </footer>
| + | |
| − | -->
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | </body>
| + | |
| − | </html>
| + | |
