Team:CityU HK/Template

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
-
 
+
<html lang="en">
-
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
+
-
<script type="text/javascript">
+
-
$(document).ready(function() {
+
-
$("#menu > li > ul").hide();
+
-
$("#menu > li").mouseenter(function() {
+
-
$(this).children("li > ul").slideDown(250);
+
-
});
+
-
        $("#menu > li").mouseleave(function() {
+
-
$(this).children("li > ul").slideUp(250);
+
-
});
+
-
});
+
-
</script>
+
<body>
<body>
-
<div style="width:1300px; height:250px; margin:auto;">
+
<nav class="navbar navbar-default" role="navigation">
-
<a href="https://2014.igem.org/Main_Page" class="logoimg"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="70px"/ ></a>
+
  <div class="container-fluid">
 +
    <!-- Brand and toggle get grouped for better mobile display -->
 +
    <div class="navbar-header" id="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="#"> <img src="https://static.igem.org/mediawiki/2013/thumb/7/7c/80px-Eth_igem_logo.png/50px-80px-Eth_igem_logo.png"><span>City University of Hong Kong 2014</span></a>
 +
    </div>
-
<center> <img src="https://static.igem.org/mediawiki/2014/1/14/Team_CityU_HK_banner.jpg" width="1300" height="250"></center>
+
    <!-- 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 navbar-right">
 +
        <li class="active"><a href="#">Home</a></li>
 +
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project</a>
 +
          <ul class="dropdown-menu" role="menu">
 +
            <li><a href="#">Overview</a></li>
 +
            <li><a href="#">Module Description</a></li>
 +
            <li><a href="#">Characterisation</a></li>
 +
            <li><a href="#">Data Page</a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Achievements</a>
 +
          <ul class="dropdown-menu" role="menu">
 +
            <li><a href="#">Result</a></li>
 +
            <li><a href="#">Medal</a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team</a>
 +
          <ul class="dropdown-menu" role="menu">
 +
            <li><a href="#">Team members</a></li>
 +
            <li><a href="#">Instructors</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="#">Human Practice</a></li>
 +
      </ul>
 +
    </div><!-- /.navbar-collapse -->
 +
  </div><!-- /.container-fluid -->
 +
</nav>
 +
 
 +
  <!--========================== carousel ===============================-->
 +
 
 +
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
 +
  <!-- Indicators -->
 +
  <ol class="carousel-indicators">
 +
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 +
  </ol>
 +
 
 +
  <!-- Wrapper for slides -->
 +
  <div class="carousel-inner">
 +
    <div class="item active">
 +
      <img src="http://targetgroup.dk/wp-content/uploads/EG_1400x500.jpg" width="1400" height="500">
 +
<div class="carousel-caption">
 +
        <h3>Our Project</h3>
 +
        <h1>Fit.coli</h1>
 +
        <p><a class="btn btn-custom" href="#Lower" id="#Lower class="anchorLink">ABSTRACT</a></p>
 +
      </div>
 +
    </div>
 +
    <div class="item">
 +
    <img src="http://www.southerncharmwear.com/v/vspfiles/templates/SouthernCharmWear/images/homepage/slide4.jpg " width="1400" height="500">
 +
    </div>
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/0/05/Team_CityUHK_Jamboreebanner.png"/>
 +
      <div class="carousel-caption">
 +
        <h3>1400 x 500</h3>
 +
        <p>Are you fed up with the tiring busy life? Let's listen your favorite music and relax.</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 
 +
  <!-- Controls -->
 +
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left"></span>
 +
  </a>
 +
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right"></span>
 +
  </a>
</div>
</div>
-
<br><br><br><br>
+
<!--==================== feature-icon list =================-->
 +
<div id="feature-icon">
 +
    <img src="https://static.igem.org/mediawiki/2014/2/2b/Team_CityU_HK_feature-icon.png"/>
 +
</div>
-
<!--main content -->
+
<!--===================== Abstract =========================-->
-
<ul id = "menu">
+
<div class="anchor" id="Lower"></div>
-
<li class="nav"><a href="https://2014.igem.org/Team:CityU_HK"><img src="https://static.igem.org/mediawiki/2014/e/ea/IGEM_wiki_logo_home.jpg" width="158" height="99"></a> </li>
+
<div class="row" id="abstract">
-
+
  <div class="col-sm-12 col-md-12">
-
        <li class="nav"><img src="https://static.igem.org/mediawiki/2014/c/ce/IGEM_wiki_logo_team.jpg" width="158" height="99"></a>
+
    <h2>Abstract</h2>
-
        <ul>
+
    <p>Obesity has now reached epidemic proportions worldwide, which has serious consequences because obesity is associated with various chronic human diseases such as diabetes, hypertension and cardiovascular diseases. With the aim to protect oneself against obesity and debilitating diseases caused by a high-fat diet, we are using a synthetic biology approach to design an Escherichia coli strain (called Fit Coli) that has an enhanced ability to uptake and convert excess fatty acids from fatty foods into a-linolenic acid (ALA). The strategy is to engineer the fadL and fadD genes along with three desaturase genes to facilitate the uptake of long-chain fatty acids and their biotransformation to ALA by the “Fit Coli” strain. It is predicted that the ALA converted from excess fatty acids by Fit Coli is converted to docosahexaenoic acid (DHA), an omega-3-fatty acid, in the human gut, which is well known to have many positive health benefits.</p>
