Difference between revisions of "Team:HUST-China"

Line 1: Line 1:
−
{{HUST-China}}
+
<html>
−
<html>
+
<head lang="en">
−
<head lang="en">
+
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 +
<meta charset="UTF-8">
 +
<meta name="viewport" content="width=device-width,initial-scale=1">
 +
 
 
  <title>team:iGEM-HUST:home</title>
 
  <title>team:iGEM-HUST:home</title>
 +
<link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"rel="stylesheet">
 +
 
 
 
 
 +
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
 +
<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
  <style>
 
  <style>
−
+
body{position: absolute !important;
−
                   
+
margin: 0px;
−
              .description{margin-left: 10%;
+
    background-image: url(https://static.igem.org/mediawiki/2015/b/b0/Reefbg1.1.png);
−
              margin-right: 10%;
+
    width:100% !important;
−
              margin-top: 30px;
+
            height:auto;
−
              float: left;}
+
            background-size: 100%,100% !important;
 +
    color: white;
 +
font-family:Arial,Verdana,Sans-serif}
  
−
+
.shanglan{float: left;
 +
  font-size:14px;
 +
margin-left:10px;
 +
}
  
 +
.first-menu{float: left;
 +
margin-left: 2%;
 +
font-size: 20px;
 +
}
 +
.other-menu{float: left;
 +
margin-left:1.5%;
 +
font-size:20px;
 +
}
 +
.header{position: fixed;
 +
    width: 100%;
 +
  height:42px;
 +
  margin-top: 0px;
 +
  background-color:#2f3a44;
 +
    filter:alpha(opacity:30);opacity:0.8;  -moz-opacity:0.4; -khtml-opacity: 0.4
 +
  }
 +
  
−
+
.navbar .nav > li .dropdown-menu {margin: 0;}
−
+
.navbar .nav > li:hover .dropdown-menu {display: block;}
 +
 
 +
a:link,a:visited {
 +
color:white;
 +
text-decoration:none;
 +
}
 +
a:hover,a:active {
 +
color:black;
 +
text-decoration:underline;
 +
}
 +
 
 +
ul.ul{list-style-type:none;
 +
margin-bottom: 0px;}
 +
li.li{margin-top: 25px;}
 +
 +
              .biaoti{font-size:90px;
 +
              margin-left: 39%;
 +
              margin-top: 100px;
 +
              width: 22%;
 +
                }
 +
                .wenzi2{width: 650px; 
 +
                margin-left: 15%;
 +
  float: left;
 +
  width:70%;
 +
  }
 +
 
 +
    .team{margin-top: 50px;
 +
        margin-left: 18%}
 +
      .team img{margin-top: 50px;
 +
        height: 350px;
 +
            width: 340px;
 +
float: left;
 +
border:2px solid;
 +
border-radius:25px;}
 +
.team .wenzi{margin-top: 50px;
 +
width: 350px;
 +
height: 300px;
 +
font-size: 20px;
 +
margin-left: 10%;
 +
float: left;}
 +
 
 +
              .description{margin-left: 10%;
 +
              margin-right: 10%;
 +
              margin-top: 150px;
 +
              float: left;
 +
              font-size: 20px;}
 +
 
 +
  .zuhe{margin-top: 30px;
 +
        margin-left: 10%;
 +
  float: left;}
 +
  .zuhe img{opacity: 1.0;}
 +
  .zuhe  img:hover{opacity: 0.8}
 +
  .zuhe .tupian{ margin-top:55px;
 +
    margin-left: 10%;
 +
    width: 300px;
 +
  height: 250px;
 +
  float :left;
 +
  border:2px solid;
 +
border-radius:180px;}
 +
  .zuhe .wenzi{  margin-top:0px;
 +
  margin-left: 10%;
 +
  width: 300px;
 +
  height: 250px;
 +
  font-size: 20px;
 +
  float: left;}
 +
 
 +
 
 +
  .lianxi{margin-top: 100px;
 +
  /* background-image:url(./iGEM/picture/reef9.jpg);*/
 +
          width: 100%;
 +
          height:300px;}
 +
    .lianxi .wenzi{color:white;
 +
    font-size: 18px;
 +
    text-align: center;
 +
    }
 
            
 
            
 
  .item{z-index: -1;}
 
  .item{z-index: -1;}
Line 25: Line 127:
 
<!--上栏-->
 
<!--上栏-->
 
<body>
 
<body>
−
+
<!--上栏-->
 +
<div class="container header">
 +
 +
<!--悬浮菜单-->
 +
<div class="navbar">
 +
    <div class="navbar-inner">
 +
      <div class="container">
 +
          <ul class="nav">
 +
              <li class="first-menu"><a href="https://2015.igem.org/Team:HUST-China">HOME</a>
 +
                </li>    
 +
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Description">PROJECT<b class="caret"></b></a>
 +
                <ul class="dropdown-menu">
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Experiments">Experiments</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Experiments">Results</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Design">Design</a></li>               
 +
                    </ul>
 +
                        </li>
 +
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Parts">PARTS<b class="caret"></b></a>
 +
                <ul class="dropdown-menu">
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part">Basic Parts</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Composite_part">Composite Parts</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Part _Collection">Part Collection</a></li>          
 +
                    </ul>
 +
                        </li>
 +
                 
 +
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Modeling">MODELING<b class="caret"></b></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Software">Software</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Measurement">Measurement</a></li>
 +
                    </ul>
 +
                </li>
 +
                 
 +
                <li class="other-menu"><a href="https://2015.igem.org/Team:HUST-China/Safety">SAFETY</a></li>
 +
                 
 +
                <li class="dropdown other-menu" id="accountmenu">
 +
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">HUMAN PRACTICES<b class="caret"></b></a>
 +
                          <ul class="dropdown-menu">
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Team">Team</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Notebook">Notebook</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Collaboration">Collaboration</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Protocol">Protocol</a></li>
 +
                    </ul>                
 +
                </li>
 +
 
 +
              <li class="dropdown other-menu" id="accountmenu">
 +
                    <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:HUST-China/Attributions">ATTRIBUTIONS<b class="caret"></b></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Entrepreneurship">Entrepreneurship</a></li>
 +
                    </ul>
 +
              </li>
 +
          </ul>
 +
      </div>
 +
      </div>
 +
    </div>
 +
    <script type="text/javascript">
 +
        $(document).ready(function () {
 +
          $('.dropdown-toggle').dropdown(); }); </script>
 +
</div>
 +
     
 +
<!--图片栏-->
 +
<div class="biaoti" align="center"><br><b>
 +
Y.REEF<hr/></b></div>
 +
<h2 class="wenzi2" align="center">Y.Reef is artificial reef in the seabed utilizing our engineered strains to consolidate the sands automatically</h2>
 +
 
<!--描述-->
 
<!--描述-->
 
  <div class="description"><a name="0"></a>
 
  <div class="description"><a name="0"></a>
 
         <h3><b>Description</b></h3>
 
         <h3><b>Description</b></h3>
−
         <h4>
+
         <div>&nbsp &nbsp &nbsp &nbsp
 
         <i><b>Y.Reef</b></i> is artificial reef in the seabed utilizing our engineered strains to consolidate the sands automatically. With it, we are able to construct marine farms since the Bio.reef provides a platform for organisms to grow in the ocean. We can have marine products raising like sea cucumbers or edible sea grass. In this way, we not only attain economical boost but also increase the biodiversity and enhance the marine system.
 
         <i><b>Y.Reef</b></i> is artificial reef in the seabed utilizing our engineered strains to consolidate the sands automatically. With it, we are able to construct marine farms since the Bio.reef provides a platform for organisms to grow in the ocean. We can have marine products raising like sea cucumbers or edible sea grass. In this way, we not only attain economical boost but also increase the biodiversity and enhance the marine system.
−
    </h4>
 
 
     </div>
 
     </div>
 +
    </div>
 +
    <!--团队介绍-->
 +
<div class="team container">
 +
<img src="https://static.igem.org/mediawiki/2015/a/a0/Reef7.jpg">
 +
<div class="wenzi">
 +
<h1><b>About Us</b></h1><hr/>
 +
When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.
 +
</div>
 +
 +
</div>
 +
<br><br><br><br><br>
 +
<!--正文-->
 +
<div class="container">
 +
  <div class="zuhe">
 +
  <a href="#"><img src="https://static.igem.org/mediawiki/2015/e/eb/Reef2.jpg" class="tupian"></a><br>
 +
<div class="wenzi">
 +
            <h2 align="center"><b>Fixing</b></h2>
 +
When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.</div>
 +
</div>
 +
       
 +
        <div class="zuhe">
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2015/3/3a/Reef4.jpg" class="tupian"></a><br>
 +
<div class="wenzi">
 +
            <h2 align="center"><b>Fixing</b></h2>
 +
When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.</div>
 +
</div>
 +
 +
<div class="zuhe">
 +
  <a href="#"><img src="https://static.igem.org/mediawiki/2015/5/51/Reef5.jpg" class="tupian"></a><br>
 +
<div class="wenzi">
 +
            <h2 align="center"><b>Fixing</b></h2>
 +
When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.</div>
 +
</div>
 +
 +
        <div class="zuhe">
 +
  <a href="#"><img src="https://static.igem.org/mediawiki/2015/1/17/Reef6.jpg" class="tupian"></a><br>
 +
  <div class="wenzi">
 +
            <h2 align="center"><b>Fixing</b></h2>
 +
When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.</div>
 +
</div>
 +
 +
<div class="zuhe">
 +
  <a href="#"><img src="https://static.igem.org/mediawiki/2015/2/2b/Reef1.jpg" class="tupian"></a><br>
 +
<div class="wenzi">
 +
            <h2 align="center"><b>Fixing</b></h2>
 +
When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.</div>
 +
</div>
 +
 +
        <div class="zuhe">
 +
  <a href="#"><img src="https://static.igem.org/mediawiki/2015/e/e7/Reef10.jpg" class="tupian"></a><br>
 +
  <div class="wenzi">
 +
            <h2 align="center"><b>Fixing</b></h2>
 +
When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.</div>
 +
</div>
 +
</div>
 +
 +
<!--联系我们-->
 +
<div class="lianxi">
 +
<div class="container wenzi">
 +
<h1>Consilidation</h1>
 +
<hr/>
 +
When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.
 +
When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.
 +
When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.
 +
When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.
 +
<h2>contact us <br>tel:00000000<br>e-mail:0000000<br></h2>
 +
</div>
 +
</div>
 
 
 
 
 
  </body>
 
  </body>
−
</html>
+
</html>

Revision as of 09:11, 2 August 2015

team:iGEM-HUST:home


Y.REEF

Y.Reef is artificial reef in the seabed utilizing our engineered strains to consolidate the sands automatically

Description

&nbsp &nbsp &nbsp &nbsp Y.Reef is artificial reef in the seabed utilizing our engineered strains to consolidate the sands automatically. With it, we are able to construct marine farms since the Bio.reef provides a platform for organisms to grow in the ocean. We can have marine products raising like sea cucumbers or edible sea grass. In this way, we not only attain economical boost but also increase the biodiversity and enhance the marine system.

About Us

When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.






Fixing

When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.

Fixing

When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.

Fixing

When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.

Fixing

When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.

Fixing

When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.

Fixing

When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.

Consilidation

When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration. When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration. When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration. When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.

contact us
tel:00000000
e-mail:0000000