Difference between revisions of "Team:Paris Bettencourt/Team"

 
(14 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
 +
 
{{Paris_Bettencourt/Menu}}
 
{{Paris_Bettencourt/Menu}}
 
{{Paris_Bettencourt/Wiki}}
 
{{Paris_Bettencourt/Wiki}}
Line 20: Line 22:
 
margin-right : 0;
 
margin-right : 0;
 
margin-top : 0;
 
margin-top : 0;
 +
width: 1100px;
 
}
 
}
 
#topheader {
 
#topheader {
width: 900px
 
 
position : relative ;  
 
position : relative ;  
 +
vertical-align : middle;
 +
text-align : center;
 
}
 
}
  
Line 34: Line 38:
 
text-align : center;
 
text-align : center;
 
background-color : rgb(255,255,255);
 
background-color : rgb(255,255,255);
 +
margin-top:50px;
 
}
 
}
  
Line 57: Line 62:
 
.floating-box {
 
.floating-box {
 
     display: inline-block;
 
     display: inline-block;
     width: 350px;
+
     width: 200px;
     height: 205px;
+
     height: 164px;
     margin-right: 10px;
+
     margin-right: 100px;
margin-left: 10px;
+
margin-left: 0px;
margin-bottom: 20px;
+
margin-bottom: 60px;
 +
margin-top: 20px;
 +
}
 +
.floating-box2 {
 +
        display: inline-block;
 +
    width: 200px;
 +
    height: 164px;
 +
    margin-right: 100px;
 +
margin-left: 0px;
 +
margin-bottom: 60px;
 
margin-top: 20px;
 
margin-top: 20px;
 
}
 
}
Line 69: Line 83:
 
</head>
 
</head>
 
<body>
 
<body>
 +
 +
</div>
 +
<br>
 +
<div id=video style="text-align:center"> <video width="800" height="450" controls>
 +
  <source src="https://static.igem.org/mediawiki/2016/2/2d/Paris_Bettencourt_teamvideolowqual.mp4" type="video/mp4">
 +
Your browser does not support the video tag.
 +
</video>
 +
</div>
 +
<br>
 
<div id=topheader>
 
<div id=topheader>
<div class="floating-box"> <img id="imgSebas" src="https://static.igem.org/mediawiki/2016/f/fb/Paris_Bettencourt-sebasstatic.jpeg" alt=« Sebas gif" width="300px"/> </div>
+
<h4>Let your mouse wander on the pictures, a little surprise awaits !</h4>
 +
<h3>And click on the pictures to know more about each member of our team !<h3>
 +
<div class="floating-box"><a class="popupImg alignRight" style="width:300px" target="_blank" href="https://static.igem.org/mediawiki/2016/9/9d/Paris_Bettencourt-Team_Sebas.jpg" title="Sebas"> <img id="imgSebas" src="https://static.igem.org/mediawiki/2016/f/fb/Paris_Bettencourt-sebasstatic.jpeg" alt=« Sebas gif" width="300px"/>
 +
</a></div>
 +
<div class="floating-box"> <a class="popupImg alignRight" style="width:300px" target="_blank" href="https://static.igem.org/mediawiki/2016/d/d5/Paris_Bettencourt-Team_Teja.jpg" title="Teja"><img id="imgTej" src="https://static.igem.org/mediawiki/2016/e/ee/Paris_Bettencourt-tejastatic.jpeg" alt=« Teja gif" width="300px"/></a> </div>
 +
<div class="floating-box"><a class="popupImg alignRight" style="width:300px" target="_blank" href="https://static.igem.org/mediawiki/2016/2/22/Paris_Bettencourt-Team_Sebastien1.jpg" title="Sebastien Gaultier Dall'O - Medical Student"><img id="imgSeb" src="https://static.igem.org/mediawiki/2016/d/de/Paris_Bettencourt-sebstatic.jpeg" alt=« Seb gif" width="300px"/></a> </div>
 +
<div class="floating-box"><a class="popupImg alignRight" style="width:300px" target="_blank" href="https://static.igem.org/mediawiki/2016/f/fd/Paris_Bettencourt-Team_AntoineP.jpg" title="Antoine P."><img id="imgAnp" src="https://static.igem.org/mediawiki/2016/6/6c/Paris_Bettencourt-Antoinepstatic.jpeg" alt=« AntP gif" width="300px"/></a> </div>
 +
<div class="floating-box"><a class="popupImg alignRight" style="width:300px" target="_blank" href="https://static.igem.org/mediawiki/2016/0/01/Paris_Bettencourt-Team_Allison1.jpg" title="Allison Bricknell George - Industrial Design Student"><img id="imgAll" src="https://static.igem.org/mediawiki/2016/7/71/Paris_Bettencourt-Allisonstatic.jpeg" alt="Allison gif" width="300px"/> </a></div>
 +
