|
|
| Line 4: |
Line 4: |
| | | | |
| | <style> | | <style> |
| − | /* Remove the navbar's default margin-bottom and rounded borders */
| |
| − |
| |
| − | .navbar {
| |
| − | margin-bottom: 0;
| |
| − | border-radius: 0;
| |
| − | background-color: black;
| |
| − | }
| |
| | | | |
| | body { | | body { |
| Line 16: |
Line 9: |
| | } | | } |
| | | | |
| − | */
| + | </style> |
| − | /* 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> | | <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"></a>
| |
| − | </div>
| |
| − | <div class="collapse navbar-collapse" id="myNavbar">
| |
| − | <ul class="nav navbar-nav">
| |
| − |
| |
| − | <li><img align="middle" style="width:25%" height="130px" src="Logo.png"></img> </li>
| |
| − | <li class="active"><a href="IGEM.html">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>
| |
| − |
| |
| − | <br></br>
| |
| − | <!-- "https://im.ezgif.com/tmp/ezgif-1-78765896bc.gif" -->
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!-- <div class="container-fluid bg-2 text-center"> -->
| |
| − |
| |
| − | <div id="mainbanner">
| |
| − |
| |
| − | <img align="middle" style="width:80%" src="ezgif.com-add-text.gif"></img>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div id="mainbanner">
| |
| − | <img align="middle" style="width:80%" src="FullSizeRender-1.jpg"></img>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!--
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
| |
| − | <hr>
| |
| − | -->
| |
| | <h1> <font color="white"> Abstract </font> </h1> | | <h1> <font color="white"> Abstract </font> </h1> |
| | <p> <font color="white"> Lorem ipsum...</font> </p> | | <p> <font color="white"> Lorem ipsum...</font> </p> |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!--
| |
| − | <footer class="container-fluid text-center">
| |
| − | <p>Footer Text</p>
| |
| − | </footer>
| |
| − | -->
| |
| − |
| |
| | | | |
| | | | |
