Difference between revisions of "Team:OUC-China"

 
(90 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{OUC-China}}
 
{{OUC-China}}
 +
{{OUC-China/CSS}}
 +
 
<html>
 
<html>
 
<head>
 
<head>
<meta charset="utf-8">
+
<meta charset="utf-8 ">
<!-- TemplateBeginEditable name="doctitle" -->
+
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>无标题文档</title>
+
<title>Home</title>
<!-- TemplateEndEditable -->
+
 
<!-- TemplateBeginEditable name="head" -->
+
<!-- TemplateEndEditable -->
+
 
<style type="text/css">
 
<style type="text/css">
         .igem_2017_menu_wrapper{display:none}
+
         body{margin:0;padding:0;}
*{margin: 0;padding: 0;font-family: Times New Roman;font-size: 20px;}
+
.contentt{width: 100%;height: 80px;background: #0B486B;text-align: center;position: fixed;top: 0;}
+
.contentt ul{display: inline-block;}
+
.contentt li{float: left;list-style-type:none;}
+
.contentt a{display: block;text-decoration: none;color: white;width: 120px;line-height: 80px;background-color: #0B486B;}
+
.contentt a:hover{background-color:#266D96 }
+
.top{position: fixed;bottom: 0;right: 0;}
+
.top:hover{animation: upp 0.6s ;}
+
@keyframes upp {
+
0% {margin-bottom: 0;}
+
50% {margin-bottom: 80px;}
+
100% {margin-bottom: 0;}
+
}
+
#wrap{margin: 0 auto;width: 1200px;}
+
.ab1{width: 100%;height: 450px;margin-bottom: 20px;margin-top: 80px;background-image:url(https://static.igem.org/mediawiki/2017/9/9a/T--OUC-China--ab1.jpeg);}
+
.ab1 h1{padding-left: 420px;color:#79BD9A;font-size: 200%;}
+
.ab1 p{width:800px;float: right;margin-top: 20px;margin-bottom: 10px;}
+
.ab1 a{margin-left: 400px;text-decoration: none;color: #79BD9A;}
+
.ab1 a img{vertical-align: middle;opacity: 0;}
+
.ab1 a:hover img{opacity: 1;transition: 0.5s;}
+
.ab1 .vidio {width: 800px;height: 250px;background-color: gray;color: white;text-align: center;line-height: 250px;float: right;margin-top: 10px;}
+
.ab2{width: 100%;height: 450px;background-image:url(https://static.igem.org/mediawiki/2017/e/ef/T--OUC-China--ab2.jpeg);margin-bottom: 20px;}
+
.ab2 h1{margin-left: 150px;padding-top: 30px;color:#79BD9A;font-size: 200%;}
+
.ab2 p{width: 980px; margin-left: 150px;padding-top: 10px;padding-bottom: 5px;}
+
.ab2 a{margin-left: 150px;text-decoration: none;color: #79BD9A;}
+
.ab2 a img{vertical-align: middle;opacity: 0;}
+
.ab2 a:hover img{opacity: 1;transition: 0.5s;}
+
.ab3{width: 100%;height: 450px;background-image: url(https://static.igem.org/mediawiki/2017/7/76/T--OUC-China--ab3.jpeg);margin-bottom: 20px;}
+
.ab3 h1{margin-left: 80px;padding-top: 30px;color:#79BD9A;font-size: 200%;}
+
.ab3 p{width:1000px;padding-top: 20px;margin-left: 80px;padding-bottom: 20px;}
+
.ab3 a{margin-left: 220px;text-decoration: none;color: #79BD9A;}
+
.ab3 a img{vertical-align: middle;opacity: 0;}
+
.ab3 a:hover img{opacity: 1;transition: 0.5s;}
+
.ab4{width: 100%;height: 450px;background-image: url(https://static.igem.org/mediawiki/2017/c/c4/T--OUC-China--ab4.jpeg);}
+
.ab4 h1{margin-left: 245px;padding-top: 30px;color:#79BD9A;font-size: 200%;}
+
.ab4 p{width: 700px;margin-left: 245px;padding-top: 20px;padding-bottom: 20px;}
+
.ab4 a{margin-left: 245px;text-decoration: none;color: #79BD9A;}
+
.ab4 a img{vertical-align: middle;opacity: 0;}
+
.ab4 a:hover img{opacity: 1;transition: 0.5s;}
+
.ab5{width: 100%;height: 400px;background-image: url(https://static.igem.org/mediawiki/2017/c/c4/T--OUC-China--ab5.jpeg);}
+
.ab5 h1{padding-top: 50px;color:#79BD9A;font-size: 200%;}
+
.ab5 .wine{padding-top: 0;text-align: center;font-size: 150%;color:#266D96; }
+
.ab5 p{width: 800px;padding-top: 20px;padding-bottom: 20px;}
+
.ab5 a{text-decoration: none;color: #79BD9A;}
+
.ab5 a img{vertical-align: middle;opacity: 0;}
+
.ab5 a:hover img{opacity: 1;transition: 0.5s;}
+
  
#zanzhu{width:100%;background-color: #0B486B;color: white;text-align: center;margin-top: -10px;}
+
.item{position: relative;}
#zanzhu span{font-weight: bold;font-size: 150%;}
+
.ouc-juzhong{position: absolute;top: 30%; width: 100%; text-align: center;text-shadow: 2px 2px grey;color: white;font-size: 20px}
#zanzhu img{vertical-align: middle;}
+
#title{text-shadow: 3px 3px gray}
   
+
.ouc-slide{width: 100%}
   
+
.animation{opacity: 0; transition: all 2s;}
+
.carousel-inner:hover .animation{transition: all 1s; opacity: 1;}
   
+
.ouc-guide{transform:scale(0.8); transition:0.5s}
 +
.ouc-guide:hover{transform:scale(1);transition:0.5s;}
 
 
 
</style>
 
</style>
 
</head>
 
</head>
  
<body>  
+
<body style="top:-15px !important">
<div class="contentt">  
+
<div id="slidershow" class="carousel slide ouc-slide" data-ride="carousel" style="margin:0 !important;padding:0 !important;">
  <ul>
+
<!-- 设置图片轮播的顺序 -->
<li><a href="#" style="height: 80px;width: 110px;"><img src="https://static.igem.org/mediawiki/2017/8/8e/T--OUC-China--guide.jpeg" width="110" height="80"/></a></li>
+
  <ol class="carousel-indicators" id="ouc-indicators">
<li><a href="#">Team</a></li>
+
        <li class="active" data-target="#slidershow" data-slide-to="0"></li>
<li><a href="#" style="font-size: 17px;">Achievement</a></li>
+
        <li data-target="#slidershow" data-slide-to="1"></li>
<li><a href="#">Project</a></li>
+
        <li data-target="#slidershow" data-slide-to="2"></li>
<li><a href="#">Modeling</a></li>
+
        <li data-target="#slidershow" data-slide-to="3"></li>
<li><a href="#">Result</a></li>
+
        <li data-target="#slidershow" data-slide-to="4"></li>
<li><a href="#" style="font-size: 16px;">Human Practice</a></li>
+
 
<li><a href="#">Parts</a></li>
+
    </ol>
<li><a href="#">Notebook</a></li>
+
    <!-- 设置轮播图片 -->
<li><a href="#">Safety</a></li>
+
    <div class="carousel-inner container-fluid" style="margin:0;padding:0;top:-15px !important">
  </ul>
+
        <div class="item active">
 +
            <img src="https://static.igem.org/mediawiki/2017/a/a6/T--OUC-China--home0.jpg" width="100%">
 +
            <div class="ouc-juzhong animation">
 +
            <h1 id="title" style="font-size: 100px; color: white"><strong>A Bottle of Algae "Wine"</strong><br/><small style="color:darkgray">Producing ethanol from algae</small></h1>
 +
            </div>
 +
        </div>
 +
        <div class="item">
 +
            <img src="https://static.igem.org/mediawiki/2017/9/91/T--OUC-China--home1.jpg" width="100%">
 +
            <div class="ouc-juzhong animation">
 +
            <p style="font-size:20px"><strong>Qingdao is a beautiful tourist city. <br/>However, every summer a monster--<i>Enteromorpha</i>--will come to the seaside,<br/>scaring away all tourists.<br/> And the beautiful sea becomes empty and lonely.</strong></p>
 +
            </div>
 +
        </div>
 +
        <div class="item">
 +
            <img src="https://static.igem.org/mediawiki/2017/c/c7/T--OUC-China--home2.jpg" width="100%">
 +
            <div class="ouc-juzhong animation">
 +
            <p style="font-size:20px"><strong>After hearing the event, <i>S.cerevisiae</i> and <i>E.coli</i>decide to come and defeat <i>Enteromorpha</i>.<br/><i>E.coli</i> uses cellulase and hemicellulase as his sword to smash <i>Enteromorpha</i>.<br/>The fragment of <i>Enteromorpha</i> becomes cellodextrin and xylose.<br/>At the same time, <i>S.cerevisiae</i> collects the fragment and make it into glucose and then, ethanol.<br/>Finally, mixing with resveratrol, <i>S.cerevisiae</i> transforms the monster into Enteromorpha wine. </strong>  </p>
 +
            </div>
 +
        </div>
 +
        <div class="item">
 +
            <img src="https://static.igem.org/mediawiki/2017/d/da/T--OUC-China--home3.jpg" width="100%">
 +
            <div class="ouc-juzhong animation">
 +
            <p style="font-size:20px"><strong><i>Enteromorpha</i> disappeared!<br/>Now every summer, people enjoy themselves on the beautiful beach in Qingdao!</strong></p>
 +
            </div>
 +
        </div>
 +
      <div class="item">
 +
            <img src="https://static.igem.org/mediawiki/2017/c/c4/T--OUC-China--home4.jpg" width="100%">
 +
        </div>
 +
 
 +
    </div>
 +
    <!-- 设置轮播图片控制器 -->
 +
  <a class="left carousel-control" href="#slidershow" data-slide="prev" style="top:-15px !important" ><span style="position: absolute;top: 40%;font-size: 50px;">&lsaquo;</span></a>
 +
        <a class="right carousel-control" href="#slidershow" data-slide="next" style="top:-15px !important"><span style="position: absolute;top: 40%;font-size: 50px">&rsaquo;</span></a>
 
</div>
 
</div>
+
 
<a href="#top"><img class="top" src="https://static.igem.org/mediawiki/2017/b/b7/T--OUC-China--top.jpeg" width="150" height="116" /></a>
+
 
<div id="wrap">
+
<div class="container-fluid" style="background-image: url(https://static.igem.org/mediawiki/2017/9/9d/T--OUC-China--home5.jpg);padding-top:50px;">
<div class="ab1">
+
 
     
+
 
      <h1>We are OUC_China,we come from Qingdao!</h1>
+
            <div class="container" style="background-color: white; width: 90%; padding:20px;">
      <p>Qingdao is a beautiful city.However there are some annoying problems here.And that's what our team wants to solve this year.</p>
+
           
      <a href="#"><img src="https://static.igem.org/mediawiki/2017/a/aa/T--OUC-China--jiantou.jpeg" width="30" height="30"/>&nbsp;More at our Human Practice page!</a>
+
                    <h1 style="font-size: 60px; color: #008EA1; text-align: center;margin-top: 40px;"><strong>A Bottle Of Algae "Wine"</strong><br/><small>Producing ethanol from algae</small></h1>
          <div class="vidio">此处是vidio</div>
+
                    <br/>
    </div>
+
                    <p style="font-size: 20px">This year OUC-iGEM focuses on the efficient use of cellulose. We are concerned about the utilization of Enteromorpha as a hot local issue. Every year a large quantity of Enteromorpha are salvaged ashore. The utilization, however, remainds still in the initial stage . Compared to the traditional strategy of using terrestrial plant cellulose, the ingredient of lignin in large seaweed is rather low, which can lead to a better degradation.So it will be a great idea to produce new energy from Enteromorpha.<br/>
  <div class="ab2">
+
                        Our project can be devided into 3 parts:</p><br/>
        <h1>Step 1</h1>
+
                        <div class="row" style="text-align: center;">
    <p>Now that we have plenty of Enteromorpha to deal with, we focus on the cellulose and hemicellulose which don’t have much added value in themselves thus wasn’t made good use of. And what we have done is fermentating them into ethyl alcohol.
+
                            <div class="col-md-4">
    Co-culture system is one biological system which has a great potential, especially in the aspect of its cooperative fermentation. Fiber corpuscle, one of the scaffold protein, is an existing efficient system in the nature. But in yeast, its expression may make the host metabolic burden too heavy. So we think of using E. coli to replace fibre corpuscle, which plays a similar effect to increase the efficiency of the enzyme.
+
                            <img src="https://static.igem.org/mediawiki/2017/a/ac/T--OUC-China--yeast2.png"/>
</p>
+
                            <h4><strong>Adhesion platform</strong></h4>
            <a href="#"><img src="https://static.igem.org/mediawiki/2017/a/aa/T--OUC-China--jiantou.jpeg" width="30" height="30"/>&nbsp;More at our part1!</a>
+
                    <p style="text-align: left"><i>E. coli</i> and yeast is to adhere to each other and form a multi-cell unit, expanding the biological function of engineered cells.</p>
    </div>
+
                        </div>
    <div class="ab3">
+
                        <div class="col-md-4">
        <h1>Step 2</h1>
+
                            <img src="https://static.igem.org/mediawiki/2017/a/a3/T--OUC-China--yeast1.png"/>
      <p>
+
                            <h4><strong>Fermentation</strong></h4>
After pretreatment, we successfully transformed the cellulose and hemicellulose into cellobiose and xylose that are easier to use.
+
                            <p style="text-align: left">We aim to make use of cellobiose and xylose produced from algae residue and turn them into ethanol---our Enteromorpha wine! Resveratrol is added to our wine to make it better for health. </p>
The cellobiose is then transformed into ethyl alcohol through the intrinsic pathway of saccharomyces cerevisiae .
+
                        </div>
As for the xylose,we transform it into xylulose and ultimately the ethyl alcohol.
+
                   
Thus we created two kinds of functional yeast which can live on special carbon source ---when we feed them with cellobiose and xylose, they will produce ethyl alcohol in return. What’s more, we can adjust the ratio between two yeasts to accomplish the best output corresponding to the original composition of Enteromorpha. Amazing!
+
                        <div class="col-md-4">
</p>
+
                            <img src="https://static.igem.org/mediawiki/2017/a/a2/T--OUC-China--yeast3.png"/>
    <a href="#"><img src="https://static.igem.org/mediawiki/2017/a/aa/T--OUC-China--jiantou.jpeg" width="30" height="30"/>&nbsp;More at our part2!</a>
+
                            <h4><strong>Mini-GRE</strong></h4>
    </div>
+
                            <p style="text-align: left">We synthesize mini promoters in yeast, which have very concise sequences. In this way, we look forward to making our own contribution to the standardization of yeast!</p>
    <div class="ab4">
+
                        </div>
        <h1>Step 3</h1>
+
                        </div>
      <p>In addition to Enteromorpha contains numerous cellulose and hemicellulose, there are a large number of antioxidant polysaccharide substances. These polysaccharide substances can be used as materials for health care products. At the same time, we use the yeast to express resveratrol, an antioxidant substances either, to improve our antioxidant health care products.  
+
                       
</p>
+
                        <div class="container-fluid">
    <a href="#"><img src="https://static.igem.org/mediawiki/2017/a/aa/T--OUC-China--jiantou.jpeg" width="30" height="30"/>&nbsp;More at our part3!</a>
+
                        <img src="https://static.igem.org/mediawiki/2017/3/35/T--OUC-China--home6.jpg" width="100%"/>
    </div>
+
 
  <div class="ab5">
+
<div class="row">
    <h1 class="wine">At this point,we have created Enteromorpha health care wine!</h1>
+
    <div class="col-md-6"><img src="https://static.igem.org/mediawiki/2017/8/84/T--OUC-China--dejiang1.png" width="700"/></div>
    <h1>Step extra</h1>
+
    <div class="col-md-6" style="text-align:center">
    <p>When we compare the expression of eukaryotic and prokaryotic genes,eukaryotic gene expression vectors are larger because of single cistron,lengthy promoters and terminators.Therefore,we try to build a short and strong expression combination(mini-system).It contains a small enough promoter and terminator.In addition, we tested to ensure optimal combination of promoter and terminator.
+
        <h1 style="color: #008EA1"><strong>Results</strong></h1><br/><br/><br/>
</p>
+
         <img src="https://static.igem.org/mediawiki/2017/9/94/T--OUC-China--dejiang3.png" height="150"/>
         <a href="#"><img src="https://static.igem.org/mediawiki/2017/a/aa/T--OUC-China--jiantou.jpeg" width="30" height="30"/>&nbsp;More at our part4!</a>
+
        <h2><strong>Gold Medal</strong></h2>
    </div>
+
        <h2>Nominated  <br/><strong>Best New Basic Part</strong></h2>
 +
    </div>
 
</div>
 
</div>
<img src="https://static.igem.org/mediawiki/2017/6/6f/T--OUC-China--zanzhu.jpeg" width=100%/>
+
<!--==============================================================================================-->
<div id="zanzhu">
+
                  <div class="row">
  <p><span>Thanks:&nbsp;</span>(此处还是放图标吧)&nbsp;&nbsp;<span>Contact us:&nbsp;</span>oucigem@163.com<img src="https://static.igem.org/mediawiki/2017/b/b4/T--OUC-China--foot1.jpeg" width="50" height="50"/><img src="https://static.igem.org/mediawiki/2017/6/62/T--OUC-China--foot2.jpeg" width="50" height="50"></p>
+
                      <div class="col-md-2">
 +
                              <a href="https://2017.igem.org/Team:OUC-China/Team"><img class="ouc-guide" src="https://static.igem.org/mediawiki/2017/3/3f/T--OUC-China--Team.png" width="150"/></a>  
 +
                          </div>
 +
                          <div class="col-md-2">
 +
                              <a href="https://2017.igem.org/Team:OUC-China/Description"><img class="ouc-guide" src="https://static.igem.org/mediawiki/2017/0/03/T--OUC-China--Project.png" width="150"/></a>
 +
                          </div>
 +
                          <div class="col-md-2">
 +
                              <a href="https://2017.igem.org/Team:OUC-China/Model"><img class="ouc-guide" src="https://static.igem.org/mediawiki/2017/3/3c/T--OUC-China--model.png" width="150"/></a>
 +
                          </div>
 +
                          <div class="col-md-2">
 +
                              <a href="https://2017.igem.org/Team:OUC-China/Parts"><img class="ouc-guide" src="https://static.igem.org/mediawiki/2017/3/3b/T--OUC-China--parts.png" width="150"/></a>
 +
                          </div>
 +
                          <div class="col-md-2">
 +
                              <a href="https://2017.igem.org/Team:OUC-China/Safety"><img class="ouc-guide" src="https://static.igem.org/mediawiki/2017/0/07/T--OUC-China--sefety.png" width="150"/></a>
 +
                          </div>
 +
                          <div class="col-md-2">
 +
                              <a href="https://2017.igem.org/Team:OUC-China/HumanPractice"><img class="ouc-guide" src="https://static.igem.org/mediawiki/2017/d/d1/T--OUC-China--hp.png" width="150"/></a>
 +
                          </div>
 +
                  </div>
 +
                </div>
 +
                   
 +
            </div>
 +
     
 +
       
 +
           
 +
            <div  style="text-align: center;margin-top: 30px; ">
 +
           
 +
                <p class="text-center" style="color: white">
 +
        Contact Us : oucigem@163.com&nbsp;&nbsp;|&nbsp;&nbsp;©2017 OUC IGEM.All Rights Reserved.&nbsp;&nbsp;|&nbsp;&nbsp;Based On Bootstrap<br/>
 +
        <img src="https://static.igem.org/mediawiki/2017/b/b4/T--OUC-China--foot1.jpeg" width="80" height="80"/>  
 +
        <img src="https://static.igem.org/mediawiki/2017/6/62/T--OUC-China--foot2.jpeg" width="80" height="80"/>
 +
        <img src="https://static.igem.org/mediawiki/2017/e/eb/T--OUC-China--QNS.jpg" width="353" height="50"/>
 +
        <img src="https://static.igem.org/mediawiki/2017/5/51/T--OUC-China--NSG.png" width="174" height="50"/>
 +
        <img src="https://static.igem.org/mediawiki/2017/2/2a/T--OUC-China--ML.png" width="252" height="50"/>
 +
    </p>
 +
            </div>
 +
     
 
</div>
 
</div>
 +
 +
 +
<script type="text/javascript" src="https://2017.igem.org/Team:OUC-China/JS?action=raw&amp;ctype=text/javascript"></script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 07:16, 19 November 2017

Home

A Bottle Of Algae "Wine"
Producing ethanol from algae


This year OUC-iGEM focuses on the efficient use of cellulose. We are concerned about the utilization of Enteromorpha as a hot local issue. Every year a large quantity of Enteromorpha are salvaged ashore. The utilization, however, remainds still in the initial stage . Compared to the traditional strategy of using terrestrial plant cellulose, the ingredient of lignin in large seaweed is rather low, which can lead to a better degradation.So it will be a great idea to produce new energy from Enteromorpha.
Our project can be devided into 3 parts:


Adhesion platform

E. coli and yeast is to adhere to each other and form a multi-cell unit, expanding the biological function of engineered cells.

Fermentation

We aim to make use of cellobiose and xylose produced from algae residue and turn them into ethanol---our Enteromorpha wine! Resveratrol is added to our wine to make it better for health.

Mini-GRE

We synthesize mini promoters in yeast, which have very concise sequences. In this way, we look forward to making our own contribution to the standardization of yeast!

Results




Gold Medal

Nominated
Best New Basic Part

Contact Us : oucigem@163.com  |  ©2017 OUC IGEM.All Rights Reserved.  |  Based On Bootstrap