Difference between revisions of "Team:Montpellier/Team"

Line 2: Line 2:
  
 
<html>
 
<html>
 +
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
 +
    <head>
 +
        <meta charset="utf-8" />
 +
    <link rel="stylesheet" href="style.css" />   
 +
        <title>Team</title>
 +
        <script
 +
  src="https://code.jquery.com/jquery-3.3.1.min.js"
 +
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
 +
  crossorigin="anonymous"></script>
 +
</head>
  
−
<div class="column two_thirds_size" >
+
<style>
  
−
<h1> Our team</h1>
 
−
<p> This year, and for the very first time, a Montpellier (France) iGEM team has been created, composed of nine passionate undergraduate students from different schools. This project is generously supported by our university (Université de Montpellier), and the CBS research center (Center of Structural Biochemistry), which they are proud to represent on our visit to the USA. We are also supported by researchers, who help us !
 
−
</p>
 
  
  
−
<h3>What should this page contain?</h3>
+
p {
−
<ul>
+
text-align: justify;
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
}
−
<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>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
  
−
</ul>
+
.advisors
 +
{
 +
    display: flex;
 +
    justify-content: space-around;
 +
   
 +
}
 +
 
 +
 
 +
.phototeamcenter  {
 +
transform: rotate(-90deg);
 +
    height:200px;
 +
 
 +
 
 +
}
 +
 
 +
.element {
 +
text-align: center;
 +
}
 +
.advisor {
 +
  text-align:center;
 +
}
 +
 
 +
 
 +
.team {
 +
    display: flex;
 +
    justify-content: center;
 +
    align-items: center;
 +
}
 +
 
 +
 
 +
 
 +
.imageBox {
 +
  position: relative;
 +
  float: left;
 +
}
 +
 
 +
.imageBox .hoverImg {
 +
  position: absolute;
 +
  left: 0;
 +
  top: 0;
 +
  display: none;
 +
 +
}
 +
 
 +
.imageBox:hover .hoverImg {
 +
  display: block;
 +
 
 +
}
 +
 
 +
.phototeam {
 +
height:400px;
 +
display: block;
 +
    margin-left: auto;
 +
    margin-right: auto
 +
 
 +
 
 +
}
 +
 
 +
 
 +
</style>
 +
<section>
 +
<p> <h1>The team </h1></p>
 +
<img src="https://static.igem.org/mediawiki/2018/8/88/T--Montpellier--team_MTP.JPG" class="phototeam" />
 +
 
 +
<br>
 +
<br>
 +
 
 +
<hr/>
 +
<br>
 +
<br>
 +
<br>
 +
 
 +
<!--Lea---------------------------------------------------------------------------------------------------------------------------------------------->
 +
<div class="team">
 +
 
 +
<div class="texte"><h2>Léa</h2><p>Early bird and night owl at the same time, Léa is the one spending the most time working at the lab. She is responsible for the good atmosphere in the lab with her music and party stories. Also her knowledge of Synthetic Biology is very helpful for the team throughout the months.</p></div>
 +
<div class="imageBox">
 +
  <div class="imageInn">
 +
    <img src="https://static.igem.org/mediawiki/2018/d/d4/T--Montpellier--lea2.JPG" alt="Default Image" style = "transform: rotate(-90deg); height:200px">
 +
  </div>
 +
  <div class="hoverImg">
 +
    <img src="https://static.igem.org/mediawiki/2018/6/6d/T--Montpellier--lea_lab2_mtp.JPG" alt="lea" style = "transform: rotate(-90deg); height:200px">
 +
  </div>
 +
</div>
 
</div>
 
</div>
  
 +
</div>
  
 +
<br>
 +
<br>
  
  
−
<div class="column third_size" >
+
<!--Elsa------------------------------------------------------------------------------------------------------------------------------------------->
−
<div class="highlight decoration_A_full">
+
 
−
<h3>Inspiration</h3>
+
 
