Team:BIOSINT Mexico/Home2

From 2014.igem.org

(Difference between revisions)
 
(52 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:BIOSINT_Mexico/Header2}}
{{:Team:BIOSINT_Mexico/Header2}}
 +
<html>
<html>
-
<head>
 
  <style>
  <style>
 +
 +
 +
iframe{
 +
position:relative;
 +
top:-200px;
 +
}
 +
 +
.counter{
 +
position: absolute;
 +
top: 900px;
 +
}
.figure {
.figure {
z-index: 1;
z-index: 1;
}
}
 +
.figurear {
.figurear {
-
position: absolute;
+
position: relative;
-
left: 750px;
+
left: 280px;
-
top: -320px;
+
top: -300px;
z-index: 2;
z-index: 2;
}
}
.figuremer {
.figuremer {
-
position: absolute;
+
position: relative;
-
left: 125px;
+
left: -300px;
-
top: -380px;
+
top: -580px;
z-index: 3;
z-index: 3;
}
}
 +
.boxed {
.boxed {
Line 35: Line 48:
.chassis{
.chassis{
position: absolute;
position: absolute;
-
left: 340px;
+
left: 80px;
-
top: 700px;
+
top: 650px;
z-index: 7;
z-index: 7;
}
}
Line 43: Line 56:
.bioacum{
.bioacum{
position: absolute;
position: absolute;
-
left: 115px;
+
left: 80px;
-
top: 925px;
+
top: 870px;
z-index: 7;
z-index: 7;
}
}
Line 52: Line 65:
.redlight{
.redlight{
position: absolute;
position: absolute;
-
left: 345px;
+
left: 280px;
-
top: 1150px;
+
top: 870px;
z-index: 7;
z-index: 7;
}
}
Line 59: Line 72:
.sensor{
.sensor{
position: absolute;
position: absolute;
-
left: 115px;
+
left: 280px;
-
top: 920px;
+
top: 650px;
-
z-index: 7;
+
z-index: 7;}
-
}
+
 
.hovergallery img{
.hovergallery img{
Line 80: Line 93:
-o-transform:scale(1.1); /*Opera scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
opacity: 1;
opacity: 1;
-
 
-
.humanpractices{
 
-
position: absolute;
 
-
left: -145px;
 
-
top: -1000px;
 
-
z-index: 7;
 
}
}
-
       
 
-
.hoverbuttons1 {
+
 
-
width: 100px;
+
.humanpractices{  
-
height: 100px;
+
position: absolute;  
-
background: url('https://2014.igem.org/File:BSMexPOLICY_AND_PRACTICES1.png') bottom;
+
top:1700px;  
-
text-indent: -99999px;
+
}
}
-
.hoverbuttons1:hover {
+
 
-
background-position: 0 0;
+
-
}
+
-
}
+
</style>
</style>
-
</head>
 
<body>
<body>
 +
<div style="clear: both;"></div>
<div class="figure">
<div class="figure">
Line 112: Line 114:
</div>
</div>
-
<div style="position:relative;">
 
<div class="figurear">
<div class="figurear">
<center>
<center>
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Project"><img id="Fondohome" src="https://static.igem.org/mediawiki/2014/6/61/Lucharabidopsis.png" widht="100" height="200"/></a>
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Project"><img id="Fondohome" src="https://static.igem.org/mediawiki/2014/6/61/Lucharabidopsis.png" widht="100" height="200"/></a>
</center>
</center>
-
</div>
 
</div>
</div>
-
<div style="position:relative;">
 
<div class="figuremer" >
<div class="figuremer" >
<center>
<center>
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/overview" ><img id="Fondohome" src="https://static.igem.org/mediawiki/2014/c/cf/Luchamer.png" widht="120" height="300"/></a>
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/overview" ><img id="Fondohome" src="https://static.igem.org/mediawiki/2014/c/cf/Luchamer.png" widht="120" height="300"/></a>
</center></div>
</center></div>
-
</div>
+
 
 +
<div style="clear: both;"></div>
<div class="boxed" style="font-size:18px;color:black; font-family: 'Francois One', sans-serif; line-height: 1.4em;"  >
<div class="boxed" style="font-size:18px;color:black; font-family: 'Francois One', sans-serif; line-height: 1.4em;"  >
Line 134: Line 134:
</center>
</center>
</div>
</div>
 +
 +
<div style="clear: both;"></div>
<div class="hovergallery">
<div class="hovergallery">
Line 140: Line 142:
</center>
</center>
</div>
</div>
 +
 +
<div style="clear: both;"></div>
<div class="hovergallery">
<div class="hovergallery">
Line 146: Line 150:
</center>
</center>
</div>
</div>
 +
 +
<div style="clear: both;"></div>
<div class="hovergallery">
<div class="hovergallery">
Line 152: Line 158:
</center>
</center>
</div>
</div>
 +
 +
<div style="clear: both;"></div>
<div class="hovergallery">
<div class="hovergallery">
Line 159: Line 167:
</div>
</div>
-
<div class="hoverbuttons1">
+
<div class="">
<center>
<center>
-
<a href="" ><img class="humanpractices" src="https://2014.igem.org/File:BSMexPOLICY_AND_PRACTICES2.png"/></a>
+
<a href="" ><img class="humanpractices" src="https://2014.igem.org/File:BSMexPOLICY_AND_PRACTICES1a.png" height="200"/></a>
</center>
</center>
</div>
</div>
-
</body>  
+
<center>
 +
<iframe width="853" height="480" src="//www.youtube.com/embed/bTZQVOTA4WQ?rel=0" frameborder="0" allowfullscreen></iframe>
 +
</center>
 +
 
 +
 
 +
 
 +
 
 +
</body>
</html>
</html>

Latest revision as of 08:57, 17 October 2014

GREEN DEMON

In Mexico and around the world there is an urgent need to implement measures to reduce heavy metal soil pollution. Different treatments have been used including in situ and ex situ, which have proven extremely expensive and impractical for large scale areas. For this project we have designed a modular system, plastic and ready to incorporate to A. thaliana; in order to extract the metals, in particular mercury, from the soil and convert it into a less reactive species. The final challenge is to develop a measurable, specific, effective, safe and low-cost treatment for large areas of contaminated soil.