Louislo3412 (Talk | contribs) m |
Louislo3412 (Talk | contribs) m |
||
Line 12: | Line 12: | ||
</style> | </style> | ||
<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"> | ||
+ | <title>HKU iGEM Team</title> | ||
+ | |||
+ | <!-- Bootstrap --> | ||
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/default?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> | <link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/default?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> | ||
<script src="https://2016.igem.org/Template:Hong_Kong_HKU/js/script?action=raw&ctype=text/javascript"></script> | <script src="https://2016.igem.org/Template:Hong_Kong_HKU/js/script?action=raw&ctype=text/javascript"></script> | ||
− | |||
+ | </head> | ||
<body> | <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<span class="sr-only">(current)</span></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="#">Description</a> </li> | ||
+ | <li><a href="#">Design</a> </li> | ||
+ | <li role="separator" class="divider"></li> | ||
+ | <li><a href="#">Proof of concept</a> </li> | ||
+ | <li><a href="#">Demostrate</a> </li> | ||
+ | <li><a href="#">Result</a> </li> | ||
+ | </ul> | ||
+ | </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/Demostrate">Demostrate</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/Result">Result</a> </li> | ||
+ | </ul> | ||
+ | </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"> | ||
+ | <input type="text" class="form-control" placeholder="Search"> | ||
+ | </div> | ||
+ | <button type="submit" class="btn btn-default">Submit</button> | ||
+ | </form> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <span class="dropdown"></span> <!-- /.navbar-collapse --> | ||
+ | </div> | ||
+ | <!-- /.container-fluid --> | ||
+ | </nav> | ||
+ | |||
+ | <!-- HEADER --> | ||
+ | <header> | ||
+ | <div class="jumbotron"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-xs-12"> | ||
+ | <img class="img-responsive" alt="256x256" style="width: 256px; height: 256px;" src="https://static.igem.org/mediawiki/2016/2/24/Logo_HKU_256x256.jpg" data-holder-rendered="true"> | ||
+ | <h1 class="text-center">Welcome</h1> | ||
+ | <p class="text-center">We are launching our new UI soon</p> | ||
+ | <p> </p> | ||
+ | <p class="text-center"><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a> </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </header> | ||
+ | <!-- / HEADER --> | ||
+ | |||
+ | <!-- SECTION-1 --> | ||
+ | <section> | ||
+ | <div class="row"> | ||
+ | <div class="col-lg-12 page-header text-center"> | ||
+ | <h2>ABOUT US</h2> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="jumbotron"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-xs-12 col-md-9 col-lg-9"> | ||
+ | <p class="lead">Testing</p> | ||
+ | </div> | ||
+ | <div class=" text-center col-sm-6 col-lg-3 col-sm-offset-3 col-md-3 col-xs-offset-4 col-xs-5 col-lg-offset-0"> | ||
+ | <a class="btn btn-block btn-lg btn-success" href="#" title="">Take a look</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- /container --> <!-- / CONTAINER--> | ||
+ | </section> | ||
+ | <div class="well"> </div> | ||
+ | |||
+ | <!-- FOOTER --> | ||
<div class="container"> | <div class="container"> | ||
− | + | <div class="row"> | |
− | + | <div class="col-lg-offset-3 col-xs-12 col-lg-6"> </div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | <footer class="text-center"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-xs-12"> | ||
+ | <p>Copyright © 2016 HKU iGEM. All rights reserved.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </footer> | ||
+ | <!-- / FOOTER --> | ||
+ | <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> | ||
+ | <script src="js/jquery-1.11.3.min.js"></script> | ||
+ | <!-- Include all compiled plugins (below), or include individual files as needed --> | ||
+ | <script src="js/bootstrap.js"></script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 05:48, 19 July 2016
ABOUT US
Testing