Team:WHU-China/Project/Modeling

From 2011.igem.org

(Difference between revisions)
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
-
#model
 
-
{
 
-
position:relative;
 
-
top:20px;
 
-
width:1000px;
 
-
height:600px;
 
-
}
 
-
#words
 
-
{
 
-
position:absolute;
 
-
left:320px;
 
-
top:50px;
 
-
width:650px;
 
-
height:550px;
 
-
 
-
}
 
-
#skip a
 
-
{
 
-
position:absolute;
 
-
top:450px;
 
-
width:60px;
 
-
height:30px;
 
-
left:270px;
 
-
background-color:red;
 
-
}
 
#footer-box
#footer-box
{
{
-
position:absolute;
+
display:none;
-
top:1200px;
+
-
}
+
-
#pic1
+
-
{
+
-
position:absolute;
+
-
left:20px;
+
-
width:300px;
+
-
height:600px;
+
-
background-color:yellow;
+
-
}
+
-
#pic2
+
-
{
+
-
position:relative;
+
-
width:950px;
+
-
left:20px;
+
-
height:270px;
+
-
background-color:yellow;
+
}
}
 +
</style>
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
Line 61: Line 20:
<body>
<body>
<div id="content1">
<div id="content1">
 +
<div  class="wide" id="wide1">
-
<div id="model">
 
-
<div id="words">
 
-
<p>Our project focuses on constructing colorful E.coli, which includes two parts. We plan to construct two systems consisting of several strains of E.coli: one produces different pigments due to the change of time, and the other produces different pigments with the change of position.
 
-
In the first part, the strain of E.coli works as an oscillator which can yield different kinds of pigment periodically with the help of a signal transformation system.
 
-
In the second part, we came up with the idea of “colorful E.film”. In hope to create a colorful film, we will construct three E.coli strains which can produce and secrete three primary colors respectively in the presence of the three primary lights. Therefore, if we use a color picture as an input signal, the output will be the copy of it on the plate.
 
 +
</div>
-
</p>
+
<div class="high" id="high1">
-
<div id="skip"><a href="http://www.sohu.com">button</a></div>
+
<div id="left1">
 +
<div class="left" id="l1">
</div>
</div>
-
<div id="pic1"></div>
+
<div class="left" id="l2">
 +
</div>
 +
<div class="left" id="l3">
 +
</div>
 +
<div class="left" id="l4">
 +
</div>
 +
</div>
 +
 
 +
<div id="right1">
 +
<div class="right" id="r1">
 +
</div>
 +
<div class="right" id="r2">
 +
</div>
 +
<div class="right" id="r3">
 +
</div>
 +
<div class="right" id="r4">
 +
</div>
 +
</div>
 +
 
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
<div class="wide" id="wide2">
 +
 
 +
 
 +
</div>
 +
 
 +
<div class="high" id="high2">
 +
<div id="intro">
 +
</div>
 +
<div id="left2">
 +
<div class="left" id="l12">
 +
</div>
 +
<div class="left" id="l22">
 +
</div>
 +
<div class="left" id="l32">
 +
</div>
 +
<div class="left" id="l42">
 +
</div>
 +
</div>
 +
 
 +
<div id="right2">
 +
<div class="right" id="r12">
 +
</div>
 +
<div class="right" id="r22">
 +
</div>
 +
<div class="right" id="r32">
 +
</div>
 +
<div class="right" id="r42">
 +
</div>
 +
</div>
 +
 
 +
</div>
 +
 
 +
<div class="wide" id="wide3">
</div>
</div>
-
<div id="pic2"></div>
 
</div>
</div>

Revision as of 03:52, 1 October 2011

Count Down

days

hours

minutes

seconds

Visitor

Retrieved from "http://2011.igem.org/Team:WHU-China/Project/Modeling"