Team:CityU HK

From 2014.igem.org

(Difference between revisions)
 
(273 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{:Team:CityU_HK/Template}}
-
 
+
<html>
<html>
-
<head>
+
<html lang="en">
-
<style type="text/css">
+
-
* html body {
+
-
behavior:url("csshover3.htc");
+
-
}
+
-
#menu {
+
<link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
-
width:948px;
+
-
height:45px;
+
-
}
+
-
#menu ul {
+
-
list-style-type:none;
+
-
margin:0;
+
-
padding:0;
+
-
overflow:auto;
+
-
}
+
-
* html #menu ul {
+
-
height:45px;
+
-
}
+
-
#menu ul li {
+
-
float:left;
+
-
}
+
-
* html #menu ul li {
+
-
display:inline;
+
-
}
+
-
#menu ul li a {
+
-
display:block;
+
-
float:left;
+
-
width: 158px;
+
-
text-align: center;
+
-
}
+
-
#menu ul li ul {
+
<style>
-
position:absolute;
+
/*.carousel-inner {
-
width:158px;
+
-webkit-box-shadow: 0 8px 6px -6px black;
-
overflow:visible;
+
-moz-box-shadow: 0 8px 6px -6px black;
-
clear:left;
+
box-shadow: 0 8px 6px -6px black;*/
-
margin-top: 0px;
+
-
margin-right: 0;
+
-
margin-bottom: 0;
+
-
margin-left: 0;
+
}
}
-
*:first-child+html #menu ul li ul {
+
.carousel-inner .carousel-caption {
-
margin-top:0;
+
padding-top: 100px;
 +
padding-bottom: 100px;
 +
     
}
}
-
* html #menu ul li ul {
+
.btn-custom {
-
margin-top:0;
+
padding: 9px 30px 9px 30px;
-
}
+
font-family: 'Quattrocento Sans', sans-serif;
-
#menu ul li ul li {
+
font-size: 20px;
-
float:none;
+
        border-bottom: 4px solid #36ae88;
-
text-align: center;
+
        color: #fff;
-
}
+
        background: #4eecba;
-
#menu ul li ul li a {
+
        font-weight: bold;
-
float:none;
+
        margin: 0 20px 40px 20px;
-
width: 100%;
+
-
}
+
-
#menu ul li ul li ul {
+
-
margin-top: 0px;
+
-
margin-right: 0;
+
-
margin-bottom: 0;
+
-
margin-left: 100px;
+
-
width: 100%;
+
}
}
-
*:first-child+html #menu ul li ul li ul {
+
.btn-custom:hover {
-
margin-top:-30px;
+
color: #fff;
 +
        background-color: orange;
 +
        border-bottom: 4px solid #EC8318;
}
}
-
#menu ul li ul {
+
.btn-custom:visited {
-
visibility:hidden;
+
color: #fff;
-
}
+
        background-color: orange;
-
#menu ul li:hover ul {
+
        border-bottom: 4px solid #EC8318;
-
visibility:visible;
+
-
}
+
-
#menu ul li:hover ul li ul {
+
-
visibility:hidden;
+
-
}
+
-
#menu ul li ul li:hover ul {
+
-
visibility:visible;
+
-
}
+
-
#menu ul li ul li:hover ul li ul {
+
-
visibility:hidden;
+
-
}
+
-
#menu ul li ul li ul li:hover ul {
+
-
visibility:visible;
+
}
}
-
 
+
#feature-icon img {
-
#menu {
+
        max-width: 100%;
-
font-size:12px;
+
        max-height: 100%;
-
font-family:Arial, Helvetica, sans-serif;
+
-
}
+
-
#menu ul {
+
-
background:#0101DF;
+
}
}
-
#menu ul li a {
+
#abstract {
-
color:#FFF;
+
background: #F0EEEA;
-
text-decoration:none;
+
-
line-height: 30px;
+
}
}
-
/
+
-
#menu ul li ul {
+
#abstract h2{
-
background:#efefef;
+
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;
}
}
-
#menu ul li ul li a {
+
#abstract p {
-
font-size:12px;
+
-
color:#333333;
+
-
text-decoration:none;
+
-
}
+
-
#menu ul li:hover, #menu ul li a:hover {
+
        font-family: 'Raleway', sans-serif;
