Difference between revisions of "Team:OUC-China"

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">
body{margin-top:0}
+
.item{position: relative;}
.ouc-navbar{background-color:#008EA1;padding: 0;margin: 0;border-radius: 0;}
+
.ouc-juzhong{position: absolute;top: 35%; width: 100%; text-align: center;text-shadow: 1px 1px gray;color: white;font-size: 20px}
.ouc-nav-a{color: white;}
+
#title{text-shadow: 3px 3px gray}
.ouc-nav-a:hover{color:#008EA1;}
+
#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;}
+
        #ouc-indicators{margin:0,auto;}
+
      .arousel-control:hover{color:white;}
+
 
</style>
 
</style>
 
</head>
 
</head>
  
 
<body>
 
<body>
 
+
      <div id="slidershow" class="carousel slide" data-ride="carousel">
<div class="container-fluid">
+
 
+
 
+
  <!--轮播图-->
+
    <div id="slidershow" class="carousel slide" data-ride="carousel">
+
 
<!-- 设置图片轮播的顺序 -->
 
<!-- 设置图片轮播的顺序 -->
   <!-- <ol class="carousel-indicators" id="ouc-indicators" style="margin:0,auto;text-align:center;">
+
   <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">
    </div>
+
            <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;" >
  <a class="left carousel-control" href="#slidershow" data-slide="prev">&lsaquo;</a>
+
           
         <a class="right carousel-control" href="#slidershow" data-slide="next">&rsaquo;</a>
+
                    <h1 style="font-size: 60px; color: #008EA1"><strong>A Bottle Of Algae "Wine"</strong><br/><small>Producing ethanol from algae</small></h1>
</div>
+
                    <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="navbar  ouc-navbar" role="navigation">
+
                            <img src="https://static.igem.org/mediawiki/2017/a/ac/T--OUC-China--yeast2.png"/>
  <div class="container ouc-container">
+
                            <h4><strong>Adhesion platform</strong></h4>
    <ul class="nav navbar-nav">
+
                    <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>
        <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>
+
                        </div>
        <li class="dropdown">
+
                        <div class="col-md-4">
             <a style="color:white" data-toggle="dropdown" class="dropdown-toggle ouc-nav-a">Team<span class="caret"></span></a>
+
                            <img src="https://static.igem.org/mediawiki/2017/a/a3/T--OUC-China--yeast1.png"/>
            <ul class="dropdown-menu">
+
                            <h4><strong>Fermentation</strong></h4>
                <li><a href="#" >Member</a></li>
+
                            <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>
                <li><a href="#">Collaborations</a></li>
+
                        </div>
                <li><a href="#">Attributions</a></li>
+
                   
            </ul>
+
                        <div class="col-md-4">
        </li>
+
                            <img src="https://static.igem.org/mediawiki/2017/a/a2/T--OUC-China--yeast3.png"/>
        <li class="dropdown">
+
                            <h4><strong>Mini system</strong></h4>
            <a style="color:white" data-toggle="dropdown" class="dropdown-toggle ouc-nav-a">Project<spam class="caret"></span></a>
+
                            <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>
            <ul class="dropdown-menu">
+
                        </div>
                <li><a href="#" >Description</a></li>
+
                        </div>
                <li><a href="#">Design</a></li>
+
                        <div class="container-fluid">
                <li><a href="#">Experiments</a></li>
+
                  <div class="row">
                <li><a href="#">Results</a></li>
+
                      <div class="col-md-2">
                <li><a href="#">Interlab</a></li>
+
                              <a href=""><img src="https://static.igem.org/mediawiki/2017/3/3f/T--OUC-China--Team.png" width="150"/></a>
                <li><a href="#" >Notebook</a></li>
+
                          </div>
            </ul>
+
                          <div class="col-md-2">
        </li>
+
                              <a href=""><img src="https://static.igem.org/mediawiki/2017/0/03/T--OUC-China--Project.png" width="150"/></a>  
        <li><a href="#" class="ouc-nav-a" style="color:white">Model</a></li>
+
                          </div>
        <li><a href="#" class="ouc-nav-a" style="color:white">Parts</a></li>
+
                          <div class="col-md-2">
        <li><a href="#" class="ouc-nav-a" style="color:white">Safety</a></li>
+
                              <a href=""><img src="https://static.igem.org/mediawiki/2017/3/3c/T--OUC-China--model.png" width="150"/></a>  
        <li><a href="#" class="ouc-nav-a" style="color:white">Human Practice</a></li>
+
                          </div>
    </ul>
+
                          <div class="col-md-2">
    </div>
+
                              <a href=""><img src="https://static.igem.org/mediawiki/2017/3/3b/T--OUC-China--parts.png" width="150"/></a>
</div>
+
                          </div>
<!--导航 -->
+
                          <div class="col-md-2">
</div>
+
                              <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>
<!--Abstruct -->
+
                          </div>
<div class="container ouc-abstruct">
+
                  </div>
<h1 ><strong>A Bottle Of Algae Wine</strong><br/><small>Producing ethanol from alage</small></h1>
+
                </div>
<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/>
+
                   
    Our project can be devided into 3 parts:</p><br/>
+
            </div>
    <div class="row">
+
        </div>
        <div class="col-md-4">
+
        <div class="item">
        <img src="https://static.igem.org/mediawiki/2017/a/ac/T--OUC-China--yeast2.png"/>
+
            <img src="https://static.igem.org/mediawiki/2017/9/9d/T--OUC-China--home5.jpg" width="100%">
        <h4><strong>Adhesion platform</strong></h4>
+
            <div style="position: absolute;top: 20px;text-align: center;">
<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>
+
            <img src="https://static.igem.org/mediawiki/2017/3/35/T--OUC-China--home6.jpg" width="90%"/><br/><br/>
    </div>
+
                <p class="text-center" style="color: white">
    <div class="col-md-4">
+
         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/a/a3/T--OUC-China--yeast1.png"/>
+
        <h4><strong>Fermentation</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/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>
+
<!--Abstruct -->
+
 
+
 
+
<!--赞助-->
+
<div class="container-fluid ouc-reserve">
+
    <p class="text-center">
+
        <br/><br/>
+
         Contact Us : oucigem@163.com&nbsp;&nbsp;|&nbsp;&nbsp;©2017 OUC IGEM.All Rights Reserved.&nbsp;&nbsp;|&nbsp;&nbsp;Based On Bootstrap<br/><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"/>
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">&lsaquo;</span></a>
 +
        <a class="right carousel-control" href="#slidershow" data-slide="next" ><span style="position: absolute;top: 35%;font-size: 50px">&rsaquo;</span></a>
 
</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>

Revision as of 07:17, 31 October 2017


Home