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

(Prototype team page)
 
 
(23 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{Paris_Bettencourt}}
+
 
 +
 
 +
{{Paris_Bettencourt/Menu}}
 +
{{Paris_Bettencourt/Wiki}}
 +
 
 +
                                            <!-- Code by the 2016 Paris Bettencourt -->
 +
 
 
<html>
 
<html>
 +
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
 +
<style>
 +
                a:hover {
 +
                        text-decoration : none;
 +
                }
 +
html {
 +
height : 100%;
 +
}
 +
body {
 +
font-family: 'Open Sans', sans-serif;
 +
position : relative;
 +
height : 100%;
 +
margin-left : 0;
 +
margin-right : 0;
 +
margin-top : 0;
 +
width: 1100px;
 +
}
 +
#topheader {
 +
position : relative ;
 +
vertical-align : middle;
 +
text-align : center;
 +
}
  
 +
#subheader {
 +
position : relative ;
 +
width : 100%;
 +
height : 470px;
 +
left : 0;
 +
right : 0;
 +
text-align : center;
 +
background-color : rgb(255,255,255);
 +
margin-top:50px;
 +
}
  
  
−
<div class="column full_size" >
+
.layout {
 +
display : inline-block;
 +
width : 100%;
 +
height : 100%;
 +
z-index : 90;
 +
vertical-align : middle;
 +
line-height : 300px;
 +
text-align : center;
 +
display: flex;
 +
justify-content: center;
 +
align-items: center;
 +
-webkit-display: flex;
 +
-webkit-justify-content: center;
 +
-webkit-align-items: center;
 +
                        vertical-align : middle;
 +
}
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
       
 +
.floating-box {
 +
    display: inline-block;
 +
    width: 200px;
 +
    height: 164px;
 +
    margin-right: 100px;
 +
margin-left: 0px;
 +
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;
 +
}
 +
</style>
 +
<head>
  
 +
</head>
 +
<body>
  
 
</div>
 
</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>
 +
<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="column half_size" >
+
<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>
−
<h5>Inspiration</h5>
+
<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>
−
<p>You can look at what other teams did to get some inspiration! <br />
+
<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>
−
Here are a few examples:</p>
+
<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>
−
<ul>
+
</div>
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
−
</ul>
+
  
 +
 +
 +
<div id=subheader>
 +
 +
<h2 class="red">Our Team</h2>
 +
<div class="column full_size" style: "
 +
    display: table;
 +
    width: 100%;
 +
    table-layout: fixed;">
 +
 +
<center>
 +
 +
<div id="team" class="column half_size" style="
 +
    display: table-cell;
 +
    text-align: center;
 +
    padding:35px;">
 +
<div>
 +
<h3>Team Members:</h3>
 +
Sebastián Sosa-Carrillo<br>
 +
Allison Bricknell George<br>
 +
Elisa Hubert<br>
 +
Ibrahim Haouchine<br>
 +
Alicia Pereira y Calvo-Villamañán<br>
 +
Mislav Acman<br>
 +
Shruthi Narayanan<br>
 +
Antoine Villa<br>
 +
Sébastien Gaultier<br>
 +
Mani Sai Suryateja Jammalamadaka<br>
 +
Thomas Meiller-Legrand<br>
 +
</div>
 
</div>
 
</div>
  
−
<div class="column half_size" >
+
 
−
<h5>What should this page contain?</h5>
+
<div id="team" class="column half_size" style="
−
<ul>
+
    display: table-cell;
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
    text-align: center;
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
    padding:35px;">
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
<div>
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
 
−
</ul>
+
<h3>Our Advisors:</h3>
 +
Jason Bland<br>
 +
Edwin (Jake) Wintermute<br>
 +
Nadine Bongaerts<br>
 +
Ariel Lindner
 +
 
 +
</div>
 
</div>
 
</div>
  
  
 +
<div id="team" class="column half_size" style="
 +
    display: table-cell;
 +
    text-align: center;
 +
    padding:35px;">
 +
<div>
  
 +
<h3>Our Collaborators:</h3>
 +
Jean-Pierre Sutra<br>
 +
Antoine Poirot-Bourdain<br>
 +
Benjamin Filhol<br>
  
 +
 +
</div>
 +
</div>
 +
 +
</center>
 +
