(Prototype team page) |
Abia Ahmed (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <style> | ||
+ | #top_title {display: none;} | ||
+ | #sideMenu {display: none;} | ||
+ | #content {margin: auto; padding: 0; width: 60%;} | ||
+ | </style> | ||
+ | <center> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <head> | ||
+ | <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; | ||
+ | margin-right: 0; | ||
+ | border-radius: 0; | ||
+ | width: 100%; | ||
+ | /*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%; | ||
+ | } | ||
+ | |||
+ | ul.yourclass | ||
+ | { display: inline-block; | ||
+ | |||
+ | padding-rigth: 15px; | ||
+ | } | ||
− | + | ||
− | + | ||
− | + | /* 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> | ||
− | |||
− | <div class=" | + | <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> | |
− | </div> | + | <span class="icon-bar"></span> |
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | </div> | ||
+ | <div class="collapse navbar-collapse" id="myNavbar"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <li><img align="middle" style="width:100%" height="55px" src="https://static.igem.org/mediawiki/2017/8/89/T--East_Chapel_Hill--Icon0.png"></img> </li> | ||
+ | </ul> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/test-siyu-homepage">Home</a></li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="Team.html">Team | ||
+ | <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Team-part-1</a></li> | ||
+ | <li><a href="#">Team-part-2</a></li> | ||
+ | <li><a href="#">Team-part-3</a></li> | ||
+ | </ul> | ||
+ | </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 class="active"><a href="Human_Practices.html">Human Practices</a></li> | ||
+ | <li><a href="Sponsors.html">Sponsors</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
− | <div class=" | + | <!-- div class="container-fluid" --> |
− | < | + | <!-- div class="row content"--> |
+ | <div class="col-sm-2 sidenav"> | ||
+ | <img align="middle" style="width:100%" height="900px" src="https://static.igem.org/mediawiki/2017/9/9d/EastChapelHillGIF.gif"></img> | ||
+ | </div> | ||
+ | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | </ | + | <ul><font color="black"> |
+ | <li>We are proud to say that all members of the 2016-2017 iGEM team members helped contribute to every aspect of our project, including lab work, outreach like human practices and fundraising, collaborations, designing the website and poster. | ||
+ | </li> | ||
+ | <li>We want to give a thanks to all our of our mentors/teachers for providing us with the support and assistance throughout this entire iGEM journey:</li> | ||
+ | |||
+ | </font></ul> | ||
− | < | + | <ul><font color="black"> |
+ | <li>We would also like to give our thanks to UNC-Chapel Hill for providing us with the lab space and the Kuhlman lab for its lab equipment and reagents. </li> | ||
+ | <li>Our sponsors for giving us the chance to compete by helping with finances and providing us with lab parts.</li> | ||
+ | |||
+ | </div> | ||
+ | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | </ | + | |
+ | |||
+ | </body> | ||
+ | |||
+ | </center> | ||
</html> | </html> |
Revision as of 14:23, 7 October 2017