<div class="floating-box"><a class="popupImg alignRight" style="width:300px" target="_blank" href="https://static.igem.org/mediawiki/2016/e/e7/Paris_Bettencourt-Team_Elisa1.jpg" title="Elisa"><img id="imgEl" src="https://static.igem.org/mediawiki/2016/7/75/Paris_Bettencourt-Elisastatic.jpeg" alt=« Elisa gif" width="300px"/></a> </div>
 +
<div class="floating-box"><a class="popupImg alignRight" style="width:300px" target="_blank" href="https://static.igem.org/mediawiki/2016/e/e9/Paris_Bettencourt-Team_Mislav1.jpg" title="Mislav"><img id="imgMis" src="https://static.igem.org/mediawiki/2016/4/4e/Paris_Bettencourt-mislavstatic.jpeg
 +
" alt=« Mislav gif" width="300px"/></a> </div>
 +
<div class="floating-box"><a class="popupImg alignRight" style="width:300px" target="_blank" href="https://static.igem.org/mediawiki/2016/5/5a/Paris_Bettencourt-Team_Ibra.jpg" title="Ibra"><img id="imgIb" src="https://static.igem.org/mediawiki/2016/b/b3/Paris_Bettencourt-Ibrastatic.jpeg" alt=« Ibra gif" width="300px"/> </a></div>
 +
<div class="floating-box"><a class="popupImg alignRight" style="width:300px" target="_blank" href="https://static.igem.org/mediawiki/2016/b/b1/Paris_Bettencourt-Team_Alicia1.jpg" title="Alicia"><img id="imgAli" src="https://static.igem.org/mediawiki/2016/9/95/Paris_Bettencourt-Aliciastatic.jpeg" alt=« Alicia gif" width="300px"/> </a></div>
 +
<div class="floating-box"><a class="popupImg alignRight" style="width:300px" target="_blank" href="https://static.igem.org/mediawiki/2016/d/d1/Paris_Bettencourt-Team_Thomas1.jpg" title="Thomas"><img id="imgTh" src="https://static.igem.org/mediawiki/2016/2/2f/Paris_Bettencourt-thomasstatic.jpeg" alt=« Thomas gif" width="300px"/> </a></div>
 +
<div class="floating-box"><a class="popupImg alignRight" style="width:300px" target="_blank" href="https://static.igem.org/mediawiki/2016/8/8f/Paris_Bettencourt-Team_Antoine1.jpg" title="Antoine Villa - Medical student"><img id="imgAnv" src="https://static.igem.org/mediawiki/2016/f/f6/Paris_Bettencourt-AntoineVstatic.jpeg" alt=« Antoine gif" width="300px"/></a> </div>
 +
<div class="floating-box"><a class="popupImg alignRight" style="width:300px" target="_blank" href="https://static.igem.org/mediawiki/2016/4/4a/Paris_Bettencourt-Team_Shruti.jpg" title="Shruti"><img id="imgSh" src="https://static.igem.org/mediawiki/2016/b/bf/Paris_Bettencourt-shrutistatic.jpeg" alt=« Shruti gif" width="300px"/></a> </div>
  
