Team:CityU HK/Achievement

From 2014.igem.org

(Difference between revisions)
 
(29 intermediate revisions not shown)
Line 97: Line 97:
         border-bottom: none;
         border-bottom: none;
}
}
 +
 +
#igem_logo {
 +
        position: relative;
 +
        top:0;
 +
        left:0;
 +
}
 +
</style>
</style>
Line 102: Line 109:
<style> /*CSS fot this page*/
<style> /*CSS fot this page*/
 +
#header {
 +
        margin:20px;
 +
}
 +
#header h1 {
#header h1 {
         font-family: 'Lobster', cursive;
         font-family: 'Lobster', cursive;
Line 126: Line 137:
#nav {
#nav {
margin-bottom: 50px;
margin-bottom: 50px;
-
         margin-top: 50px;
+
         margin-top: 20px;
 +
        margin-right: 30px;
}
}
/*main nav*/
/*main nav*/
Line 134: Line 146:
list-style:none;
list-style:none;
z-index:999;
z-index:999;
-
font-size: 40px;
 
}
}
#nav li a{
#nav li a{
Line 143: Line 154:
display:block;
display:block;
text-align:center;
text-align:center;
-
font-family:'Yanone Kaffeesatz', sans-serif;
+
font-family:'Open Sans Condensed', sans-serif;
-
font-size:14px;
+
font-size: 13px;
}
}
Line 151: Line 162:
color: #3cc;
color: #3cc;
font-weight: bolder;
font-weight: bolder;
 +
}
 +
 +
#nav .main_nav:hover{
 +
        border-bottom: solid 3px #3cc;
 +
        z-index: 1000;
}
}
Line 157: Line 173:
}
}
-
/*dropsown navbar*/
+
/*dropdown navbar*/
#nav li ul{
#nav li ul{
     /*display:none;*/
     /*display:none;*/
position:absolute;
position:absolute;
text-align:center;
text-align:center;
-
    margin: 0 auto;
+
        margin: 0 auto;
padding-left: 0;
padding-left: 0;
 +
        background-color: rgba(255,255,255,0.9);
 +
        box-shadow: gray 0.33em 0.25em 0.25em;
}
}
#nav li:hover ul{
#nav li:hover ul{
display:block;
display:block;
 +
        background-color: rgba(255,255,255,0.9)
}
}
ul#nav li ul li a {
ul#nav li ul li a {
-
margin-top: 10px;
+
margin-top: 5px;
padding: 0;
padding: 0;
align: center;
align: center;
-
width: 130px;
+
width: 150px;
}
}
      
      
Line 179: Line 198:
.btn btn-primary {
.btn btn-primary {
         background-color: #3CC;
         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>   
</style>   
Line 186: Line 232:
<body>
<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 ===========================-->
  <!--===================== nav start ===========================-->
<div class="row">
<div class="row">
Line 191: Line 239:
   <h1>Fit.coli</h1>
   <h1>Fit.coli</h1>
   <ul id="nav">
   <ul id="nav">
-
         <li><a href="#">NOTEBOOK</a>  
+
         <li class="main_nav"><a href="#">NOTEBOOK</a>  
    <ul>  
    <ul>  
       <li><a href="#">Lab Log</a></li>  
       <li><a href="#">Lab Log</a></li>  
Line 198: Line 246:
    </ul>
    </ul>
         </li>
         </li>
-
<li><a href="">ACHIEVEMENTS</a>
+
<li class="main_nav"><a href="">ACHIEVEMENTS</a>
             <ul>
             <ul>
        <li><a href="#">Medal Requirements</a></li>
        <li><a href="#">Medal Requirements</a></li>
Line 204: Line 252:
         </li>
         </li>
-
<li><a href="">HUMAN PRACTICE</a>
+
<li class="main_nav"><a href="">HUMAN PRACTICE</a>
             <ul>  
             <ul>  
                 <li><a href="#">Blog</a></li>
                 <li><a href="#">Blog</a></li>
                 <li><a href="#">Video</a></li>  
                 <li><a href="#">Video</a></li>  
-
                 <li><a href="#">Presentation</a></li>
+
                 <li><a href="https://2014.igem.org/Team:CityU_HK/HumanPractice/Presentation">Presentation</a></li>
             </ul>
             </ul>
         </li>
         </li>
-
         <li><a href="#">PROJECT</a>
+
         <li class="main_nav"><a href="#">PROJECT</a>
             <ul>  
             <ul>  
<li><a href="#">Abstract</a></li>  
<li><a href="#">Abstract</a></li>  
Line 221: Line 269:
    </ul>
    </ul>
         </li>  
         </li>  
-
    <li><a href="#">TEAM</a>
+
    <li class="main_nav"><a href="#">TEAM</a>
             <ul>
             <ul>
        <li><a href="#">Team Members</a></li>
        <li><a href="#">Team Members</a></li>
Line 234: Line 282:
  </div> <!--end of col-md-12 -->
  </div> <!--end of col-md-12 -->
</div> <!--end of row-->
</div> <!--end of row-->
-
 
+
</div> <! --end of container -->
  <!--===================== carousel start =========================-->
  <!--===================== carousel start =========================-->
Line 248: Line 296:
   <div class="carousel-inner">
   <div class="carousel-inner">
     <div class="item active">
     <div class="item active">
-
       <img src="http://lividinstruments.com/wp-content/uploads/2014/04/aboutlivid_header.jpg" alt="...">
+
       <img src="http://www.arguslabs.com/wp-content/uploads/2014/04/weekincontextlogo_composed_wide.jpg" alt="...">
       <div class="carousel-caption">
       <div class="carousel-caption">
         <h2>What is Fit.coli?</h2>
         <h2>What is Fit.coli?</h2>
Line 254: Line 302:
     </div>
     </div>
     <div class="item">
     <div class="item">
-
       <img src="http://lividinstruments.com/wp-content/uploads/2014/04/guitarwing_header-1200.jpg" alt="...">
+
       <img src="http://www.mymenopausemag.com/wp-content/uploads/2014/07/Beware-Tick-Born-Diseases.jpg" alt="...">
       <div class="carousel-caption">
       <div class="carousel-caption">
         <h2>Human Practice</h2>
         <h2>Human Practice</h2>
Line 260: Line 308:
     </div>
     </div>
     <div class="item">
     <div class="item">
-
       <img src="http://www.artdecotech.com/wp-content/uploads/2014/06/cropped-New-York-Bokeh-l.jpg" alt="...">
+
       <img src="http://www.tnecd.com/images/chemicals_@2x.png" alt="...">
       <div class="carousel-caption">
       <div class="carousel-caption">
         <h2>Our Results</h2>
         <h2>Our Results</h2>
Line 266: Line 314:
     </div>
     </div>
   </div>
   </div>
 +
   <!-- Controls -->
   <!-- Controls -->
Line 310: Line 359:
</div> <!-- end of thumbnails -->
</div> <!-- end of thumbnails -->
</div> <!-- end of container -->
</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) -->

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"