Team:Valencia Biocampus/miembros3
From 2012.igem.org
(Difference between revisions)
(Created page with "__NOTOC__ {{:Team:Valencia_Biocampus/banner}} {{:Team:Valencia_Biocampus/estiloc3po}} {{:Team:Valencia_Biocampus/menu2}} <center> <ol> <div id="Titulos"> <br> <h2>Advisors</h2>...") |
|||
(4 intermediate revisions not shown) | |||
Line 8: | Line 8: | ||
<div id="Titulos"> | <div id="Titulos"> | ||
<br> | <br> | ||
- | <h2> | + | <h2>Instructors</h2> |
Line 18: | Line 18: | ||
.row {width:720px; height:160px;} | .row {width:720px; height:160px;} | ||
.profile {width:350px; height:350px; margin:5px; position:relative; float:left;} | .profile {width:350px; height:350px; margin:5px; position:relative; float:left;} | ||
- | # | + | #miguel {background-image: url('https://static.igem.org/mediawiki/2012/6/6a/Miguel.png');} |
- | # | + | #manel {background-image: url('https://static.igem.org/mediawiki/2012/c/ce/Manel9.png');} |
- | # | + | #ferri {background-image: url('https://static.igem.org/mediawiki/2012/2/2c/Ferri.png');} |
- | # | + | #ramon {background-image: url('https://static.igem.org/mediawiki/2012/b/b3/Ramon.png');} |
- | # | + | #andres {background-image: url('https://static.igem.org/mediawiki/2012/0/05/Andres7.png');} |
- | # | + | #ana {background-image: url('https://static.igem.org/mediawiki/2012/7/76/Ana.png');} |
- | # | + | #sari {background-image: url('https://static.igem.org/mediawiki/2012/0/0e/Sari.png');} |
- | # | + | #emilia {background-image: url('https://static.igem.org/mediawiki/2012/e/e0/Emilia.png');} |
+ | |||
+ | #juli {background-image: url('https://static.igem.org/mediawiki/2012/9/95/Juli7.png');} | ||
+ | #marta {background-image: url('https://static.igem.org/mediawiki/2012/0/02/Marta.png');} | ||
+ | #santi {background-image: url('https://static.igem.org/mediawiki/2012/7/7c/Santi.png');} | ||
+ | #jesus {background-image: url('https://static.igem.org/mediawiki/2012/2/2d/Jesus7.png');} | ||
+ | |||
+ | #miguel_hover {background-color:purple;} | ||
+ | #manel_hover {background-color:blue;} | ||
+ | #ferri_hover {background-color:blue;} | ||
+ | #ramon_hover {background-color:purple;} | ||
+ | #andres_hover {background-color:purple} | ||
+ | #ana_hover {background-color:blue;} | ||
+ | #sari_hover {background-color:blue;} | ||
+ | #emilia_hover {background-color:purple;} | ||
+ | |||
+ | #juli_hover {background-color:purple;} | ||
+ | #marta_hover {background-color:purple;} | ||
+ | #santi_hover {background-color:purple;} | ||
+ | #jesus_hover {background-color:purple;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.hover {width:340px; height:340px; padding:5px; float:left; position:absolute; top:0px; left:0px;} | .hover {width:340px; height:340px; padding:5px; float:left; position:absolute; top:0px; left:0px;} | ||
Line 47: | Line 58: | ||
$('.hover').css("display","none"); | $('.hover').css("display","none"); | ||
- | $('# | + | $('#miguel').mouseover(function() { |
- | $('# | + | $('#miguel_hover').fadeIn(200); |
}); | }); | ||
- | $('# | + | $('#miguel').mouseleave(function() { |
- | $('# | + | $('#miguel_hover').fadeOut(200); |
}); | }); | ||
- | $('# | + | $('#manel').mouseover(function() { |
- | $('# | + | $('#manel_hover').fadeIn(200); |
}); | }); | ||
- | $('# | + | $('#manel').mouseleave(function() { |
- | $('# | + | $('#manel_hover').fadeOut(200); |
}); | }); | ||
- | $('# | + | $('#ferri').mouseover(function() { |
- | $('# | + | $('#ferri_hover').fadeIn(200); |
}); | }); | ||
- | $('# | + | $('#ferri').mouseleave(function() { |
- | $('# | + | $('#ferri_hover').fadeOut(200); |
}); | }); | ||
- | $('# | + | $('#ramon').mouseover(function() { |
- | $('# | + | $('#ramon_hover').fadeIn(200); |
}); | }); | ||
- | $('# | + | $('#ramon').mouseleave(function() { |
- | $('# | + | $('#ramon_hover').fadeOut(200); |
}); | }); | ||
- | $('# | + | $('#andres').mouseover(function() { |
- | $('# | + | $('#andres_hover').fadeIn(200); |
}); | }); | ||
- | $('# | + | $('#andres').mouseleave(function() { |
- | $('# | + | $('#andres_hover').fadeOut(200); |
}); | }); | ||
- | $('# | + | $('#ana').mouseover(function() { |
- | $('# | + | $('#ana_hover').fadeIn(200); |
}); | }); | ||
- | $('# | + | $('#ana').mouseleave(function() { |
- | $('# | + | $('#ana_hover').fadeOut(200); |
}); | }); | ||
- | $('# | + | $('#sari').mouseover(function() { |
- | $('# | + | $('#sari_hover').fadeIn(200); |
}); | }); | ||
- | $('# | + | $('#sari').mouseleave(function() { |
- | $('# | + | $('#sari_hover').fadeOut(200); |
}); | }); | ||
- | $('# | + | $('#emilia').mouseover(function() { |
- | $('# | + | $('#emilia_hover').fadeIn(200); |
}); | }); | ||
- | $('# | + | $('#emilia').mouseleave(function() { |
- | $('# | + | $('#emilia_hover').fadeOut(200); |
}); | }); | ||
+ | |||
+ | $('#juli').mouseover(function() { | ||
+ | $('#juli_hover').fadeIn(200); | ||
+ | }); | ||
+ | |||
+ | $('#juli').mouseleave(function() { | ||
+ | $('#juli_hover').fadeOut(200); | ||
+ | }); | ||
+ | $('#marta').mouseover(function() { | ||
+ | $('#marta_hover').fadeIn(200); | ||
+ | }); | ||
+ | |||
+ | $('#marta').mouseleave(function() { | ||
+ | $('#marta_hover').fadeOut(200); | ||
+ | }); | ||
+ | $('#santi').mouseover(function() { | ||
+ | $('#santi_hover').fadeIn(200); | ||
+ | }); | ||
+ | |||
+ | $('#santi').mouseleave(function() { | ||
+ | $('#santi_hover').fadeOut(200); | ||
+ | }); | ||
+ | |||
+ | $('#jesus').mouseover(function() { | ||
+ | $('#jesus_hover').fadeIn(200); | ||
+ | }); | ||
+ | |||
+ | $('#jesus').mouseleave(function() { | ||
+ | $('#jesus_hover').fadeOut(200); | ||
+ | }); | ||
}); | }); | ||
Line 120: | Line 161: | ||
<div id='team'> | <div id='team'> | ||
<div class='row'> | <div class='row'> | ||
- | <div id=' | + | <div id='miguel' class='profile'> |
- | <div id=' | + | <div id='miguel_hover' class='hover'> |
<h6> | <h6> | ||
- | + | miguel | |
- | + | ||
- | + | ||
- | + | ||
</h6> | </h6> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div id=' | + | <div id='manel' class='profile'> |
- | <div id=' | + | <div id='manel_hover' class='hover'> |
<h6> | <h6> | ||
- | + | manel | |
- | + | ||
- | + | ||
- | + | ||
</h6> | </h6> | ||
</div> | </div> | ||
Line 143: | Line 178: | ||
<div class='row'> | <div class='row'> | ||
- | <div id=' | + | <div id='ferri' class='profile'> |
- | <div id=' | + | <div id='ferri_hover' class='hover'> |
<h6> | <h6> | ||
- | + | ferri | |
</h6> | </h6> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div id=' | + | <div id='ramon' class='profile'> |
- | <div id=' | + | <div id='ramon_hover' class='hover'> |
<h6> | <h6> | ||
- | + | ramon | |
- | + | ||
- | + | ||
- | + | ||
</h6> | </h6> | ||
</div> | </div> | ||
Line 163: | Line 195: | ||
<div class='row'> | <div class='row'> | ||
- | <div id=' | + | <div id='andres' class='profile'> |
- | <div id=' | + | <div id='andres_hover' class='hover'> |
<h6> | <h6> | ||
- | + | andres | |
- | + | ||
- | + | ||
- | + | ||
</h6> | </h6> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div id=' | + | <div id='ana' class='profile'> |
- | <div id=' | + | <div id='ana_hover' class='hover'> |
<h6> | <h6> | ||
- | + | ana | |
- | + | ||
- | + | ||
- | + | ||
</h6> | </h6> | ||
</div> | </div> | ||
Line 186: | Line 212: | ||
<div class='row'> | <div class='row'> | ||
- | <div id=' | + | <div id='sari' class='profile'> |
- | <div id=' | + | <div id='sari_hover' class='hover'> |
<h6> | <h6> | ||
- | + | sari | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</h6> | </h6> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div id=' | + | <div id='emilia' class='profile'> |
- | <div id=' | + | <div id='emilia_hover' class='hover'> |
<h6> | <h6> | ||
- | + | emilia | |
- | + | ||
- | + | ||
- | + | ||
</h6> | </h6> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | <div class='row'> | ||
+ | <div id='juli' class='profile'> | ||
+ | <div id='juli_hover' class='hover'> | ||
+ | <h6> | ||
+ | juli | ||
+ | </h6> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id='marta' class='profile'> | ||
+ | <div id='marta_hover' class='hover'> | ||
+ | <h6> | ||
+ | marta | ||
+ | </h6> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class='row'> | ||
+ | <div id='santi' class='profile'> | ||
+ | <div id='santi_hover' class='hover'> | ||
+ | <h6> | ||
+ | santi | ||
+ | </h6> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id='jesus' class='profile'> | ||
+ | <div id='jesus_hover' class='hover'> | ||
+ | <h6> | ||
+ | jesus | ||
+ | </h6> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
</html> | </html> |
Latest revision as of 19:16, 25 September 2012
Instructors