Team:CityU HK

From 2014.igem.org

(Difference between revisions)
 
(182 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'>
-
<head>
 
<style>
<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;
 +
     
 +
}
-
#project_description h1{
+
.btn-custom {
-
    color: white;
+
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;
}
}
-
#project_description p{
+
.btn-custom:hover {
-
    line-height: 2.5em;
+
color: #fff;
-
    font-size: 20px;
+
        background-color: orange;
 +
        border-bottom: 4px solid #EC8318;
}
}
-
center {
+
.btn-custom:visited {
-
    margin-left: 0;
+
color: #fff;
-
    margin-right: 0;
+
        background-color: orange;
 +
        border-bottom: 4px solid #EC8318;
}
}
-
</style>
+
#feature-icon img {
-
<link href="http://2013.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
+
        max-width: 100%;
-
  <link href="http://2013.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
+
        max-height: 100%;
-
</head>
+
}
 +
#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">
-
        <div id="project_description"><h1> Project Description</h1> <br><br>
+
  <!-- Indicators -->
-
        <p>Globally, the prevalence of obesity has reached epidemic proportions and is now one of the most pressing health problems worldwide. Because obesity is closely associated with chronic diseases such as diabetes, hypertension, stroke and cardiovascular diseases, the rise in obesity corresponds to a significant increase in mortality. According to the World Health Organization (WHO) 2014 report, the number of obese people has doubled since 1980. In 2008, 35% of adults were overweight and 11% were obese; and in 2012, more than 40 million children were overweight or obese. Because of the rising cost in healthcare and the associated social and economic problems related to obesity, various strategies to control and prevent obesity have been tested in recent years.
+
  <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>
-
<br><br>
+
  <!-- Wrapper for slides -->
 +
  <div class="carousel-inner">
 +
    <div class="item active">
 +
      <img src="http://2014.igem.org/wiki/images/d/d7/CityU_HK_slide1.png" width=100% / >
-
According to BBC news (2012), there has been an acute decline in fish stocks around the world whereby 85% of global fish stocks have been over-exploited. And because climate change has adversely affected agricultural output in general, this has resulted in humans becoming even more dependent on fishery products as an important source of protein and high-value nutrients. Docosahexaenoic acid (DHA) is an omega-3 fatty acid and is one of the vital nutrients obtained from fish, which is important for a variety of normal body functions including metabolism. Because the human body is unable to synthesize omega-3-fatty acids, it is normally obtained through our diet. It is predicted that DHA will become less available due to the rapid declines in fish stocks. Our project aims to develop a GEM called “Fit Coli” that could aid the human body to reduce fat absorption by biotransforming the fatty acids produced in the human gut to alpha-linolenic (ALA) which is then converted to docosahexaenoic acid (DHA) by the human body.</p>
+
<div class="carousel-caption">
-
        </div>
+
        <a id="btn-custom" href="#Lower" id="#Lower class="anchorLink"><button class="btn btn-custom">ABSTRACT</button></a>
-
        </td>
+
      </div>
-
        <td><img src="http://www6.cityu.edu.hk/wayfinder/GettingToU/img/u-circle.jpg" width="320" height="240" ></td>
+
    </div>
-
    </tr>
+
    <div class="item">
-
     <tr>
+
    <img src="http://2014.igem.org/wiki/images/4/4a/CityU_HK_slide2.png" />
-
        <td><img src="http://www6.cityu.edu.hk/wayfinder/GettingToU/img/u-circle.jpg" width="320" height="240" ></td>
+
        <div class="carousel-caption">
-
     </tr>
+
            <a href="http://2014.igem.org/Team:CityU_HK/project/module_fad"><button class="btn btn-custom">FadD & FadL</button></a>
-
</table>
+
            <a href="http://2014.igem.org/Team:CityU_HK/project/module_tesA"><button class="btn btn-custom">'TesA</button></a>
