Team:CityU HK/Achievement

From 2014.igem.org

(Difference between revisions)
 
(105 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
+
<html>
<html lang="en">
<html lang="en">
-
  <head>
+
<head>
     <meta charset="utf-8">
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-
     <title>Bootstrap 101 Template</title>
+
     <title>Team:CityU HK-Achievement</title>
-
     <!-- Bootstrap -->
+
     <!-- Latest compiled and minified CSS -->
-
     <link href="css/bootstrap.min.css" rel="stylesheet">
+
     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 +
 
 +
    <!-- font -->
 +
    <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css>
 +
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
 +
    <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200' rel='stylesheet' type='text/css'>
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
Line 16: Line 21:
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
     <![endif]-->
-
  </head>
 
 +
    <!--essential javascript for nav-->
 +
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$("#nav > li > ul").hide();
 +
$("#nav > li").mouseenter(function() {
 +
$(this).children("li > ul").slideDown(250);
 +
});
 +
        $("#nav > li").mouseleave(function() {
 +
$(this).children("li > ul").slideUp(250);
 +
});
 +
});
 +
</script>
 +
<style> /*CSS to remove wiki default style*/
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
-
  <body>
+
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
-
    <h1>Hello, world!</h1>
+
background-color: #383838;
-
     <div class="jumbotron">
+
border: 0 none;
-
   <h1>Hello, world!</h1>
+
height: 14px;
-
   <p>...</p>
+
z-index: 100;
-
   <p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
+
top: 0;
-
</div>
+
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
 
 +
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
height: 14px;
 +
display: block;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 +
}
 +
 
 +
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
 +
color: #727272;
 +
text-decoration: none;
 +
background-color: transparent;
 +
}
 +
 
 +
body {
 +
background-color: #fff;
 +
}
 +
 
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
 
 +
h2 {
 +
        border-bottom: none;
 +
}
 +
 
 +
h1 {
 +
        border-bottom: none;
 +
}
 +
 
 +
h3 {
 +
        border-bottom: none;
 +
}
 +
 
 +
#igem_logo {
 +
        position: relative;
 +
        top:0;
 +
        left:0;
 +
}
 +
 
 +
</style>
 +
 
 +
<!--=================================== CSS for this page =====================================-->
 +
 
 +
<style> /*CSS fot this page*/
 +
#header {
 +
        margin:20px;
 +
}
 +
 
 +
#header h1 {
 +
        font-family: 'Lobster', cursive;
 +
        float: left;
 +
        margin: 0 auto;
 +
        padding-left: 60px;
 +
        font-size: 4em;
 +
}
 +
 
 +
.carousel-caption {
 +
        text-align: left;
 +
}
 +
 
 +
#abstract {
 +
        padding-left: 100px;
 +
        padding-right: 100px;
 +
        line-height: 2.5em;
 +
}
 +
 
 +
p {
 +
  text-align: justify;
 +
}
 +
 
 +
#nav {
 +
margin-bottom: 50px;
 +
        margin-top: 20px;
 +
        margin-right: 30px;
 +
}
 +
/*main nav*/
 +
#nav li{
 +
position:relative;
 +
float:right;
 +
list-style:none;
 +
z-index:999;
 +
}
 +
#nav li a{
 +
color:#666;
 +
text-decoration:none;
 +
padding-left:15px;
 +
padding-right: 15px;
 +
display:block;
 +
text-align:center;
 +
font-family:'Open Sans Condensed', sans-serif;
 +
font-size: 13px;
 +
}
 +
 
 +
#nav a:hover{
 +
background: rgba(255,255,255,0.9);
 +
color: #3cc;
 +
font-weight: bolder;
 +
}
 +
 
 +
#nav .main_nav:hover{
 +
        border-bottom: solid 3px #3cc;
 +
        z-index: 1000;
 +
}
 +
 
 +
#nav .active {
 +
border-bottom: solid 3px #3cc;
 +
}
 +
 
 +
/*dropdown navbar*/
 +
#nav li ul{
 +
    /*display:none;*/
 +
position:absolute;
 +
text-align:center;
 +
        margin: 0 auto;
 +
padding-left: 0;
 +
        background-color: rgba(255,255,255,0.9);
 +
        box-shadow: gray 0.33em 0.25em 0.25em;
 +
}
 +
#nav li:hover ul{
 +
display:block;
 +
        background-color: rgba(255,255,255,0.9)
 +
}
 +
 
 +
ul#nav li ul li a {
 +
margin-top: 5px;
 +
padding: 0;
 +
align: center;
 +
width: 150px;
 +
}
 +
   
 +
 
 +
.btn btn-primary {
 +
        background-color: #3CC;
 +
}
 +
 
 +
#footer {
 +
background: #e0e0e0;
 +
height: 150px;
 +
clear: both;
 +
position: relative;
 +
bottom: 0;
 +
width: 100%;
 +
}
 +
 
 +
#footer h4 {
 +
color: #4d4d4d;
 +
}
 +
 
 +
#footer p {
 +
color: #4d4d4d;
 +
text-align: center;
 +
}
 +
 
 +
#footer a {
 +
color: #4d4d4d;
 +
text-decoration: none;
 +
}
 +
 
 +
#footer a:hover {
 +
color: #008080;
 +
}
 +
</style> 
 +
</head>
 +
 
 +
 
 +
 
 +
<body>
 +
<div class="container">
 +
<a id="igem_logo" href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2013/thumb/7/7c/80px-Eth_igem_logo.png/50px-80px-Eth_igem_logo.png"/ alt="igem logo"></a>
 +