<div class="floating-box"> <img id="imgTej" src="https://static.igem.org/mediawiki/2016/e/ee/Paris_Bettencourt-tejastatic.jpeg" alt=« Teja gif" width="300px"/> </div>
+
<div class="floating-box2"><a class="popupImg alignRight" style="width:300px" target="_blank" href="https://static.igem.org/mediawiki/2016/0/03/Paris_Bettencourt-Team_Nadine.jpeg" title="Nadine"><img id="imgNad" src="https://static.igem.org/mediawiki/2016/5/5b/Paris_Bettencourt-Nadinestatic.jpeg" alt="Nadine gif" width="300px"/> </a></div>
<div class="floating-box"><img id="imgSeb" src="https://static.igem.org/mediawiki/2016/d/de/Paris_Bettencourt-sebstatic.jpeg" alt=« Seb gif" width="300px"/> </div>
+
<div class="floating-box2"><a class="popupImg alignRight" style="width:300px" target="_blank" href="https://static.igem.org/mediawiki/2016/f/f1/Paris_Bettencourt-Team_Jason.jpg" title="Jason"><img id="imgJa" src="https://static.igem.org/mediawiki/2016/3/33/Paris_Bettencourt-Jasonstatic.jpeg" alt="Jason gif" width="300px"/></a> </div>
<div class="floating-box"><img id="imgAnp" src="https://static.igem.org/mediawiki/2016/6/6c/Paris_Bettencourt-Antoinepstatic.jpeg" alt=« AntP gif" width="300px"/> </div>
+
<div class="floating-box2"><a class="popupImg alignRight" style="width:300px" target="_blank" href="https://static.igem.org/mediawiki/2016/b/bb/Paris_Bettencourt-Team_Jake.jpg" title="Jake"><img id="imgJak" src="https://static.igem.org/mediawiki/2016/5/5f/Paris_Bettencourt-Jakestatic.jpeg" alt="Jake gif" width="300px"/></a> </div>
<div class="floating-box"><img id="imgAll" src="https://static.igem.org/mediawiki/2016/7/71/Paris_Bettencourt-Allisonstatic.jpeg" alt=« Allison gif" width="300px"/> </div>
+
<div class="floating-box2"><a class="popupImg alignRight" style="width:300px" target="_blank" href="https://static.igem.org/mediawiki/2016/7/75/Paris_Bettencourt-Team_Ariel.jpg" title="Ariel"><img id="imgAr" src="https://static.igem.org/mediawiki/2016/d/d8/Paris_Bettencourt-Arielstatic.jpg" alt="Ariel gif" width="300px"/></a> </div>
<div class="floating-box"><img id="imgEl" src="https://static.igem.org/mediawiki/2016/7/75/Paris_Bettencourt-Elisastatic.jpeg" alt=« Elisa gif" width="300px"/> </div>
+
<div class="floating-box"><img id="imgMis" src="https://static.igem.org/mediawiki/2016/4/4e/Paris_Bettencourt-mislavstatic.jpeg
+
" alt=« Mislav gif" width="300px"/> </div>
+
<div class="floating-box"><img id="imgIb" src="https://static.igem.org/mediawiki/2016/b/b3/Paris_Bettencourt-Ibrastatic.jpeg" alt=« Ibra gif" width="300px"/> </div>
+
<div class="floating-box"><img id="imgAli" src="https://static.igem.org/mediawiki/2016/9/95/Paris_Bettencourt-Aliciastatic.jpeg" alt=« Alicia gif" width="300px"/> </div>
+
<div class="floating-box"><img id="imgTh" src="https://static.igem.org/mediawiki/2016/2/2f/Paris_Bettencourt-thomasstatic.jpeg" alt=« Thomas gif" width="300px"/> </div>
+
<div class="floating-box"><img id="imgAnv" src="https://static.igem.org/mediawiki/2016/f/f6/Paris_Bettencourt-AntoineVstatic.jpeg" alt=« Antoine gif" width="300px"/> </div>
+
<div class="floating-box"><img id="imgSh" src="https://static.igem.org/mediawiki/2016/b/bf/Paris_Bettencourt-shrutistatic.jpeg" alt=« Shruti gif" width="300px"/> </div>
+
 
  </div>
 
  </div>
 +
 +
 +
 +
 
<div id=subheader>
 
<div id=subheader>
  
Line 309: Line 343:
 
         {
 
         {
 
             $(this).attr("src", "https://static.igem.org/mediawiki/2016/b/bf/Paris_Bettencourt-shrutistatic.jpeg");
 
             $(this).attr("src", "https://static.igem.org/mediawiki/2016/b/bf/Paris_Bettencourt-shrutistatic.jpeg");
 +
        }                       
 +
    );                 
 +
});
 +
$(document).ready(function()
 +
{
 +
    $("#imgNad").hover(
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/b/ba/Paris_Bettencourt-Nadine.gif");
 +
        },
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/5/5b/Paris_Bettencourt-Nadinestatic.jpeg");
 +
        }                       
 +
    );                 
 +
});
 +
$(document).ready(function()
 +
{
 +
    $("#imgJa").hover(
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/c/cc/Paris_Bettencourt-Jason.gif");
 +
        },
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/3/33/Paris_Bettencourt-Jasonstatic.jpeg");
 +
        }                       
 +
    );                 
 +
});
 +
 +
$(document).ready(function()
 +
{
 +
    $("#imgJak").hover(
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/b/b1/Paris_Bettencourt-Jake.gif");
 +
        },
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/5/5f/Paris_Bettencourt-Jakestatic.jpeg");
 +
        }                       
 +
    );                 
 +
});
 +
 +
$(document).ready(function()
 +
{
 +
    $("#imgAr").hover(
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/8/81/Paris_Bettencourt-Ariel.gif");
 +
        },
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/d/d8/Paris_Bettencourt-Arielstatic.jpg");
 
         }                         
 
         }                         
 
     );                   
 
     );                   

Latest revision as of 23:43, 19 October 2016





Let your mouse wander on the pictures, a little surprise awaits !

And click on the pictures to know more about each member of our team !

«
«
«
«
«
«
«
Jason gif
Jake gif
Ariel gif

Our Team

Team Members:

Sebastián Sosa-Carrillo
Allison Bricknell George
Elisa Hubert
Ibrahim Haouchine
Alicia Pereira y Calvo-Villamañán
Mislav Acman
Shruthi Narayanan
Antoine Villa
Sébastien Gaultier
Mani Sai Suryateja Jammalamadaka
Thomas Meiller-Legrand

Our Advisors:

Jason Bland
Edwin (Jake) Wintermute
Nadine Bongaerts
Ariel Lindner

Our Collaborators:

Jean-Pierre Sutra
Antoine Poirot-Bourdain
Benjamin Filhol


Centre for Research and Interdisciplinarity (CRI)
Faculty of Medicine Cochin Port-Royal, South wing, 2nd floor
Paris Descartes University
24, rue du Faubourg Saint Jacques
75014 Paris, France
+33 1 44 41 25 22/25
igem2016parisbettencourt@gmail.com
2016.igem.org