Team:BIOSINT Mexico/Home2

From 2014.igem.org

(Difference between revisions)
 
(55 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 {
-
display:inline-block;
 
position: relative;
position: relative;
left: 280px;
left: 280px;
Line 17: Line 28:
.figuremer {
.figuremer {
-
display:inline-block;
 
position: relative;
position: relative;
-
left: 300px;
+
left: -300px;
-
top: 580px;
+
top: -580px;
z-index: 3;
z-index: 3;
}
}
 +
.boxed {
.boxed {
-
display:inline-block;
 
margin-left: 45%;
margin-left: 45%;
top: -470px;
top: -470px;
Line 37: Line 47:
.chassis{
.chassis{
-
display:inline-block;
+
position: absolute;
-
position: relative;
+
left: 80px;
-
left: 340px;
+
top: 650px;
-
top: 700px;
+
z-index: 7;
z-index: 7;
}
}
Line 46: Line 55:
.bioacum{
.bioacum{
-
display:inline-block;
+
position: absolute;
-
position: relative;
+
left: 80px;
-
left: 115px;
+
top: 870px;
-
top: 925px;
+
z-index: 7;
z-index: 7;
}
}
Line 56: Line 64:
.redlight{
.redlight{
-
position: relative;
+
position: absolute;
-
left: 345px;
+
left: 280px;
-
top: 1150px;
+
top: 870px;
z-index: 7;
z-index: 7;
}
}
.sensor{
.sensor{
-
display:inline-block;
+
position: absolute;
-
position: relative;
+
left: 280px;
-
left: 115px;
+
top: 650px;
-
top: 920px;
+
z-index: 7;}
-
z-index: 7;
+
 
-
}
+
.hovergallery img{
.hovergallery img{
Line 86: Line 93:
-o-transform:scale(1.1); /*Opera scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
opacity: 1;
opacity: 1;
-
 
-
.humanpractices{
 
-
position: relative;
 
-
left: -145px;
 
-
top: -1000px;
 
-
z-index: 7;
 
}
}
-
       
 
-
.hoverbuttons1 {
+
 
-
display: block;
+
.humanpractices{  
-
width: 100px;
+
position: absolute;  
-
height: 100px;
+
top:1700px;  
-
background: url('https://2014.igem.org/File:BSMexPOLICY_AND_PRACTICES1.png') bottom;
+
-
text-indent: -99999px;
+
}
}
-
.hoverbuttons1:hover {
 
-
background-position: 0 0;
 
-
}
 
-
}
 
-
</head>
 
</style>
</style>
<body>
<body>
 +
<div style="clear: both;"></div>
<div class="figure">
<div class="figure">
Line 130: Line 124:
<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 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 138: Line 134:
</center>
</center>
</div>
</div>
 +
 +
<div style="clear: both;"></div>
<div class="hovergallery">
<div class="hovergallery">
Line 144: Line 142:
</center>
</center>
</div>
</div>
 +
 +
<div style="clear: both;"></div>
<div class="hovergallery">
<div class="hovergallery">
Line 150: Line 150:
</center>
</center>
</div>
</div>
 +
 +
<div style="clear: both;"></div>
<div class="hovergallery">
<div class="hovergallery">
Line 156: Line 158:
</center>
</center>
</div>
</div>
 +
 +
<div style="clear: both;"></div>
<div class="hovergallery">
<div class="hovergallery">
Line 163: 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.