-
  <li><a href="https://2014.igem.org/Team:CityU_HK/Team/Member">Team Members</a></li>
+
-
        <li><a href="https://2014.igem.org/Team:CityU_HK/Team/advisors">Advisors</a></li>
+
-
        <li><a href="https://2014.igem.org/Team:CityU_HK/Team/instructors">Instructors</a></li>
+
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Attribution</a></li>
+
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Acknowledgement</a></li>
+
-
        </ul>
+
-
        </li>
+
-
+
-
        <li class="nav"><img src="https://static.igem.org/mediawiki/2014/b/b3/IGEM_wiki_logo_Project.jpg" width="158" height="99"></a>
+
-
<ul>
+
-
    <li><a href="https://2014.igem.org/Team:CityU_HK/Abstract">Abstract</a></li>
+
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Modules Description</a></li>
+
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Data Pages</a></li>
+
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Characterization</a></li>
+
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Results</a></li>
+
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Future work</a></li>
+
-
</ul>
+
-
</li>
+
-
       
+
-
        <li class="nav"><img src="https://static.igem.org/mediawiki/2014/e/ea/CityU_wiki_logo_notebook.jpg" width="158" height="99"></a>
+
-
        <ul>    
+
-
        <li><a href="https://2014.igem.org/Team:CityU_HK/notebook/lablog">Lab Log</a></li>
+
-
<li><a href="https://2014.igem.org/Team:CityU_HK/notebook/protocols">Protocols</a></li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Safety</a></li>
+
-
        </ul>
+
-
</li>
+
-
        <li class="nav"><img src="https://static.igem.org/mediawiki/2014/8/8a/CityU_wiki_logo_achievement.jpg" width="158" height="99">
+
  </div>
-
        <ul>
+
</div>
-
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Medal Requirements</a></li>
+
 
-
</ul>
+
 
-
        </li>
+
 
 +
<!--==================== footer ===========================-->
 +
<div id="footer" class="row">
 +
<div class="col-md-7">
 +
      <h4>Sponsors</h3>
 +
  </div> <!-- end of col-md-7-->
 +
  <div class="col-md-5">
 +
      <h4>Stay connected!</h4>
 +
      <p>email: <a href="#">xxxxx@gmail.com</a></p>
 +
      <a href="#"><img src="https://s3.amazonaws.com/sbweb/images/icon-facebook-grey-150x150.png" width="50" height="48"></a>
 +
      <a href="#"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a>
 +
      <a href="#"><img src="http://3.bp.blogspot.com/-zNUyQIVgA8Q/Ue8USlgr8II/AAAAAAAAl1w/6ZCWqhS59Ts/s1600/youtube.png" width="52" height="50"></a>
 +
  </div> <!--end of col-md-5-->
 +
</div> <!-- end of #footer -->
-
        <li class="nav"><img src="https://static.igem.org/mediawiki/2014/1/16/IGEM_wiki_logo_human_practice.jpg" width="158" height="99"></a>
 
-
<ul>
 
-
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Blog</a></li>
 
-
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Videos</a></li>
 
-
<li><a href="https://2014.igem.org/Team:CityU_HK/HumanPractice/Presentation">Presentations</a></li>
 
-
</ul>
 
-
        </li>
 
-
</ul>
+
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
    <!-- Include all compiled plugins (below), or include individual files as needed -->
 +
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-
<br><br><br><br><br>
+
<!--// Smooth scroll for in page links-->  
-
<hr><br><br>
+
    <script>
-
</body>
+
      $(document).ready(function() {
 +
      $('.btn-custom').click(function() {
 +
        $('html,body').animate({
 +
          scrollTop:$($.attr(this,'href')).offset().top},500);
 +
            return false;
 +
        });
 +
      });
 +
   
 +
// bootstrap navbar hover dropdown
 +
    $(function(){
 +
        $('.dropdown').hover(function() {
 +
            $(this).toggleClass('open');
 +
            });
 +
    });
 +
    </script>
 +
  </body>
</html>
</html>

Revision as of 10:32, 6 September 2014

Bootstrap 101 Template

Abstract

Obesity has now reached epidemic proportions worldwide, which has serious consequences because obesity is associated with various chronic human diseases such as diabetes, hypertension and cardiovascular diseases. With the aim to protect oneself against obesity and debilitating diseases caused by a high-fat diet, we are using a synthetic biology approach to design an Escherichia coli strain (called Fit Coli) that has an enhanced ability to uptake and convert excess fatty acids from fatty foods into a-linolenic acid (ALA). The strategy is to engineer the fadL and fadD genes along with three desaturase genes to facilitate the uptake of long-chain fatty acids and their biotransformation to ALA by the “Fit Coli” strain. It is predicted that the ALA converted from excess fatty acids by Fit Coli is converted to docosahexaenoic acid (DHA), an omega-3-fatty acid, in the human gut, which is well known to have many positive health benefits.

Retrieved from "http://2014.igem.org/Team:CityU_HK/Template"