(Prototype team page) |
Louislo3412 (Talk | contribs) (New UI) |
||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | <style> | ||
+ | #sideMenu | ||
+ | { | ||
+ | display:none; /* Disable the display of the annoying side main menu*/ | ||
+ | } | ||
+ | |||
+ | #top_title | ||
+ | { | ||
+ | display:none; /* Disable the annoying title*/ | ||
+ | } | ||
+ | #content { padding:0px; width:90%; margin-left:5%; margin-right:5%;} | ||
+ | </style> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <!-- Bootstrap --> | ||
+ | <link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/default?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> | ||
+ | <!-- custom style --> | ||
+ | <link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/custom?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> | ||
+ | </head> | ||
+ | <body> | ||
+ | <nav class="navbar navbar-default"> | ||
+ | <div class="container-fluid"> | ||
+ | <!-- Brand and toggle get grouped for better mobile display --> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <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="#">HKU iGEM Team</a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <!-- Collect the nav links, forms, and other content for toggling --> | ||
+ | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <li class="active"><a href="https://2016.igem.org/Team:Hong_Kong_HKU">Homepage</a> </li> | ||
+ | <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true">Project<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Description">Description</a> </li> | ||
+ | <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Design">Design</a> </li> | ||
+ | <li role="separator" class="divider"></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Proof">Proof of concept</a> </li> | ||
+ | <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Demonstrate">Demonstrate</a> </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> <a href="https://2016.igem.org/Team:Hong_Kong_HKU/Notebook" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true">Notebook<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Protocol">Protocol</a> </li> | ||
+ | <li role="separator" class="divider"></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Results">Results</a> </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Parts">Parts</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Human_Practices">Human Practices</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | <form class="navbar-form navbar-right" role="search"> | ||
+ | <div class="form-group"> | ||
+ | <a href="https://www.facebook.com/igemhku2016" target="_blank"><img style="float:right" src="https://static.igem.org/mediawiki/2016/e/ea/T--Hong_Kong_HKU--FB.jpg" width="24px" height="24px" alt="Placeholder image"></a> | ||
+ | </div> | ||
+ | </form> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <span class="dropdown"></span> <!-- /.navbar-collapse --> | ||
+ | </div> | ||
+ | <!-- /.container-fluid --> | ||
+ | </nav> | ||
+ | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2016/a/a8/T--Hong_Kong_HKU--Logo_HKU_2460x1860.jpg" style="width:240px; height:180px;" alt="Placeholder image"> | ||
+ | <div class="container" align="center"> | ||
+ | <h3>Parts</h3> | ||
− | < | + | <ul class="nav nav-pills"> |
− | + | <li class="active"><a data-toggle="pill" href="#Basicpart">Basic Part</a></li> | |
− | + | <li><a data-toggle="pill" href="#Compositepart">Composite Part</a></li> | |
− | < | + | <li><a data-toggle="pill" href="#Partcollection"Part Collection</a></li> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | < | + | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
+ | <!-- footer --> | ||
+ | <hr> | ||
+ | <footer class="text-center"> | ||
+ | <div class="container"> | ||
+ | <table cellspacing="0" cellpadding="0" max-width="90%" height="78" border="0" align="center"> | ||
+ | <tbody> | ||
+ | <tr align="center"> | ||
+ | <td width="70%"><h4>Sponsors</h4></td> | ||
+ | <td width="20%"><h4>Contact</h4></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td><img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2016/c/cd/T--Hong_Kong_HKU--IDT-Logo.png" width="185px" height="51px" alt="Placeholder image"> | ||
+ | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2016/7/76/T--Hong_Kong_HKU--SnapGeneLogo72.jpg" width="180px" height="51px" alt="Placeholder image"></td> | ||
+ | <td>Email: <a href="mailto:igemhku@hku.hk" target="_blank">igemhku@hku.hk</a></td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | <div class="row"> | ||
+ | <div class="col-xs-12"> | ||
+ | <p style="text-align: center;">Copyright © 2016 HKU iGEM. All rights reserved.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </footer> | ||
+ | <script src="https://2016.igem.org/Template:Hong_Kong_HKU/js/script?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 12:17, 29 July 2016