-
background:#efefef;
+
line-height: 2em;
-
}
+
text-align: center;
-
#menu ul li:hover a {
+
padding-left: 200px;
-
color:#FFFFFF;
+
padding-right:200px;
 +
padding-top: 10px;
 +
padding-bottom: 100px;
 +
        font-size: 18px;
 +
        color: #444;
}
}
-
#menu ul li ul li:hover, #menu ul li ul li a:hover {
 
-
background:#2EFEF7;
 
-
}
 
</style>
</style>
-
 
-
</head>
 
<body>
<body>
-
<!--main content -->
 
-
<table width="70%" align="center">
 
 +
<!--========================== 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>
 +
    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
 +
  </ol>
-
<!--welcome box -->
+
  <!-- Wrapper for slides -->
-
<tr>
+
  <div class="carousel-inner">
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
    <div class="item active">
-
<h1>WELCOME TO iGEM 2014! </h1>
+
      <img src="https://static.igem.org/mediawiki/2014/d/d7/CityU_HK_slide1.png" width=100% / >
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:CityU_HK&action=edit"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<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>
-
<!-- end welcome box -->
+
  </div>
-
<tr>
+
-
<!--navigation menu -->
+
  <!-- Controls -->
-
<td align="center" colspan="3">
+
  <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>
-
<!--end navigation menu -->
+
<!--===================== Abstract =========================-->
-
</td>
+
-
</tr>
+
-
</table>
+
-
<table width="70%" align="center">
 
-
<tr align="center">
 
-
<td>
 
-
<div id="menu">
 
-
  <ul>
 
-
    <li> <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>
 
-
    <li>
+
<div class="anchor" id="Lower"></div>
-
    <img src="https://static.igem.org/mediawiki/2014/c/ce/IGEM_wiki_logo_team.jpg" width="158" height="99">
+
<div class="row" id="abstract">
-
      <ul>
+
  <div class="col-sm-12 col-md-12">
-
        <li><a href="C:\Users\KL\Desktop\wiki txt\igem_team_members.txt">Team Members</a></li>
+
    <h2>Abstract</h2>
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Advisors</a></li>
+
    <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>
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">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>
+
  </div>
-
    <img src="https://static.igem.org/mediawiki/2014/b/b3/IGEM_wiki_logo_Project.jpg" width="158" height="99">
+
</div>  
-
      <ul>
+
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">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> <a href="https://2014.igem.org/Team:CityU_HK/Team">WETLAB</a>
+
<!--==================== footer ===========================-->
-
      <ul>
+
<div id="footer" class="row">
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Notebook</a></li>
+
<div class="col-md-7">
-
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Protocols</a></li>
+
      <h3>Sponsors</h3>
-
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Safety</a></li>
+
      <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>
-
      </ul>
+
    <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>
-
    </li>
+
      <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-->
-
    <li> <a href="https://2014.igem.org/Team:CityU_HK/Team">Achievement</a>
+
<div class="col-md-5">
-
       <ul>
+
      <h3>Stay connected!</h3>
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Medal Requirements</a></li>
+
      <p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p>
-
      </ul>
+
      <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>
-
    </li>
+
       <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-->
-
 
+
<div class="row">
-
    <li> <img src="https://static.igem.org/mediawiki/2014/1/16/IGEM_wiki_logo_human_practice.jpg" width="158" height="99">
+
<div id="copyright" class="col-md-12">
-
      <ul>
+
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p>
-
        <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://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Presentations</a></li>
+
-
      </ul>
+
-
    </li>
+
-
 
+
-
   
+
-
  </ul>
+
</div>
</div>
-
</td>
+
</div>
-
</tr>
+
<!--end of footer-->
-
 
+
-
<td> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px" style="float:right;"></a> </td>
+
-
 
+
-
</table>
+
-
 
+
-
<table width="70%" align="center">
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
 
+
-
</table>
+
-
<br> <br>
+
-
<center>
+
-
<img src="http://www6.cityu.edu.hk/wayfinder/GettingToU/img/u-circle.jpg" width="640" height="480" >
+
-
</center>
+
-
<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"