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

 
(21 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
 +
 
{{Paris_Bettencourt/Menu}}
 
{{Paris_Bettencourt/Menu}}
 
{{Paris_Bettencourt/Wiki}}
 
{{Paris_Bettencourt/Wiki}}
Line 14: Line 16:
 
}
 
}
 
body {
 
body {
−
font-family: Open Sans, sans-serif;
+
font-family: 'Open Sans', sans-serif;
 
position : relative;
 
position : relative;
 
height : 100%;
 
height : 100%;
Line 20: Line 22:
 
margin-right : 0;
 
margin-right : 0;
 
margin-top : 0;
 
margin-top : 0;
 +
width: 1100px;
 
}
 
}
 
#topheader {
 
#topheader {
−
position : relative;
+
position : relative ;  
−
margin-top : -2%;
+
vertical-align : middle;
−
margin-left : 0;
+
text-align : center;
−
margin-right : 0;
+
−
padding:0;
+
−
width : 100%;
+
−
height : 800px;
+
−
background-image : url("https://static.igem.org/mediawiki/2016/5/5e/GroupPic.jpeg");
+
−
background-size : cover;
+
 
}
 
}
 +
 
#subheader {
 
#subheader {
 
position : relative ;  
 
position : relative ;  
Line 40: Line 38:
 
text-align : center;
 
text-align : center;
 
background-color : rgb(255,255,255);
 
background-color : rgb(255,255,255);
−
}
+
margin-top:50px;
−
#definition {
+
−
width : 80%;
+
−
vertical-align : middle;
+
−
display : inline-block;
+
−
line-height : normal;
+
−
text-align : center;
+
−
position : relative;
+
−
margin-top : 80px;
+
−
}
+
−
#project {
+
−
font-family: Open Sans, sans-serif;
+
−
text-align : center;
+
−
font-size : 22px;
+
−
vertical-align : middle;
+
−
color : rgb(150,149,149);
+
−
}
+
−
.definition {
+
−
position : relative;
+
−
font-family: Open Sans, sans-serif;
+
−
text-align : center;
+
−
font-size : 18px;
+
−
vertical-align : middle;
+
−
color : rgb(150,149,149);
+
 
}
 
}
  
−
                .descript2 {
 
−
                        width : 60%;
 
−
                        margin-left : 0%;
 
−
                        font-size : 18px;
 
−
                        text-align : center;
 
−
                        color : rgb(255,0,99);
 
−
                        margin-top : 0px;
 
−
                        display : none;
 
−
                        vertical-align : middle;
 
−
                        line-height : normal;
 
−
                        background-color : transparent;
 
−
                        z-index : 91;
 
−
                }
 
  
 
.layout {
 
.layout {
Line 97: Line 59:
 
}
 
}
  
−
                .separation {
+
       
−
                        width: 100%;
+
.floating-box {
−
                        height : 300px;
+
    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>
 
</style>
 
<head>
 
<head>
Line 106: Line 83:
 
</head>
 
</head>
 
<body>
 
<body>
−
<div id=topheader></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="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-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>
 +
 +
 
 +
 
 +
 
 
<div id=subheader>
 
<div id=subheader>
  
−
<div id=definition>
+
<h2 class="red">Our Team</h2>
−
</div>
+
−
<h1 class=project>Our Team</h1>
+
 
<div class="column full_size" style: "
 
<div class="column full_size" style: "
 
     display: table;
 
     display: table;
Line 122: Line 132:
 
     display: table-cell;
 
     display: table-cell;
 
     text-align: center;
 
     text-align: center;
−
     padding:35px;">
+
     padding:35px;">
 
<div>
 
<div>
 
<h3>Team Members:</h3>
 
<h3>Team Members:</h3>
Line 143: Line 153:
 
     display: table-cell;
 
     display: table-cell;
 
     text-align: center;
 
     text-align: center;
−
     padding:35px;">
+
     padding:35px;">
 
<div>
 
<div>
  
Line 159: Line 169:
 
     display: table-cell;
 
     display: table-cell;
 
     text-align: center;
 
     text-align: center;
−
     padding:35px;">
+
     padding:35px;">
 
<div>
 
<div>
  
Line 178: Line 188:
 
               </div>
 
               </div>
 
</body>
 
</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>
  
 
<!--
 
<!--

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