-
<br><br><br><br>
+
            <a href="http://2014.igem.org/Team:CityU_HK/project/module_desaturase"><button class="btn btn-custom">Desaturase</button></a>
 +
      </div>  
 +
     </div>
 +
    <div class="item">
 +
      <img src="http://2014.igem.org/wiki/images/9/98/CityU_HK_slide3.png">
 +
      <div class="carousel-caption">
 +
        <a href="http://2014.igem.org/Team:CityU_HK/HumanPractice"><button class="btn btn-custom">Learn More</button></a>
 +
      </div>
 +
     </div>
 +
    <div class="item">
 +
      <img src="http://2014.igem.org/wiki/images/f/f6/CityU_HK_hp_group.JPG" width=100% />
 +
      <div class="carousel-caption">
 +
        <a href="http://2014.igem.org/Team:CityU_HK/TeamMember"><button class="btn btn-custom">Meet the Team</button></a>
 +
      </div>
 +
    </div>
 +
  </div>
-
<footer>
+
  <!-- Controls -->
-
<h2>Our Sponsors</h2>
+
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
-
<img src="http://upload.wikimedia.org/wikipedia/en/6/6c/New_England_Biolabs_%28logo%29.png"/>
+
    <span class="glyphicon glyphicon-chevron-left"></span>
-
</footer>
+
  </a>
-
<div id="slider" class="carousel slide">
+
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right"></span>
 +
  </a>
 +
</div>
-
              <div class="carousel-inner">
 
-
                <div class="item active"><!-- add the active class to any slider you want shown first -->
 
-
                  <img src="http://2013.igem.org/wiki/images/thumb/1/1e/BannerToximop.jpg/800px-BannerToximop.jpg" style="width:100%;height:100%">
 
-
                </div>
 
-
                <div class="item"><!-- add the active class to any slider you want shown first -->
+
<!--===================== Abstract =========================-->
-
                  <img src="http://2013.igem.org/wiki/images/thumb/a/a4/Algal_Bloom3.jpg/800px-Algal_Bloom3.jpg" style="width:100%;height:100%">
+
-
                </div>
+
-
                <div class="item"><!-- add the active class to any slider you want shown first -->
+
<div class="anchor" id="Lower"></div>
-
                  <img src="http://2013.igem.org/wiki/images/thumb/2/25/Solution3.jpg/800px-Solution3.jpg" style="width:100%;height:100%">
+
<div class="row" id="abstract">
-
                </div>
+
  <div class="col-sm-12 col-md-12">
-
              </div>
+
    <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>
-
              <!-- the controls for our sliders -->
+
  </div>
-
              <a class="left carousel-control " href="#slider" data-slide="prev">&lsaquo;</a>
+
</div>
-
              <a class="right carousel-control " href="#slider" data-slide="next">&rsaquo;</a>
+
 
-
            </div>
+
<!--==================== footer ===========================-->
-
      </div>
+
<div id="footer" class="row">
 +
<div class="col-md-7">
 +
      <h3>Sponsors</h3>
 +
      <a href="http://www.cityu.edu.hk/" target="_blank"><img src="http://2014.igem.org/wiki/images/9/9c/CityU_HK_citylogo.png" width="95"></a>
 +
    <a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="http://2014.igem.org/wiki/images/9/98/CityU_HK_bchlogo.png" width="80"></a>
 +
      <img src="http://2014.igem.org/wiki/images/b/b1/CityU_HK_Invitrogen.png" width="100">
 +
    <img src="http://2014.igem.org/wiki/images/7/7a/CityU_HK_Neblogocol.png" width="135">
 +
    <img src="http://2014.igem.org/wiki/images/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="http://2014.igem.org/wiki/images/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="http://2014.igem.org/wiki/images/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a>
 +
</div> <!--end of col-md-5-->
 +
</div> <!-- end of row-->
-
<script src="http://code.jquery.com/jquery-latest.js"></script>
+
<div class="row">
-
    <script src="http://www.kyleharrison.co.uk/igem/js/bootstrap.min.js"></script>
+
<div id="copyright" class="col-md-12">
 +
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p>
 +
</div>
 +
</div>
 +
<!--end of footer-->
</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.