(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 { | ||
− | |||
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: | + | width: 200px; |
− | height: | + | height: 164px; |
− | margin-right: | + | margin-right: 100px; |
− | margin-left: | + | 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- | + | <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-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- | + | <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-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- | + | |
− | + | ||
− | + | ||
− | + | ||
− | <div class="floating- | + | |
− | + | ||
− | + | ||
</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 !
Our Team
Team Members:
Sebastián Sosa-CarrilloAllison 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 BlandEdwin (Jake) Wintermute
Nadine Bongaerts
Ariel Lindner
Our Collaborators:
Jean-Pierre SutraAntoine Poirot-Bourdain
Benjamin Filhol