Line 1: | Line 1: | ||
{{OUC-China}} | {{OUC-China}} | ||
{{OUC-China/CSS}} | {{OUC-China/CSS}} | ||
+ | |||
+ | |||
<html> | <html> | ||
<head> | <head> | ||
Line 6: | Line 8: | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<title>Home</title> | <title>Home</title> | ||
− | |||
<style type="text/css"> | <style type="text/css"> | ||
− | + | .item{position: relative;} | |
− | . | + | .ouc-juzhong{position: absolute;top: 35%; width: 100%; text-align: center;text-shadow: 1px 1px gray;color: white;font-size: 20px} |
− | .ouc- | + | #title{text-shadow: 3px 3px gray} |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
− | + | <div id="slidershow" class="carousel slide" data-ride="carousel"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<!-- 设置图片轮播的顺序 --> | <!-- 设置图片轮播的顺序 --> | ||
− | + | <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 42: | Line 25: | ||
<li data-target="#slidershow" data-slide-to="4"></li> | <li data-target="#slidershow" data-slide-to="4"></li> | ||
− | </ol | + | </ol> |
<!-- 设置轮播图片 --> | <!-- 设置轮播图片 --> | ||
<div class="carousel-inner"> | <div class="carousel-inner"> | ||
<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"> | ||
+ | <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"> | ||
+ | <p>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.</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"> | ||
+ | <p>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. </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"> | ||
+ | <p><i>Enteromorpha</i> disappeared!<br/>Now every summer, people enjoy themselves on the beautiful beach in Qingdao!</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> | ||
− | + | <div class="item"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/9/9d/T--OUC-China--home5.jpg" width="100%"> | |
− | + | <div style="position: absolute;top: 20px;left: 10%; text-align: center;background-color: white;width: 80%;padding:15px;" > | |
− | + | ||
− | + | <h1 style="font-size: 60px; color: #008EA1"><strong>A Bottle Of Algae "Wine"</strong><br/><small>Producing ethanol from algae</small></h1> | |
− | + | <br/> | |
− | + | <p style="text-align: left;width: 90%;margin: 0 auto;">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/> | |
− | + | Our project can be devided into 3 parts:</p><br/> | |
− | + | <div class="row"> | |
− | + | <div class="col-md-4"> | |
− | <div class=" | + | <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 system</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"> | |
− | + | <div class="row"> | |
− | + | <div class="col-md-2"> | |
− | + | <a href=""><img 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=""><img 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=""><img 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=""><img 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=""><img 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=""><img src="https://static.igem.org/mediawiki/2017/d/d1/T--OUC-China--hp.png" width="150"/></a> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | </div> | |
− | + | </div> | |
− | + | <div class="item"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/9/9d/T--OUC-China--home5.jpg" width="100%"> | |
− | + | <div style="position: absolute;top: 20px;text-align: center;"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/3/35/T--OUC-China--home6.jpg" width="90%"/><br/><br/> | |
− | + | <p class="text-center" style="color: white"> | |
− | + | Contact Us : oucigem@163.com | ©2017 OUC IGEM.All Rights Reserved. | Based On Bootstrap<br/> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </div> | + | |
− | < | + | |
− | + | ||
− | + | ||
− | < | + | |
− | <div class=" | + | |
− | + | ||
− | + | ||
− | Contact Us : oucigem@163.com | ©2017 OUC IGEM.All Rights Reserved. | Based On Bootstrap | + | |
<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"/> | ||
Line 143: | Line 118: | ||
<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"/><br/> | ||
</p> | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- 设置轮播图片控制器 --> | ||
+ | <a class="left carousel-control" href="#slidershow" data-slide="prev" ><span style="position: absolute;top: 35%;font-size: 50px">‹</span></a> | ||
+ | <a class="right carousel-control" href="#slidershow" data-slide="next" ><span style="position: absolute;top: 35%;font-size: 50px">›</span></a> | ||
</div> | </div> | ||
− | + | ||
+ | |||
+ | |||
<script type="text/javascript" src="https://2017.igem.org/Team:OUC-China/JS?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2017.igem.org/Team:OUC-China/JS?action=raw&ctype=text/javascript"></script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 07:17, 31 October 2017