Difference between revisions of "Team:OUC-China"

 
(69 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{OUC-China}}
 
{{OUC-China}}
 
{{OUC-China/CSS}}
 
{{OUC-China/CSS}}
 +
 
<html>
 
<html>
 
<head>
 
<head>
Line 8: Line 9:
  
 
<style type="text/css">
 
<style type="text/css">
 +
        body{margin:0;padding:0;}
 +
 +
.item{position: relative;}
 +
.ouc-juzhong{position: absolute;top: 30%; width: 100%; text-align: center;text-shadow: 2px 2px grey;color: white;font-size: 20px}
 +
#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;}
 
 
−
.ouc-navbar{background-color:#008EA1;padding: 0;margin: 0;border-radius: 0;}
 
−
.ouc-nav-a{color: white;}
 
−
#ouc-logo{padding-top:5px;}
 
−
#ouc-logo:hover{background-color:#008EA1;}
 
−
.container-fluid{padding: 0;}
 
−
.ouc-container{width: 780px;}
 
−
.carousel-control{line-height: 640px;text-align: center;font-size: 80px;}
 
−
.ouc-abstruct{text-align: center;}
 
−
.ouc-abstruct p{text-align: left;}
 
−
.ouc-abstruct h1{color:#008EA1; }
 
−
.ouc-reserve{background-color: #008EA1;color: white;}
 
−
        #bodyContent h1,h2{margin-bottom:0;border-bottom:none;}
 
 
</style>
 
</style>
 
</head>
 
</head>
  
−
<body>
+
<body style="top:-15px !important">
−
 
+
<div id="slidershow" class="carousel slide ouc-slide" data-ride="carousel" style="margin:0 !important;padding:0 !important;">
−
<div class="container-fluid">
+
−
 
+
−
 
+
−
  <!--轮播图-->
+
−
    <div id="slidershow" class="carousel slide" data-ride="carousel">
+
 
<!-- 设置图片轮播的顺序 -->
 
<!-- 设置图片轮播的顺序 -->
−
    <ol class="carousel-indicators">
+
  <ol class="carousel-indicators" id="ouc-indicators">
 
         <li class="active" data-target="#slidershow" data-slide-to="0"></li>
 
         <li class="active" data-target="#slidershow" data-slide-to="0"></li>
 
         <li data-target="#slidershow" data-slide-to="1"></li>
 
         <li data-target="#slidershow" data-slide-to="1"></li>
Line 41: Line 35:
 
     </ol>
 
     </ol>
 
     <!-- 设置轮播图片 -->
 
     <!-- 设置轮播图片 -->
−
     <div class="carousel-inner">
+
     <div class="carousel-inner container-fluid" style="margin:0;padding:0;top:-15px !important">
 
         <div class="item active">
 
         <div class="item active">
 
             <img src="https://static.igem.org/mediawiki/2017/a/a6/T--OUC-China--home0.jpg" width="100%">
 
             <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>
 
         <div class="item">
 
         <div class="item">
 
             <img src="https://static.igem.org/mediawiki/2017/9/91/T--OUC-China--home1.jpg" width="100%">
 
             <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>
 
         <div class="item">
 
         <div class="item">
 
             <img src="https://static.igem.org/mediawiki/2017/c/c7/T--OUC-China--home2.jpg" width="100%">
 
             <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>
 
         <div class="item">
 
         <div class="item">
−
             <img src="https://static.igem.org/mediawiki/2017/d/da/T--OUC-China--home3.jpg." width="100%">
+
             <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>
−
        <div class="item">
+
      <div class="item">
 
             <img src="https://static.igem.org/mediawiki/2017/c/c4/T--OUC-China--home4.jpg" width="100%">
 
             <img src="https://static.igem.org/mediawiki/2017/c/c4/T--OUC-China--home4.jpg" width="100%">
 
         </div>
 
         </div>
Line 60: Line 66:
 
     </div>
 
     </div>
 
     <!-- 设置轮播图片控制器 -->
 
     <!-- 设置轮播图片控制器 -->
−
   <a class="left carousel-control" href="#slidershow" data-slide="prev">&lsaquo;</a>
+
   <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">&rsaquo;</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>
−
<!--轮播图-->
 
  
  
−
<!--导航 -->
+
<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="navbar  ouc-navbar" role="navigation">
+
 
−
  <div class="container ouc-container">
+
−
    <ul class="nav navbar-nav">
+
−
        <li><a href="#" class="navbar-brand" id="ouc-logo"><img src="https://static.igem.org/mediawiki/2017/8/89/T--OUC-China--logo.jpg" width="66" height="40" alt=""/></a></li>
+
−
        <li class="dropdown">
+
−
            <a href="#" data-toggle="dropdown" class="dropdown-toggle ouc-nav-a">Team<span class="caret"></span></a>
+
−
            <ul class="dropdown-menu">
+
−
                <li><a href="#">Member</a></li>
+
−
                <li><a href="#">Collaborations</a></li>
+
−
                <li><a href="#">Attributions</a></li>
+
−
            </ul>
+
−
        </li>
+
−
        <li class="dropdown">
+
−
            <a href="#" data-toggle="dropdown" class="dropdown-toggle ouc-nav-a">Project<spam class="caret"></span></a>
+
−
            <ul class="dropdown-menu">
+
−
                <li><a href="#">Description</a></li>
+
−
                <li><a href="#">Design</a></li>
+
−
                <li><a href="#">Experiments</a></li>
+
−
                <li><a href="#">Results</a></li>
+
−
                <li><a href="#">Interlab</a></li>
+
−
                <li><a href="#" >Notebook</a></li>
+
−
            </ul>
+
−
        </li>
+
−
        <li><a href="#" class="ouc-nav-a">Model</a></li>
+
−
        <li><a href="#" class="ouc-nav-a">Parts</a></li>
+
−
        <li><a href="#" class="ouc-nav-a">Safety</a></li>
+
−
        <li><a href="#" class="ouc-nav-a">Human Practice</a></li>
+
−
    </ul>
+
−
    </div>
+
−
</div>
+
−
<!--导航 -->
+
−
</div>
+
  
 +
            <div class="container" style="background-color: white; width: 90%; padding:20px;">
 +
           
 +
                    <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>
 +
                    <br/>
 +
                    <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/>
 +
                        Our project can be devided into 3 parts:</p><br/>
 +
                        <div class="row" style="text-align: center;">
 +
                            <div class="col-md-4">
 +
                            <img src="https://static.igem.org/mediawiki/2017/a/ac/T--OUC-China--yeast2.png"/>
 +
                            <h4><strong>Adhesion platform</strong></h4>
 +
                    <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 class="col-md-4">
 +
                            <img src="https://static.igem.org/mediawiki/2017/a/a3/T--OUC-China--yeast1.png"/>
 +
                            <h4><strong>Fermentation</strong></h4>
 +
                            <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>
 +
                        </div>
 +
                   
 +
                        <div class="col-md-4">
 +
                            <img src="https://static.igem.org/mediawiki/2017/a/a2/T--OUC-China--yeast3.png"/>
 +
                            <h4><strong>Mini-GRE</strong></h4>
 +
                            <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>
 +
                        </div>
 +
                       
 +
                        <div class="container-fluid">
 +
                        <img src="https://static.igem.org/mediawiki/2017/3/35/T--OUC-China--home6.jpg" width="100%"/>
  
−
 
+
<div class="row">
−
<!--Abstruct -->
+
     <div class="col-md-6"><img src="https://static.igem.org/mediawiki/2017/8/84/T--OUC-China--dejiang1.png" width="700"/></div>
−
<div class="container ouc-abstruct">
+
    <div class="col-md-6" style="text-align:center">
−
<h1 ><strong>A Bottle Of Algae Wine</strong><br/><small>Producing ethanol from alage</small></h1>
+
        <h1 style="color: #008EA1"><strong>Results</strong></h1><br/><br/><br/>
−
<p>This year OUC-iGEM focuses on the efficient use of cellulose. We are concerned about the utili-zation of Enteromorpha as a hot local issue. Every year a large quantity of Enteromorpha are sal-vaged 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/>
+
        <img src="https://static.igem.org/mediawiki/2017/9/94/T--OUC-China--dejiang3.png" height="150"/>
−
    Our project can be devided into 3 parts:</p><br/>
+
        <h2><strong>Gold Medal</strong></h2>
−
     <div class="row">
+
        <h2>Nominated  <br/><strong>Best New Basic Part</strong></h2>
−
    <div class="col-md-4">
+
−
        <img src="T--OUC-China--yeast1.png"/>
+
−
        <h4><strong>Basic part</strong></h4>
+
−
        <p>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>
+
−
    </div>
+
−
    <div class="col-md-4">
+
−
        <img src="https://static.igem.org/mediawiki/2017/a/ac/T--OUC-China--yeast2.png"/>
+
−
        <h4><strong>Heterogeneous cells adhesion platform</strong></h4>
+
−
<p><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 class="col-md-4">
+
−
        <img src="https://static.igem.org/mediawiki/2017/a/a2/T--OUC-China--yeast3.png"/>
+
−
        <h4><strong>Mini system</strong></h4>
+
−
        <p>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>
+
 
     </div>
 
     </div>
 
</div>
 
</div>
−
<!--Abstruct -->
+
<!--==============================================================================================-->
−
 
+
                  <div class="row">
−
 
+
                      <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 class="container-fluid ouc-reserve">
+
                          </div>
−
    <p class="text-center">
+
                          <div class="col-md-2">
−
        <br/><br/>
+
                              <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>  
−
         Contact Us : oucigem@163.com&nbsp;&nbsp;|&nbsp;&nbsp;©2017 OUC IGEM.All Rights Reserved.&nbsp;&nbsp;|&nbsp;&nbsp;Based On Bootstrap<br/><br/>
+
                          </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/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/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/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/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"/><br/>
+
         <img src="https://static.igem.org/mediawiki/2017/2/2a/T--OUC-China--ML.png" width="252" height="50"/>
 
     </p>
 
     </p>
−
 
+
            </div>
 +
     
 
</div>
 
</div>
−
<!--赞助-->
+
 
 +
 
 
<script type="text/javascript" src="https://2017.igem.org/Team:OUC-China/JS?action=raw&amp;ctype=text/javascript"></script>
 
<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