Difference between revisions of "Team:Montpellier/Team"

(Prototype team page)
 
 
(63 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{Montpellier}}
 
{{Montpellier}}
 +
 
<html>
 
<html>
 +
<head>
 +
  <meta charset="utf-8" />
 +
  <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
 +
  src="https://code.jquery.com/jquery-3.3.1.min.js"
 +
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
 +
  crossorigin="anonymous"></script>
  
−
<div class="column two_thirds_size" >
+
  <style>
  
−
<h1>Team</h1>
+
  p {
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
    text-align: justify;
 +
  }
  
 +
  .advisors
 +
  {
 +
    display: flex;
 +
    flex-direction: row;
 +
    justify-content: space-around;
 +
  }
  
−
<h3>What should this page contain?</h3>
 
−
<ul>
 
−
<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>
 
−
</div>
 
  
 +
  .phototeamcenter  {
 +
    transform: rotate(-90deg);
 +
    transform-origin: center;
 +
    margin: auto;
 +
    height: 200px;
 +
    max-width: 200px;
 +
    flex: 0 0 auto;
 +
    object-fit: scale-down;
 +
  }
  
 +
  .element, .advisor {
 +
    display: flex;
 +
    flex-direction: column;
 +
    justify-content: center;
 +
    text-align: center;
 +
    width: 33%;
 +
    margin: auto;
 +
  }
 +
 +
  .element h3, .advisor h3 {
 +
    font-size: 20px;
 +
  }
 +
 +
  .team {
 +
    display: flex;
 +
    justify-content: center;
 +
    align-items: center;
 +
  }
 +
 +
 +
 +
  .imageBox, .photo {
 +
    position: relative;
 +
    float: left;
 +
  }
 +
  .imageBox .hoverImg {
 +
    position: absolute;
 +
    left: 0;
 +
    top: 0;
 +
    display: none;
 +
 +
  }
 +
 +
  .imageBox:hover .hoverImg {
 +
    display: block;
 +
 +
  }
 +
 +
  .phototeam {
 +
    max-height:400px;
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
  }
 +
 +
  #bodyContent h1 {
 +
    margin: 1em;
 +
    line-height: 100%;
 +
  }
 +
  </style>
 +
 +
</head>
 +
<body>
 +
 +
