Difference between revisions of "Team:Pasteur Paris"

Line 2: Line 2:
 
<!-- {{Pasteur_Paris}} -->
 
<!-- {{Pasteur_Paris}} -->
 
<html>
 
<html>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
        $('#itemDesc').hover(function(){
 +
        $(this).children('.front').stop().animate({'top' : '150px', 'left' : '300px'}, 500);
 +
}, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
 +
  $('#top-center').hover(function(){
 +
        $(this).children('.front').stop().animate({'top' : '150px'}, 500);
 +
}, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
 +
$('#bottom-center').hover(function(){
 +
        $(this).children('.front').stop().animate({'top' : '-150px'}, 500);
 +
}, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
 +
$('#left').hover(function(){
 +
        $(this).children('.front').stop().animate({'left' : '300px'}, 500);
 +
}, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
 +
$('#right').hover(function(){
 +
        $(this).children('.front').stop().animate({'left' : '-300px'}, 500);
 +
}, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
 +
$('#top-right').hover(function(){
 +
        $(this).children('.front').stop().animate({'top' : '150px','left' : '-300px'}, 500);
 +
}, function(){$(this).children('.front').stop().animate({'top' : '0px', 'left' : '0px'}, 500);});
 +
});
 +
</script>
 
<div class="container">
 
<div class="container">
 
<div class="jumbotron">
 
<div class="jumbotron">
Line 28: Line 50:
 
         <div class="row">
 
         <div class="row">
 
           <div class="col-md-12 wrap" id="itemDesc">
 
           <div class="col-md-12 wrap" id="itemDesc">
−
                 Description
+
                 <div> Description </div>
 +
                <div class="front"> Description 2 </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>

Revision as of 15:05, 29 July 2015

Presentation video of our project, PlastiCure!
Made by iGEM IONIS, during the Parisian Meet-up!

Item 1
Item 2
Description
Description 2