Team:BIOSINT Mexico/Home2

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team:BIOSINT_Mexico/Header2}}
{{:Team:BIOSINT_Mexico/Header2}}
<html>
<html>
-
<head>
+
<head>
-
<style>
+
<style>
-
.figure {
+
.figure {
-
z-index: 1;
+
z-index: 1;
-
}
+
}
-
.figurear {
+
.figurear {
-
position: absolute;
+
position: absolute;
-
left: 750px;
+
left: 750px;
-
top: -320px;
+
top: -320px;
-
z-index: 2;
+
z-index: 2;
-
}
+
}
-
.figuremer {
+
.figuremer {
-
position: absolute;
+
position: absolute;
-
left: 125px;
+
left: 125px;
-
top: -380px;
+
top: -380px;
-
z-index: 3;
+
z-index: 3;
-
}
+
}
-
.boxed {
+
<body>
-
margin-left: 45%;
+
-
top: -470px;
+
-
position: relative;
+
-
background: transparent;
+
-
width: 550px;
+
-
height: 250px;
+
-
}
+
<div class="figure">
 +
<center>
 +
<img id="Fondohome" src="https://static.igem.org/mediawiki/2014/2/28/Fondohome.png" widht="230" height="600"/>
 +
</center>
 +
</div>
 +
<div style="position:relative;">
 +
<center>
 +
<div class="figurear">
 +
<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>
 +
</div>
 +
</div>
-
.chassis{
+
<div style="position:relative;">
-
position: absolute;
+
<center>
-
left: 340px;
+
<div class="figuremer" >
-
top: 700px;
+
<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>
-
z-index: 7;
+
</div>
-
}
+
</center>
 +
</div>
-
 
+
</body>  
-
.bioacum{
+
-
position: absolute;
+
-
left: 115px;
+
-
top: 925px;
+
-
z-index: 7;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
.redlight{
+
-
position: absolute;
+
-
left: 345px;
+
-
top: 1150px;
+
-
z-index: 7;
+
-
}
+
-
 
+
-
.sensor{
+
-
position: absolute;
+
-
left: 115px;
+
-
top: 920px;
+
-
z-index: 7;
+
-
}
+
-
 
+
-
.hovergallery img{
+
-
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
+
-
-moz-transform:scale(0.8); /*Mozilla scale version*/
+
-
-o-transform:scale(0.8); /*Opera scale version*/
+
-
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
+
-
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
+
-
-o-transition-duration: 0.5s; /*Opera duration version*/
+
-
opacity: 0.7; /*initial opacity of images*/
+
-
margin: 0 10px 5px 0; /*margin between images*/
+
-
}
+
-
 
+
-
.hovergallery img:hover{
+
-
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
+
-
-moz-transform:scale(1.1); /*Mozilla scale version*/
+
-
-o-transform:scale(1.1); /*Opera scale version*/
+
-
opacity: 1;
+
-
 
+
-
.humanpractices{
+
-
position: absolute;
+
-
left: -145px;
+
-
top: -1000px;
+
-
z-index: 7;
+
-
}
+
-
 
+
-
       
+
-
 
+
-
.hoverbuttons1 {
+
-
width: 100px;
+
-
height: 100px;
+
-
background: url('https://2014.igem.org/File:BSMexPOLICY_AND_PRACTICES1.png') bottom;
+
-
text-indent: -99999px;
+
-
}
+
-
 
+
-
.hoverbuttons1:hover {
+
-
background-position: 0 0;
+
-
}
+
-
}
+
-
</style>
+
-
</head>
+
-
 
+
-
<body>
+
-
 
+
-
<div class="figure">
+
-
<center>
+
-
<img id="Fondohome" src="https://static.igem.org/mediawiki/2014/2/28/Fondohome.png" widht="230" height="600"/>
+
-
</center>
+
-
</div>
+
-
 
+
-
<div style="position:relative;">
+
-
<div class="figurear">
+
-
<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>
+
-
</center>
+
-
</div>
+
-
</div>
+
-
 
+
-
<div style="position:relative;">
+
-
<div class="figuremer" >
+
-
<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>
+
-
</center></div>
+
-
</div>
+
-
 
+
-
<div class="boxed" style="font-size:18px;color:black; font-family: 'Francois One', sans-serif; line-height: 1.4em;"  >
+
-
<center>
+
-
<h1> GREEN DEMON </h1>
+
-
 
+
-
  <p align="justify">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.</p>
+
-
</center>
+
-
</div>
+
-
 
+
-
<div class="hovergallery">
+
-
<center>
+
-
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Chassis" ><img class="chassis" src="http://i1369.photobucket.com/albums/ag216/lmistrange/CHASSIS_zps4a1c7e44.png" widht="330" height="220"/></a>
+
-
</center>
+
-
</div>
+
-
 
+
-
<div class="hovergallery">
+
-
<center>
+
-
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Bioaccumulation" ><img class="bioacum" src="http://i1369.photobucket.com/albums/ag216/lmistrange/BIOACCUMULATION_zps63cad4d2.png" widht="300" height="220"/></a>
+
-
</center>
+
-
</div>
+
-
 
+
-
<div class="hovergallery">
+
-
<center>
+
-
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Sensor" ><img class="sensor" src="http://i1369.photobucket.com/albums/ag216/lmistrange/SENSOR2_zpsf930ae44.png" widht="300" height="220"/></a>
+
-
</center>
+
-
</div>
+
-
 
+
-
<div class="hovergallery">
+
-
<center>
+
-
<a href="https://2014.igem.org/Team:BIOSINT_Mexico/Switch" ><img class="redlight" src="http://i1369.photobucket.com/albums/ag216/lmistrange/REDLIGHT_zps414e8dbd.png" widht="300" height="240"/></a>
+
-
</center>
+
-
</div>
+
-
 
+
-
<div class="hoverbuttons1">
+
-
<center>
+
-
<a href="" ><img class="humanpractices" src="https://2014.igem.org/File:BSMexPOLICY_AND_PRACTICES2.png"/></a>
+
-
</center>
+
-
</div>
+
-
</body>  
+
</html>
</html>

Revision as of 06:39, 17 October 2014