<img class="banniere" src="https://static.igem.org/mediawiki/2018/f/fa/T--Montpellier--banniere_team.png"/>
 +
 +
  <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/>
 +
 +
 +
    <!-- Elsa------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
    <div class="team">
 +
      <div class="imageBox">
 +
        <div class="imageInn">
 +
          <img src="https://static.igem.org/mediawiki/2018/c/cd/T--Montpellier--elsa1_mtp.png" 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--elsa2_mtp.png" alt="Elsa" style = "transform: rotate(-90deg); height:200px">
 +
        </div>
 +
 +
      </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>
 +
 +
 +
 +
    <br/><br/><br/>
 +
    <br/><br/><br/>
 +
 +
    <!-- 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>
 +
      <div class="imageBox">
 +
        <div class="imageInn">
 +
          <img src="https://static.igem.org/mediawiki/2018/c/cc/T--Montpellier--tamara1_mtp.png" alt="Default Image" style = "transform: rotate(-90deg); height:200px">
 +
        </div>
 +
        <div class="hoverImg">
 +
          <img src="https://static.igem.org/mediawiki/2018/d/de/T--Montpellier--tamara2_mtp.png" alt="Tamara" style = "transform: rotate(-90deg); height:200px">
 +
        </div>
 +
      </div>
 +
    </div>
 +
 +
    <br/><br/><br/>
 +
    <br/><br/><br/>
 +
 +
    <!-- Younes------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
    <div class="team">
 +
      <div class="imageBox">
 +
        <div class="imageInn">
 +
          <img src="https://static.igem.org/mediawiki/2018/d/d0/T--Montpellier--younes1_mtp.png" alt="Default Image" style = "transform: rotate(-90deg); height:200px">
 +
        </div>
 +
        <div class="hoverImg">
 +
          <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>
 +
 +
 +
 +
    <br/><br/><br/>
 +
    <br/><br/><br/>
 +
 +
 +
    <!-- Marie---------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
    <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 class="team">
 +
      <div class="texte"><h2>Leo Carrillo</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;). Always there to remind us that it’s not time to go back home ... but we will follow like baby sheep our leader to the gold medal.</p></div>
 +
      <div class="imageBox">
 +
        <div class="imageInn">
 +
          <img src="https://static.igem.org/mediawiki/2018/c/cb/T--Montpellier--leo1_mtp.png" alt="Default Image" style = "transform: rotate(-90deg); height:200px">
 +
        </div>
 +
        <div class="hoverImg">
 +
          <img src="https://static.igem.org/mediawiki/2018/1/1e/T--Montpellier--leo2_mtp.png" alt="lea" style = "transform: rotate(-90deg); height:200px">
 +
        </div>
 +
      </div>
 +
 +
    </div>
 +
 +
    <br/><br/><br/>
 +
    <br/><br/><br/>
 +
 +
    <!-- Miguel---------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
 +
    <div class="team">
 +
      <div class="photo"><img src="https://static.igem.org/mediawiki/2018/4/41/T--Montpellier--miguel1_mtp.png" style = "height:200px; transform: rotate(-90deg); "/></div>
 +
      <div class="texte"><h2>Miguel Enrique Camacho Rufino</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 lab working is fun for us. He always has a fun story to say and some of his sentences became very popular in the team. His knowledge of molecular biology helped us in many occasions.</p></div>
 +
      </div>
 +
 +
      <br/><br/><br/>
 +
    <br/><br/><br/>
 +
 +
      <!-- Maxime----------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
      <div class="team">
 +
        <div class="texte"><h2>Maxime Heintzé</h2><p>Maxime is a curly-haired longboard-rider Biotechnology 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/1/1a/T--Montpellier--maxime1_mtp.png" alt="Default Image" style = "transform: rotate(-90deg); height:200px">
 +
          </div>
 +
          <div class="hoverImg">
 +
            <img src="https://static.igem.org/mediawiki/2018/8/86/T--Montpellier--maxime2_mtp.png" alt="Maxime" style = "transform: rotate(-90deg); height:200px">
 +
          </div>
 +
        </div>
 +
 +
      </div>
 +
 +
 +
      <br/><br/><br/>
 +
    <br/><br/><br/>
 +
 +
 +
      <h1>Principal Instructors</h1>
 +
      <div class="advisors">
 +
        <div class="element">
 +
          <img src="https://static.igem.org/mediawiki/2018/7/71/T--Montpellier--Luca_Montpellier.JPG" class="phototeamcenter"/>
 +
          <h3>Luca Ciandrini</h3>
 +
        </div>
 +
      <div class="element">
 +
        <img src="https://static.igem.org/mediawiki/2018/5/5f/T--Montpellier--Jerome_Montpellier.JPG" class="phototeamcenter"/>
 +
        <h3>Jérôme Bonnet</h3>
 +
      </div>
 +
      <div class="element">
 +
        <img src="https://static.igem.org/mediawiki/2018/e/e5/T--Montpellier--Guillaume_Montpellier.JPG" class="phototeamcenter"/>
 +
        <h3>Guillaume Cambray</h3>
 +
      </div>
 +
    </div>
 +
 +
    <h1>Instructors</h1>
 +
 +
    <div class="advisors">
 +
 +
      <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>
 +
      <div class="element">
 +
        <img src="https://static.igem.org/mediawiki/2018/2/29/T--Montpellier--Ana_Montpellier.JPG" class="phototeamcenter"/>
 +
        <h3>Ana Zuniga</h3>
 +
      </div>
 +
      <div class="element">
 +
        <img src="https://static.igem.org/mediawiki/2018/2/28/T--Montpellier--Peter_Montpellier.JPG" class="phototeamcenter"/>
 +
        <h3>Peter Voyvodic</h3>
 +
      </div>
 +
    </div>
 +
 +
    <h1>Advisor</h1>
 +
 +
    <div class="advisor">
 +
      <img src="https://static.igem.org/mediawiki/2018/7/76/T--Montpellier--Sarah_Montpellier.JPG" class="phototeamcenter"/>
 +
      <h3>Sarah Guiziou</h3>
 +
    </div>
 +
 +
  </section>
 +
 +
</body>
  
−
<div class="column third_size" >
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<p>You can look at what other teams did to get some inspiration! <br />
 
−
Here are a few examples:</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
 
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
 
</html>
 
</html>
 +
 +
 +
 +
 +
{{Template:Montpellier/Footer}}

Latest revision as of 16:23, 7 December 2018

Team






Léa Meneu

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.

Default Image
lea






Default Image
Elsa

Elsa Fristot

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.







Tamara Yehouessi

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.

Default Image
Tamara






Default Image
lea

Younes Babaaziz

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.







Marie Peras

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 Mathieu

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 Carrillo

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 ☹). Always there to remind us that it’s not time to go back home ... but we will follow like baby sheep our leader to the gold medal.

Default Image
lea






Miguel Enrique Camacho Rufino

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 lab working is fun for us. He always has a fun story to say and some of his sentences became very popular in the team. His knowledge of molecular biology helped us in many occasions.







Maxime Heintzé

Maxime is a curly-haired longboard-rider Biotechnology 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.

Default Image
Maxime






Principal Instructors

Luca Ciandrini

Jérôme Bonnet

Guillaume Cambray

Instructors

Hung Ju Chang

Ana Zuniga

Peter Voyvodic

Advisor

Sarah Guiziou



Sponsors



Contact us

igem.assomtp@gmail.com

Centre de Biochimie Structurale, 29 Rue de Navacelles, 34090 Montpellier, France