<!--===================== nav start ===========================-->
 +
<div class="row">
 +
<div id="header" class="col-sm-12 col-md-12">
 +
  <h1>Fit.coli</h1>
 +
  <ul id="nav">
 +
        <li class="main_nav"><a href="#">NOTEBOOK</a>
 +
    <ul>
 +
      <li><a href="#">Lab Log</a></li>
 +
<li><a href="#">Protocols</a></li>
 +
                <li><a href="#">Safety</a></li>
 +
    </ul>
 +
        </li>
 +
<li class="main_nav"><a href="">ACHIEVEMENTS</a>
 +
            <ul>
 +
        <li><a href="#">Medal Requirements</a></li>
 +
    </ul>
 +
        </li>
 +
 +
<li class="main_nav"><a href="">HUMAN PRACTICE</a>
 +
            <ul>
 +
                <li><a href="#">Blog</a></li>
 +
                <li><a href="#">Video</a></li>
 +
                <li><a href="https://2014.igem.org/Team:CityU_HK/HumanPractice/Presentation">Presentation</a></li>
 +
            </ul>
 +
        </li>
 +
        <li class="main_nav"><a href="#">PROJECT</a>
 +
            <ul>
 +
<li><a href="#">Abstract</a></li>
 +
                <li><a href="#">Modules Description</a></li>
 +
                <li><a href="#">Data Pages</a></li> 
 +
                <li><a href="#">Characterization</a></li>
 +
                <li><a href="#">Results</a></li>
 +
                <li><a href="#">Future Work</a></li>
 +
    </ul>
 +
        </li>
 +
    <li class="main_nav"><a href="#">TEAM</a>
 +
            <ul>
 +
        <li><a href="#">Team Members</a></li>
 +
<li><a href="#">Advisors</a></li>
 +
                <li><a href="#">Instructors</a></li>
 +
                <li><a href="#">Attribution</a></li>
 +
                <li><a href="#">Acknowledgement</a></li>
 +
    </ul>
 +
        </li>
 +
        <li class="active"><a href="https://2014.igem.org/Team:CityU_HK">HOME</a>
 +
  </ul>
 +
</div> <!--end of col-md-12 -->
 +
</div> <!--end of row-->
 +
</div> <! --end of container -->
 +
 
 +
<!--===================== carousel start =========================-->
 +
<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://www.arguslabs.com/wp-content/uploads/2014/04/weekincontextlogo_composed_wide.jpg" alt="...">
 +
      <div class="carousel-caption">
 +
        <h2>What is Fit.coli?</h2>
 +
      </div>
 +
    </div>
 +
    <div class="item">
 +
      <img src="http://www.mymenopausemag.com/wp-content/uploads/2014/07/Beware-Tick-Born-Diseases.jpg" alt="...">
 +
      <div class="carousel-caption">
 +
        <h2>Human Practice</h2>
 +
      </div>
 +
    </div>
 +
    <div class="item">
 +
      <img src="http://www.tnecd.com/images/chemicals_@2x.png" alt="...">
 +
      <div class="carousel-caption">
 +
        <h2>Our Results</h2>
 +
      </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>
 +
 
 +
<!--===================== Abstract =========================-->
 +
<div class="container">
 +
<div class="row">
 +
  <div class="col-sm-12 col-md-12" id="abstract">
 +
    <h2>Abstract</h2>
 +
    <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>
 +
   </div>
 +
</div>
 +
 
 +
 
 +
<!--====================== thumbnails ===========================-->
 +
<div class="row">
 +
  <div class="col-sm-6 col-md-4">
 +
    <div class="thumbnail">
 +
      <img data-src="http://iatriki-genetiki.med.uoa.gr/cv/images/lab3.jpg" alt="...">
 +
      <div class="caption">
 +
        <h3>Programming</h3>
 +
        <p>blah blah blah</p>
 +
        <p><a href="#" class="btn btn-primary" role="button">Learn more</a></p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="col-sm-6 col-md-4">
 +
    <div class="thumbnail">
 +
      <img data-src="http://iatriki-genetiki.med.uoa.gr/cv/images/lab3.jpg" alt="...">
 +
      <div class="caption">
 +
        <h3>Programming</h3>
 +
        <p>blah blah blah</p>
 +
        <p><a href="#" class="btn btn-primary" role="button">Learn more</a></p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div> <!-- end of thumbnails -->
 +
</div> <!-- end of container -->
 +
 
 +
<!--==================== 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>
 +
  </div> <!--end of col-md-5-->
 +
</div> <!-- end of #footer -->
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
     <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 -->
+
     <!-- Latest compiled and minified JavaScript -->
-
     <script src="js/bootstrap.min.js"></script>
+
     <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-
  </body>
+
 
 +
    <!-- essential javascript for navbar -->
 +
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
 +
    <script type="text/javascript">
 +
    $(document).ready(function() {
 +
$("#nav > li > ul").hide();
 +
$("#nav > li").mouseenter(function() {
 +
$(this).children("li > ul").slideDown(250);
 +
});
 +
        $("#nav > li").mouseleave(function() {
 +
$(this).children("li > ul").slideUp(250);
 +
});
 +
    });
 +
</script>
 +
</body>
</html>
</html>

Latest revision as of 10:42, 23 August 2014

Team:CityU HK-Achievement

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.

...

Programming

blah blah blah

Learn more

...

Programming

blah blah blah

Learn more

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