Difference between revisions of "Team:Hong Kong HKU/Results"

m
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>
 
  
 +
</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>&nbsp;</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 clearfix">
+
  <div class="row">
<div class="col-md-12 column">
+
    <div class="col-lg-offset-3 col-xs-12 col-lg-6"> </div>
<nav class="navbar navbar-default" role="navigation">
+
  </div>
<div class="navbar-header">
+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <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="#">Brand</a>
+
</div>
+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
<ul class="nav navbar-nav">
+
<li class="active">
+
<a href="#">Link</a>
+
</li>
+
<li>
+
<a href="#">Link</a>
+
</li>
+
<li class="dropdown">
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
+
<ul class="dropdown-menu">
+
<li>
+
<a href="#">Action</a>
+
</li>
+
<li>
+
<a href="#">Another action</a>
+
</li>
+
<li>
+
<a href="#">Something else here</a>
+
</li>
+
<li class="divider">
+
</li>
+
<li>
+
<a href="#">Separated link</a>
+
</li>
+
<li class="divider">
+
</li>
+
<li>
+
<a href="#">One more separated link</a>
+
</li>
+
</ul>
+
</li>
+
</ul>
+
<form class="navbar-form navbar-left" role="search">
+
<div class="form-group">
+
<input type="text" class="form-control" />
+
</div> <button type="submit" class="btn btn-default">Submit</button>
+
</form>
+
<ul class="nav navbar-nav navbar-right">
+
<li>
+
<a href="#">Link</a>
+
</li>
+
<li class="dropdown">
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
+
<ul class="dropdown-menu">
+
<li>
+
<a href="#">Action</a>
+
</li>
+
<li>
+
<a href="#">Another action</a>
+
</li>
+
<li>
+
<a href="#">Something else here</a>
+
</li>
+
<li class="divider">
+
</li>
+
<li>
+
<a href="#">Separated link</a>
+
</li>
+
</ul>
+
</li>
+
</ul>
+
</div>
+
</nav>
+
<div class="jumbotron">
+
<h1>
+
Hello, world!
+
</h1>
+
<p>
+
This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.
+
</p>
+
<p>
+
<a class="btn btn-primary btn-large" href="#">Learn more</a>
+
</p>
+
</div>
+
</div>
+
</div>
+
<div class="row clearfix">
+
<div class="col-md-4 column">
+
<h2>
+
Heading
+
</h2>
+
<p>
+
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
+
</p>
+
<p>
+
<a class="btn" href="#">View details »</a>
+
</p>
+
</div>
+
<div class="col-md-4 column">
+
<h2>
+
Heading
+
</h2>
+
<p>
+
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
+
</p>
+
<p>
+
<a class="btn" href="#">View details »</a>
+
</p>
+
</div>
+
<div class="col-md-4 column">
+
<h2>
+
Heading
+
</h2>
+
<p>
+
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
+
</p>
+
<p>
+
<a class="btn" href="#">View details »</a>
+
</p>
+
</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

HKU iGEM Team

256x256

Welcome

We are launching our new UI soon

 

Learn more

Testing

Copyright © 2016 HKU iGEM. All rights reserved.