Team:CityU HK

From 2014.igem.org

(Difference between revisions)
 
(203 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:CityU_HK/Template}}
{{:Team:CityU_HK/Template}}
<html>
<html>
 +
<html lang="en">
 +
 +
<link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
 +
 +
<style>
 +
/*.carousel-inner {
 +
-webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;*/
 +
}
 +
 +
.carousel-inner .carousel-caption {
 +
padding-top: 100px;
 +
padding-bottom: 100px;
 +
     
 +
}
 +
 +
.btn-custom {
 +
padding: 9px 30px 9px 30px;
 +
font-family: 'Quattrocento Sans', sans-serif;
 +
font-size: 20px;
 +
        border-bottom: 4px solid #36ae88;
 +
        color: #fff;
 +
        background: #4eecba;
 +
        font-weight: bold;
 +
        margin: 0 20px 40px 20px;
 +
}
 +
 +
.btn-custom:hover {
 +
color: #fff;
 +
        background-color: orange;
 +
        border-bottom: 4px solid #EC8318;
 +
}
 +
 +
.btn-custom:visited {
 +
color: #fff;
 +
        background-color: orange;
 +
        border-bottom: 4px solid #EC8318;
 +
}
 +
 +
#feature-icon img {
 +
        max-width: 100%;
 +
        max-height: 100%;
 +
}
 +
 +
#abstract {
 +
background: #F0EEEA;
 +
 +
}
 +
 +
#abstract h2{
 +
color: #676767;
 +
text-align: center;
 +
margin-bottom: 40px;
 +
font-size: 4em;
 +
font-family: "brandon-grotesque", sans-serif;
 +
font-weight: 700;
 +
text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
 +
padding-top: 100px;
 +
margin-top: 0px;
 +
letter-spacing: 8px;
 +
}
 +
 +
#abstract p {
 +
 +
        font-family: 'Raleway', sans-serif;
 +
line-height: 2em;
 +
text-align: center;
 +
padding-left: 200px;
 +
padding-right:200px;
 +
padding-top: 10px;
 +
padding-bottom: 100px;
 +
        font-size: 18px;
 +
        color: #444;
 +
}
 +
 +
</style>
<body>
<body>
-
<table width="65%" border="0" align="center" style="background:#00306C;">
+
<!--========================== carousel ===============================-->
-
     <tr style="color:white">
+
 
-
         <td style="text-align:Left;" rowspan="2" >
+
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
-
         Project Description<br><br>
+
  <!-- 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>
 +
    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
 +
  </ol>
 +
 
 +
  <!-- Wrapper for slides -->
 +
  <div class="carousel-inner">
 +
    <div class="item active">
 +
      <img src="https://static.igem.org/mediawiki/2014/d/d7/CityU_HK_slide1.png" width=100% / >
 +
 
 +
<div class="carousel-caption">
 +
        <a id="btn-custom" href="#Lower" id="#Lower class="anchorLink"><button class="btn btn-custom">ABSTRACT</button></a>
 +
      </div>
 +
    </div>
 +
     <div class="item">
 +
    <img src="https://static.igem.org/mediawiki/2014/4/4a/CityU_HK_slide2.png" />
 +
         <div class="carousel-caption">
 +
            <a href="https://2014.igem.org/Team:CityU_HK/project/module_fad"><button class="btn btn-custom">FadD & FadL</button></a>
 +
            <a href="https://2014.igem.org/Team:CityU_HK/project/module_tesA"><button class="btn btn-custom">'TesA</button></a>
 +
            <a href="https://2014.igem.org/Team:CityU_HK/project/module_desaturase"><button class="btn btn-custom">Desaturase</button></a>
 +
      </div>
 +
    </div>
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_slide3.png">
 +
      <div class="carousel-caption">
 +
         <a href="https://2014.igem.org/Team:CityU_HK/HumanPractice"><button class="btn btn-custom">Learn More</button></a>
 +
      </div>
 +
    </div>
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/f/f6/CityU_HK_hp_group.JPG" width=100% />
 +
      <div class="carousel-caption">
 +
        <a href="https://2014.igem.org/Team:CityU_HK/TeamMember"><button class="btn btn-custom">Meet the Team</button></a>
 +
      </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="anchor" id="Lower"></div>
 +
<div class="row" id="abstract">
 +
  <div class="col-sm-12 col-md-12">
 +
    <h2>Abstract</h2>
 +
    <p><b>Obesity</b> 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 <i>Escherichia coli</i> strain (called <b><font color=#3cc>Fit. Coli</font></b>) 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 <i>fadL</i> and <i>fadD</i> 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>
 +
 
 +
<!--==================== footer ===========================-->
 +
<div id="footer" class="row">
 +
<div class="col-md-7">
 +
      <h3>Sponsors</h3>
 +
      <a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a>
 +
    <a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a>
 +
      <img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100">
 +
    <img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135">
 +
    <img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125">
 +
</div> <!-- end of col-md-7-->
 +
 
 +
<div class="col-md-5">
 +
      <h3>Stay connected!</h3>
 +
      <p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p>
 +
      <a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a>
 +
      <a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a>
 +
      <a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a>
 +
</div> <!--end of col-md-5-->
 +
</div> <!-- end of row-->
-
        You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!
+
<div class="row">
-
        Please note that all contributions to 2014.igem.org are considered to be released under the Attribution 3.0 Unported (see 2014.igem.org:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
+
<div id="copyright" class="col-md-12">
-
        You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!
+
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p>
-
        Please note that all contributions to 2014.igem.org are considered to be released under the Attribution 3.0 Unported (see 2014.igem.org:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
+
</div>
-
        You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!
+
</div>
-
        </td>
+
<!--end of footer-->
-
        <td><img src="http://www6.cityu.edu.hk/wayfinder/GettingToU/img/u-circle.jpg" width="480" height="320" ></td>
+
-
    </tr>
+
-
    <tr>
+
-
        <td><img src="http://www6.cityu.edu.hk/wayfinder/GettingToU/img/u-circle.jpg" width="480" height="320" ></td>
+
-
    </tr>
+
-
</table>
+
-
<br><br><br><br>
+
</body>
</body>
</html>
</html>

Latest revision as of 00:22, 18 October 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"