</div>
 +
 +
    <div class=separation>          </div>
 +
              </div>
 +
              </div>
 +
</body>
 +
<script>
 +
$(document).ready(function()
 +
{
 +
    $("#imgSebas").hover(
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/e/ee/Paris_Bettencourt-Sebas.gif");
 +
        },
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/f/fb/Paris_Bettencourt-sebasstatic.jpeg");
 +
        }                       
 +
    );                 
 +
});
 +
$(document).ready(function()
 +
{
 +
    $("#imgTej").hover(
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/8/8b/Paris_Bettencourt-Teja.gif");
 +
        },
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/e/ee/Paris_Bettencourt-tejastatic.jpeg");
 +
        }                       
 +
    );                 
 +
});
 +
$(document).ready(function()
 +
{
 +
    $("#imgSeb").hover(
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/b/b6/Paris_Bettencourt-Seb.gif");
 +
        },
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/d/de/Paris_Bettencourt-sebstatic.jpeg");
 +
        }                       
 +
    );                 
 +
});
 +
 +
$(document).ready(function()
 +
{
 +
    $("#imgAnp").hover(
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/f/ff/Paris_Bettencourt-AntoineP.gif");
 +
        },
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/6/6c/Paris_Bettencourt-Antoinepstatic.jpeg");
 +
        }                       
 +
    );                 
 +
});
 +
$(document).ready(function()
 +
{
 +
    $("#imgAll").hover(
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/d/d6/Paris_Bettencourt-Allison.gif");
 +
        },
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/7/71/Paris_Bettencourt-Allisonstatic.jpeg");
 +
        }                       
 +
    );                 
 +
});
 +
$(document).ready(function()
 +
{
 +
    $("#imgEl").hover(
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/7/70/Paris_Bettencourt-Elisa.gif");
 +
        },
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/7/75/Paris_Bettencourt-Elisastatic.jpeg");
 +
        }                       
 +
    );                 
 +
});
 +
$(document).ready(function()
 +
{
 +
    $("#imgMis").hover(
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/3/36/Paris_Bettencourt-Mislav.gif");
 +
        },
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/4/4e/Paris_Bettencourt-mislavstatic.jpeg");
 +
        }                       
 +
    );                 
 +
});
 +
$(document).ready(function()
 +
{
 +
    $("#imgIb").hover(
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/d/d6/Paris_Bettencourt-Ibrahim.gif");
 +
        },
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/b/b3/Paris_Bettencourt-Ibrastatic.jpeg");
 +
        }                       
 +
    );                 
 +
});
 +
$(document).ready(function()
 +
{
 +
    $("#imgAli").hover(
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/1/1c/Paris_Bettencourt-Alicia.gif");
 +
        },
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/9/95/Paris_Bettencourt-Aliciastatic.jpeg");
 +
        }                       
 +
    );                 
 +
});
 +
$(document).ready(function()
 +
{
 +
    $("#imgTh").hover(
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/e/e4/Paris_Bettencourt-Thomas.gif");
 +
        },
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/2/2f/Paris_Bettencourt-thomasstatic.jpeg");
 +
        }                       
 +
    );                 
 +
});
 +
$(document).ready(function()
 +
{
 +
    $("#imgAnv").hover(
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/a/ab/Paris_Bettencourt-AntoineV.gif");
 +
        },
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/f/f6/Paris_Bettencourt-AntoineVstatic.jpeg");
 +
        }                       
 +
    );                 
 +
});
 +
$(document).ready(function()
 +
{
 +
    $("#imgSh").hover(
 +
        function()
 +
        {
 +
            $(this).attr("src", "https://static.igem.org/mediawiki/2016/7/71/Paris_Bettencourt-Shruti.gif");
 +
        },
 +
        function()
 +
        {
 +
            $(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");
 +
        }                       
 +
    );                 
 +
});
 +
 +
 +
</script>
 +
 +
<!--
 +
BUTTON.. unimportant for now
 +
<div class="button_click"  onClick=" parent.location= 'https://2016.igem.org/Special:Upload '"> 
 +
UPLOAD FILES
 +
</div>
 +
-->
 
</html>
 
</html>
 +
 +
 +
{{Paris_Bettencourt/Footer}}

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 !

«
«
«
«
Allison gif
«
«
«
«
«
«
«
Nadine gif
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