<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">

  <!--<link rel="stylesheet" type="text/css" href="style.css" />-->

  <title>Team</title>

  <script

  <style>

  .advisors

  {

  }

  .phototeamcenter  {

    transform: rotate(-90deg);

    margin: auto;

     height: 200px;

  }

   .team {

  }

  .imageBox, .photo {

    position: relative;

    float: left;

  }

   }

  .imageBox:hover .hoverImg {

    display: block;

  }

  .phototeam {

    max-height:400px;

    display: block;

     margin-right: auto;

  <section>

    <img src="https://static.igem.org/mediawiki/2018/8/88/T--Montpellier--team_MTP.JPG" class="phototeam" />

    <br/>

    <br/>

    <br/>

    <br/>

    <br/>

    <!-- Lea---------------------------------------------------------------------------------------------------------------------------------------------->

    <div class="team">

      <div class="texte"><h2>Léa Meneu</h2><p>Early bird and night owl at the same time, Léa is the one spending the most time working at the bench. 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/7/74/T--Montpellier--lea1_mtp.png" alt="Default Image" style = "transform: rotate(-90deg); height:200px">

        </div>

        <div class="hoverImg">

          <img src="https://static.igem.org/mediawiki/2018/3/36/T--Montpellier--lea2_mtp.png" alt="lea" style = "transform: rotate(-90deg); height:200px">

        </div>

      </div>

    </div>

    <br/><br/><br/>

    <br/><br/><br/>

      </div>

      <div class="texte"><h2>Elsa Fristot</h2><p>Elsa is studying drug engineering at the Faculty of Pharmacy. This allows her to have a better vision of the future of our project. She worked with Tamara on the illustrations and she came up with the cool project title and logo.</p></div>

    </div>

    <!-- Tamara-------------------------------------------------------------------------------------------------------------------------------------------->

    <div class="team">

      <div class="texte"><h2>Tamara Yehouessi </h2><p>Tamara is a self-made artist studying Biotechnologies. She’s the one that had the original idea of the project. Together with Elsa she is responsible of a  the graphic and communication of Vagineering. She did a huge job at designing sequences (#SUF) and still managed to create the comic book.</p></div>

          <img src="https://static.igem.org/mediawiki/2018/c/cc/T--Montpellier--tamara1_mtp.png" alt="Default Image" style = "transform: rotate(-90deg); height:200px">

          <img src="https://static.igem.org/mediawiki/2018/d/de/T--Montpellier--tamara2_mtp.png" alt="Tamara" style = "transform: rotate(-90deg); height:200px">

    </div>

    <br/><br/><br/>

     <br/><br/><br/>

    <!-- Younes------------------------------------------------------------------------------------------------------------------------------------------------->

    <div class="team">

          <img src="https://static.igem.org/mediawiki/2018/d/d0/T--Montpellier--younes1_mtp.png" alt="Default Image" style = "transform: rotate(-90deg); height:200px">

          <img src="https://static.igem.org/mediawiki/2018/1/1a/T--Montpellier--younes2_mtp.png" alt="lea" style = "transform: rotate(-90deg); height:200px">

        </div>

      </div>

      <div class="texte"><h2>Younes Babaaziz</h2><p>This Moroccan Biophysics student is responsible for the Spermatozoa Tracking software. 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>

    <div class="team">

      <div class="texte"><h2>Marie Peras</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/d/d6/T--Montpellier--marie1_mtp.png" alt="Default Image" style = "transform: rotate(-90deg); height:200px">

        </div>

        <div class="hoverImg">

          <img src="https://static.igem.org/mediawiki/2018/a/a9/T--Montpellier--marie2_mtp.png" alt="lea" style = "transform: rotate(-90deg); height:200px">

        </div>

      </div>

    </div>

    <br/><br/><br/>

    <br/><br/><br/>

    <!-- Julien----------------------------------------------------------------------------------------------------------------------------->

    <div class="team">

      <div class="imageBox">

        <div class="imageInn">

          <img src="https://static.igem.org/mediawiki/2018/4/47/T--Montpellier--julien1_mtp.png" alt="Default Image" style = "transform: rotate(-90deg); height:200px">

        </div>

        <div class="hoverImg">

          <img src="https://static.igem.org/mediawiki/2018/5/55/T--Montpellier--julien2_mtp.png" alt="lea" style = "transform: rotate(-90deg); height:200px">

        </div>

      </div>

      <div class="texte"><h2>Julien Mathieu</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/><br/>

    <br/><br/><br/>

    <!-- Léo------------------------------------------------------------------------------------------------------------------------------------->

    </div>

      </div>

      <br/><br/><br/>

    <br/><br/><br/>

      <!-- Maxime----------------------------------------------------------------------------------------------------------------------------------------------->

      </div>

      <br/><br/><br/>

    <br/><br/><br/>

    </div>

    <h1>Instructors</h1>

      <div class="element">

        <img src="https://static.igem.org/mediawiki/2018/d/d2/T--Montpellier--Hung_Ju_Montpellier.JPG" class="phototeamcenter"/>

        <h3>Hung Ju Chang</h3>

    </div>