Difference between revisions of "Team:OUC-China"

 
(96 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 +
{{OUC-China}}
 +
{{OUC-China/CSS}}
  
 
<html>
 
<html>
 
<head>
 
<head>
−
<style type="text/css">
+
<meta charset="utf-8 ">
−
         *{margin: 0;padding: 0;font-family: Times New Roman;}  
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
        #wrap{margin: 0 auto;width: 1200px;}   
+
<title>Home</title>
−
        .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%;}
+
<style type="text/css">
−
.ab1 p{width:800px;float: right;margin-top: 20px;margin-bottom: 10px;}
+
         body{margin:0;padding:0;}
−
.ab1 a{margin-left: 400px;text-decoration: none;color: #79BD9A;}
+
 
−
.ab1 a img{vertical-align: middle;opacity: 0;}
+
.item{position: relative;}
−
.ab1 a:hover img{opacity: 1;transition: 0.5s;}  
+
.ouc-juzhong{position: absolute;top: 30%; width: 100%; text-align: center;text-shadow: 2px 2px grey;color: white;font-size: 20px}
−
.ab1 .vidio {width: 800px;height: 250px;background-color: gray;color: white;text-align: center;line-height: 250px;float: right;margin-top: 10px;}
+
#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>
 
−
<div id="wrap">
 
−
<div class="ab1">
 
−
     
 
−
      <h1>We are OUC-China,we come from Qingdao!</h1>
 
−
      <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="T--OUC-China--jiantou.jpg" width="30" height="30"/>&nbsp;More at our Human Practice page!</a>
 
−
          <div class="vidio">此处是vidio</div>
 
−
    </div>
 
  
 +
<body style="top:-15px !important">
 +
<div id="slidershow" class="carousel slide ouc-slide" data-ride="carousel" style="margin:0 !important;padding:0 !important;">
 +
<!-- 设置图片轮播的顺序 -->
 +
  <ol class="carousel-indicators" id="ouc-indicators">
 +
        <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="2"></li>
 +
        <li data-target="#slidershow" data-slide-to="3"></li>
 +
        <li data-target="#slidershow" data-slide-to="4"></li>
 +
 +
    </ol>
 +
    <!-- 设置轮播图片 -->
 +
    <div class="carousel-inner container-fluid" style="margin:0;padding:0;top:-15px !important">
 +
        <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>
  
  
 +
<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="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">
 +
    <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="col-md-6" style="text-align:center">
 +
        <h1 style="color: #008EA1"><strong>Results</strong></h1><br/><br/><br/>
 +
        <img src="https://static.igem.org/mediawiki/2017/9/94/T--OUC-China--dejiang3.png" height="150"/>
 +
        <h2><strong>Gold Medal</strong></h2>
 +
        <h2>Nominated  <br/><strong>Best New Basic Part</strong></h2>
 +
    </div>
 +
</div>
 +
<!--==============================================================================================-->
 +
                  <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>
 +
                          <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>
  
  
 +
<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