−
<p>You can look at what other teams did to get some inspiration! <br />
+
<div class="team">
−
Here are a few examples:</p>
+
<div class="imageBox">
−
<ul>
+
  <div class="imageInn">
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
    <img src="https://static.igem.org/mediawiki/2018/1/13/T--Montpellier--Elsa_Montpellier.JPG" alt="Default Image" style = "transform: rotate(-90deg); height:200px">
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
  </div>
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
  <div class="hoverImg">
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
    <img src="https://static.igem.org/mediawiki/2018/0/0a/T--Montpellier--elsa_lab2_mtp.JPG" alt="Elsa" style = "transform: rotate(-90deg); height:200px">
−
</ul>
+
  </div>
 +
 
 
</div>
 
</div>
 +
<div class="texte"><h2>Elsa</h2><p>Elsa is studying drug engineering at the Pharmacy University. This allowed her to have the better vision of the futures project. She worked with Tamara to create us designs and she went up with the cool project title and logo.</p></div>
 +
 
</div>
 
</div>
 +
 +
 +
 +
<br>
 +
<br>
 +
 +
<!--Tamara-------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
<div class="team">
 +
  <div class="texte"><h2>Tamara</h2><p>Tamara is a self-made artist studying Biotechnologies. She’s the one that had the original idea of the project. She is responsible for a big part of graphics and communication for the team along with Elsa. She did a huge job at designing sequences (#SUF) and still managed to create the comic book.</p></div>
 +
<div class="imageBox">
 +
  <div class="imageInn">
 +
    <img src="https://static.igem.org/mediawiki/2018/9/97/T--Montpellier--Tamara_Montpellier.JPG" alt="Default Image" style = "transform: rotate(-90deg); height:200px">
 +
  </div>
 +
  <div class="hoverImg">
 +
    <img src="https://static.igem.org/mediawiki/2018/2/26/T--Montpellier--tamara_lab2_mtp.JPG" alt="Tamara" style = "transform: rotate(-90deg); height:200px">
 +
  </div>
 +
</div>
 +
</div>
 +
 +
</div>
 +
<br>
 +
<br>
 +
 +
<!--Younes------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
  <div class="team"> 
 +
<div class="imageBox">
 +
  <div class="imageInn">
 +
    <img src="https://static.igem.org/mediawiki/2018/b/bc/T--Montpellier--Younes_Montpellier.JPG" alt="Default Image" style = "transform: rotate(-90deg); height:200px">
 +
  </div>
 +
  <div class="hoverImg">
 +
    <img src="https://static.igem.org/mediawiki/2018/3/37/T--Montpellier--Younes_lab_MTP.JPG" alt="lea" style = "transform: rotate(-90deg); height:200px">
 +
  </div>
 +
 +
</div>
 +
<div class="texte"><h2>Younes</h2><p>This Moroccan Biophysics student is responsible for the Modelling and Spermatozoa Tracking. He spends his days in front of his computer. Rarely taking a break Younes is able to eat his lunch in up to 5 minutes to go back to work. </p></div>
 +
 +
</div>
 +
 +
 +
 +
<br>
 +
<br>
 +
 +
 +
<!--Marie----------------------------------------------------------------------------------------------------------------------------------------------------> 
 +
 +
 +
<div class="team">
 +
  <div class="texte"><h2>Marie</h2><p>Marie is the head of the wiki team. She is as able to spend hours coding as to stay very late at the lab for experiments. She is also in charge of the Sperm Motility Assay experiments. Her knowledge and experience in Biology, Computer Science and Physics opened a lot of doors.</p></div>
 +
<div class="imageBox">
 +
  <div class="imageInn">
 +
    <img src="https://static.igem.org/mediawiki/2018/a/a2/T--Montpellier--Marie_Montpellier.JPG" alt="Default Image" style = "transform: rotate(-90deg); height:200px">
 +
  </div>
 +
  <div class="hoverImg">
 +
    <img src="https://static.igem.org/mediawiki/2018/3/3f/T--Montpellier--marie_lab2_mtp.JPG" alt="lea" style = "transform: rotate(-90deg); height:200px">
 +
  </div>
 +
</div>
 +
</div>
 +
 +
</div>
 +
<br>
 +
<br>
 +
 +
<!-----------------------Julien----------------------------------------------------------------------------------------------------------------------------->
 +
 +
<div class="team"> 
 +
<div class="imageBox">
 +
  <div class="imageInn">
 +
    <img src="https://static.igem.org/mediawiki/2018/9/92/T--Montpellier--Julien_Montpellier.JPG" alt="Default Image" style = "transform: rotate(-90deg); height:200px">
 +
  </div>
 +
  <div class="hoverImg">
 +
    <img src="https://static.igem.org/mediawiki/2018/8/8d/T--Montpellier--Julien_labo_MTP.JPG" alt="lea" style = "transform: rotate(-90deg); height:200px">
 +
  </div>
 +
 +
</div>
 +
<div class="texte"><h2>Julien</h2><p>Julien is our IT guy doing the bioinformatic part of the project. Doing a Master Degree in Biophysics he is always enthusiastic for doing Molecular Biology in the lab which allowed him to get away from his computer for some times (even though he would quickly go back to it). He always has an anecdote to tell during lunch times.</p></div>
 +
 +
</div>
 +
 +
 +
 +
<br>
 +
<br>
 +
 +
<!----------------Léo------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
<br>
 +
<br>
 +
 +
 +
 +
<div class="team">
 +
  <div class="texte"><h2>Leo</h2><p>Léo is the best team manager we could have ever hoped for. (He forced me to write this, he is a tyrant, help us please &#9785;). </p></div>
 +
<div class="imageBox">
 +
  <div class="imageInn">
 +
    <img src="https://static.igem.org/mediawiki/2018/a/a1/T--Montpellier--Leo_Montpellier.JPG" alt="Default Image" style = "transform: rotate(-90deg); height:200px">
 +
  </div>
 +
  <div class="hoverImg">
 +
    <img src="https://static.igem.org/mediawiki/2018/5/59/T--Montpellier--Leo_labo_MTP.JPG" alt="lea" style = "transform: rotate(-90deg); height:200px">
 +
  </div>
 +
</div>
 +
 +
</div>
 +
 +
</div>
 +
 +
<br>
 +
<br>
 +
 +
<!----------Miguel---------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
 +
<div class="team">
 +
<div class="photo"><img src="https://static.igem.org/mediawiki/2018/9/92/T--Montpellier--Miguel_Montpellier.JPG" class="phototeamcenter"/></div>
 +
<div class="texte"><h2>Miguel</h2><p>Miguel is from Peru. He never hesitates to tell us how much the things that we do here seem weird to him. He is the main reason labworking is fun for us. He always has a fun story to say and some of his sentences became very famous in the team.
 +
His knowledge of molecular biology helped us on many occasions.</p></div>
 +
</div>
 +
 +
<br>
 +
<br>
 +
 +
<!----Maxime----------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
<div class="team">
 +
  <div class="texte"><h2>Maxime</h2><p>Maxime is a curly-haired longboard-rider Biotechnologies student. He’s very good at making very bad puns. He’s part of the wiki team with Marie and likes to spend his afternoons coding in a couch.</p></div>
 +
 
 +
<div class="imageBox">
 +
  <div class="imageInn">
 +
    <img src="https://static.igem.org/mediawiki/2018/e/ea/T--Montpellier--Maxime_Montpellier.JPG" alt="Default Image" style = "transform: rotate(-90deg); height:200px">
 +
  </div>
 +
  <div class="hoverImg">
 +
    <img src="https://static.igem.org/mediawiki/2018/3/33/T--Montpellier--maxime_lab2_mtp.JPG" alt="Maxime" style = "transform: rotate(-90deg); height:200px">
 +
  </div>
 +
</div>
 +
 +
</div>
 +
 +
</div>
 +
 +
 +
<br>
 +
<br>
 +
<br>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<p><h1>Personal Instrutors</h1></p>
 +
<br>
 +
<br>
 +
<br>
 +
 +
<div class="advisors">
 +
    <div class="element"><img src="https://static.igem.org/mediawiki/2018/7/71/T--Montpellier--Luca_Montpellier.JPG" class="phototeamcenter"/><p><br><h3>Luca Ciandrini</h3></p></div>
 +
    <div class="element"><img src="https://static.igem.org/mediawiki/2018/5/5f/T--Montpellier--Jerome_Montpellier.JPG" class="phototeamcenter"/><p><br><h3>Jérôme Bonnet</h3></p></div>
 +
    <div class="element"><img src="https://static.igem.org/mediawiki/2018/e/e5/T--Montpellier--Guillaume_Montpellier.JPG" class="phototeamcenter"/><p><br><h3>Guillaume Cambray</h3></p></div>
 +
</div>
 +
 +
<p><h1>Instructors</h1></p>
 +
<br>
 +
  <br>
 +
  <br>
 +
 +
<div class="advisors">
 +
 +
    <div class="element"><img src="https://static.igem.org/mediawiki/2018/d/d2/T--Montpellier--Hung_Ju_Montpellier.JPG" class="phototeamcenter"/><p><br><h3>Hung Ju Chang</h3></p></div>
 +
    <div class="element"><img src="https://static.igem.org/mediawiki/2018/2/29/T--Montpellier--Ana_Montpellier.JPG" class="phototeamcenter"/><p><br><h3>Ana Zuniga</h3></p></div>
 +
    <div class="element"><img src="https://static.igem.org/mediawiki/2018/2/28/T--Montpellier--Peter_Montpellier.JPG" class="phototeamcenter"/><p><br><h3>Peter Voyvodiv</h3></p></div>
 +
</div>
 +
 +
<p><h1>Advisor</h1></p>
 +
 +
<br>
 +
<br>
 +
<br>
 +
 +
<div class="advisor"><img src="https://static.igem.org/mediawiki/2018/7/76/T--Montpellier--Sarah_Montpellier.JPG" class="phototeamcenter"/><p><br><h3>Sarah Guiziou</h3></p></div>
 +
 +
</section>
 +
 +
</body>
 +
 
</html>
 
</html>
  
 
{{Template:Montpellier/Footer}}
 
{{Template:Montpellier/Footer}}

Revision as of 12:07, 20 August 2018

Team

The team






Léa

Early bird and night owl at the same time, Léa is the one spending the most time working at the lab. She is responsible for the good atmosphere in the lab with her music and party stories. Also her knowledge of Synthetic Biology is very helpful for the team throughout the months.

Default Image
lea


Default Image
Elsa

Elsa

Elsa is studying drug engineering at the Pharmacy University. This allowed her to have the better vision of the futures project. She worked with Tamara to create us designs and she went up with the cool project title and logo.



Tamara

Tamara is a self-made artist studying Biotechnologies. She’s the one that had the original idea of the project. She is responsible for a big part of graphics and communication for the team along with Elsa. She did a huge job at designing sequences (#SUF) and still managed to create the comic book.

Default Image
Tamara


Default Image
lea

Younes

This Moroccan Biophysics student is responsible for the Modelling and Spermatozoa Tracking. He spends his days in front of his computer. Rarely taking a break Younes is able to eat his lunch in up to 5 minutes to go back to work.



Marie

Marie is the head of the wiki team. She is as able to spend hours coding as to stay very late at the lab for experiments. She is also in charge of the Sperm Motility Assay experiments. Her knowledge and experience in Biology, Computer Science and Physics opened a lot of doors.

Default Image
lea


Default Image
lea

Julien

Julien is our IT guy doing the bioinformatic part of the project. Doing a Master Degree in Biophysics he is always enthusiastic for doing Molecular Biology in the lab which allowed him to get away from his computer for some times (even though he would quickly go back to it). He always has an anecdote to tell during lunch times.





Leo

Léo is the best team manager we could have ever hoped for. (He forced me to write this, he is a tyrant, help us please ☹).

Default Image
lea