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

Line 34: Line 34:
 
<div class="parallax-pattern-overlay">
 
<div class="parallax-pattern-overlay">
 
<p align="right" style="padding-top:60px; padding-right:20px; margin-right:0;">
 
<p align="right" style="padding-top:60px; padding-right:20px; margin-right:0;">
<i class="fa fa-angle-double-right fa-3x" style="color:#fff"></i>
+
 
</p>
 
</p>
 
<div class="container text-center" style="height:600px;padding-top:180px;">
 
<div class="container text-center" style="height:600px;padding-top:180px;">
Line 49: Line 49:
 
<div class="parallax-pattern-overlay" style="background-size: cover; color:#fff;  ">
 
<div class="parallax-pattern-overlay" style="background-size: cover; color:#fff;  ">
 
<p align="right" style="padding-top:60px; padding-right:20px; margin-right:0;">
 
<p align="right" style="padding-top:60px; padding-right:20px; margin-right:0;">
<i class="fa fa-angle-double-right fa-3x" style="color:#fff"></i>
+
 
</p>
 
</p>
 
<div class="container text-center" style="height:600px;padding-top:180px; ">
 
<div class="container text-center" style="height:600px;padding-top:180px; ">
Line 61: Line 61:
 
</div>
 
</div>
 
         <!-- #Item 1 -->
 
         <!-- #Item 1 -->
 
+
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon-chevron-left" style="color:rgba(250,250,250,0.001)"><i class="fa fa-angle-double-left fa-3x" style="color:#fff"></i></span></a>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon-chevron-left"></span></a>
+
<a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon-chevron-right" style="color:rgba(250,250,250,0.001)"><i class="fa fa-angle-double-right fa-3x" style="color:#fff"></i></span></a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon-chevron-right"></span></a>
+
</div>
</div>
+
 
</div>
 
</div>
  
  <!--img src="https://static.igem.org/mediawiki/2015/4/40/Boston-MIT-01.png" alt="banner"-->
 
 
<!-- works -->
 
  
 +
<!-- INTRODUCTION -->
 
<div id="about"  class="container spacer about">
 
<div id="about"  class="container spacer about">
 
<h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>IONIS team</big></h2>   
 
<h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>IONIS team</big></h2>   
Line 80: Line 77:
 
</p>
 
</p>
 
</div>
 
</div>
 
 
<div class="col-sm-6 wowload fadeInRight">
 
<div class="col-sm-6 wowload fadeInRight">
 
<h4><i class="fa fa-university" style="color:#b22222"></i>A multidisciplinary team</h4>
 
<h4><i class="fa fa-university" style="color:#b22222"></i>A multidisciplinary team</h4>
Line 89: Line 85:
 
</div>
 
</div>
 
   
 
   
<!-- MEMBERS -->
+
<!-- MEMBERS -->
<h2 class="text-center  wowload fadeInUp" style="color:#ff0000">Members</h2>
+
<h2 class="text-center  wowload fadeInUp" style="color:#ff0000">Members</h2>
<h4 class="text-center  wowload fadeInLeft">Our creative team that is making everything possible</h4>
+
<h4 class="text-center  wowload fadeInLeft">Our creative team that is making everything possible</h4>
<br><br>
+
<br><br>
+
+
  
 
 
<div id="about" class="about">
 
<div id="about" class="about">
 
<div class="row"  style="width:90%; margin-left:60px; padding-top:5; padding-bottom:0;">
 
<div class="row"  style="width:90%; margin-left:60px; padding-top:5; padding-bottom:0;">
 
 
 
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
 
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
 
<span>
 
<span>
Line 111: Line 102:
 
</span>
 
</span>
 
</div>
 
</div>
 
 
 
 
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
 
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
 
<div class="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa fa-flask" style="color:#00BFFF"></i> Matthieu Da Costa</h2>
 
<div class="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa fa-flask" style="color:#00BFFF"></i> Matthieu Da Costa</h2>
Line 121: Line 110:
 
</p>
 
</p>
 
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
+
<div class="social">
<div class="social">
+
  <a href="https://fr.linkedin.com/pub/matthieu-da-costa/5b/343/a5"><i class="fa fa-linkedin fa-2x"></i></a>
 
+
  <a href="https://twitter.com/matt_fdc"><i class="fa fa-twitter fa-2x"></i></a>
  <a href="https://fr.linkedin.com/pub/matthieu-da-costa/5b/343/a5"><i class="fa fa-linkedin fa-2x"></i></a>
+
</div>
  <a href="https://twitter.com/matt_fdc"><i class="fa fa-twitter fa-2x"></i></a>
+
 
+
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
  </div>   
 
  </div>   
 
</div>
 
</div>
 
 
 
 
 
<div id="about" class="about" style="padding-top:0">
 
<div id="about" class="about" style="padding-top:0">
 
<div class="row"  style="width:90%;  margin-left:120px; padding-top:0; padding-bottom:0;">
 
<div class="row"  style="width:90%;  margin-left:120px; padding-top:0; padding-bottom:0;">
 
 
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeLeft; width:65%; padding-top:0; margin:0">
 
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeLeft; width:65%; padding-top:0; margin:0">
 
<div class="spacer" style="padding-top:0;margin:20px;" align="right"><h2 style="padding:0"><i class="fa fa-flask" style="color:#FFD700"></i> Johanna Chesnel</h2>
 
<div class="spacer" style="padding-top:0;margin:20px;" align="right"><h2 style="padding:0"><i class="fa fa-flask" style="color:#FFD700"></i> Johanna Chesnel</h2>
Line 146: Line 129:
 
</p>
 
</p>
 
<p><i>They did not know it was impossible so they did it.</i><br> [Mark Twain]</p>
 
<p><i>They did not know it was impossible so they did it.</i><br> [Mark Twain]</p>
 
 
<div class="social" align="right">
 
<div class="social" align="right">
 
 
 
  <a href="https://fr.linkedin.com/pub/johanna-chesnel/76/53a/a"><i class="fa fa-linkedin fa-2x"></i></a>
 
  <a href="https://fr.linkedin.com/pub/johanna-chesnel/76/53a/a"><i class="fa fa-linkedin fa-2x"></i></a>
 
  <a href="https://twitter.com/Johannaches"><i class="fa fa-twitter fa-2x"></i></a>
 
  <a href="https://twitter.com/Johannaches"><i class="fa fa-twitter fa-2x"></i></a>
 
 
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
 
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
 
<span >
 
<span >
Line 169: Line 147:
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
 
 
<div id="about" class="about" style="padding-top:0">
 
<div id="about" class="about" style="padding-top:0">
 
<div class="row"  style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0">
 
<div class="row"  style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0">
 
 
 
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
 
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
 
<span>
 
<span>
Line 186: Line 160:
 
</span>
 
</span>
 
</div>
 
</div>
 
 
 
 
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
 
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
 
<div class="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa fa-flask" style="color:#228B22"></i> Marwa Zerhouni</h2>
 
<div class="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa fa-flask" style="color:#228B22"></i> Marwa Zerhouni</h2>
Line 196: Line 168:
 
</p>
 
</p>
 
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 
 
<div class="social">
 
<div class="social">
 
 
 
  <a href="https://fr.linkedin.com/pub/marwa-zerhouni/96/718/643/en"><i class="fa fa-linkedin fa-2x"></i></a>
 
  <a href="https://fr.linkedin.com/pub/marwa-zerhouni/96/718/643/en"><i class="fa fa-linkedin fa-2x"></i></a>
 
  <a href="https://twitter.com/Zerhouni_Marwa"><i class="fa fa-twitter fa-2x"></i></a>
 
  <a href="https://twitter.com/Zerhouni_Marwa"><i class="fa fa-twitter fa-2x"></i></a>
 
 
 
</div>
 
</div>
 
</div>
 
</div>
Line 207: Line 176:
 
</div>   
 
</div>   
 
</div>
 
</div>
 
 
    
 
    
 
<div id="about" class="about" style="padding-top:0">
 
<div id="about" class="about" style="padding-top:0">
 
<div class="row"  style="width:90%;  margin-left:120px; padding-top:0;padding-bottom:0">
 
<div class="row"  style="width:90%;  margin-left:120px; padding-top:0;padding-bottom:0">
 
 
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeInLeft; width:65%; padding-top:0; margin:0">
 
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeInLeft; width:65%; padding-top:0; margin:0">
 
<div class="spacer" style="padding-top:0;margin:20px;" align="right"><h2 style="padding:0"><i class="fa fa-flask" style="color:#191970"></i> Nicolas Cornille</h2>
 
<div class="spacer" style="padding-top:0;margin:20px;" align="right"><h2 style="padding:0"><i class="fa fa-flask" style="color:#191970"></i> Nicolas Cornille</h2>
Line 220: Line 187:
 
</p>
 
</p>
 
<p><i>Satisfaction lies in the effort, not in the attainment. <br>Full effort is full victory.</i>  
 
<p><i>Satisfaction lies in the effort, not in the attainment. <br>Full effort is full victory.</i>  
<br> [Mahatma Gandhi]</p>
+
<br> [Mahatma Gandhi]</p>
+
 
<div class="social" align="right">
 
<div class="social" align="right">
 
 
 
  <a href="https://fr.linkedin.com/pub/nicolas-cornille/98/58/251"><i class="fa fa-linkedin fa-2x"></i></a>
 
  <a href="https://fr.linkedin.com/pub/nicolas-cornille/98/58/251"><i class="fa fa-linkedin fa-2x"></i></a>
 
 
 
 
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
 
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
 
<span >
 
<span >
Line 244: Line 205:
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
 
 
 
<div id="about" class="about" style="padding-top:0">
 
<div id="about" class="about" style="padding-top:0">
 
<div class="row"  style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0">
 
<div class="row"  style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0">
 
 
 
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
 
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
 
<span>
 
<span>
Line 262: Line 218:
 
</span>
 
</span>
 
</div>
 
</div>
 
 
 
 
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
 
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
 
<div class="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa fa-flask" style="color:#663399"></i> Pauline Trébulle</h2>
 
<div class="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa fa-flask" style="color:#663399"></i> Pauline Trébulle</h2>
Line 272: Line 226:
 
</p>
 
</p>
 
<p><i>Study the science of art. Study the art of science. <br>Develop your senses - learn how to see. Realize that everything connects to everything else.</i><br>
 
<p><i>Study the science of art. Study the art of science. <br>Develop your senses - learn how to see. Realize that everything connects to everything else.</i><br>
[Leonardo da Vinci]</p>
+
[Leonardo da Vinci]</p>
 
 
 
<div class="social">
 
<div class="social">
 
 
 
  <a href="https://fr.linkedin.com/pub/pauline-trébulle/79/499/20b"><i class="fa fa-linkedin fa-2x"></i></a>
 
  <a href="https://fr.linkedin.com/pub/pauline-trébulle/79/499/20b"><i class="fa fa-linkedin fa-2x"></i></a>
 
  <a href="https://twitter.com/ptrebulle"><i class="fa fa-twitter fa-2x"></i></a>
 
  <a href="https://twitter.com/ptrebulle"><i class="fa fa-twitter fa-2x"></i></a>
 
 
 
</div>
 
</div>
 
</div>
 
</div>
Line 284: Line 236:
 
</div>   
 
</div>   
 
</div>
 
</div>
 
 
 
 
 
<div id="about" class="about" style="padding-top:0">
 
<div id="about" class="about" style="padding-top:0">
 
<div class="row"  style="width:90%;  margin-left:120px; padding-top:0; padding-bottom:0;">
 
<div class="row"  style="width:90%;  margin-left:120px; padding-top:0; padding-bottom:0;">
 
 
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeInLeft; width:65%; padding-top:0; margin:0">
 
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeInLeft; width:65%; padding-top:0; margin:0">
 
<div class="spacer" style="padding-top:0;margin:20px;" align="right"><h2 style="padding:0"><i class="fa fa-flask" style="color:#DC143C"></i> Gilles Defrel </h2>
 
<div class="spacer" style="padding-top:0;margin:20px;" align="right"><h2 style="padding:0"><i class="fa fa-flask" style="color:#DC143C"></i> Gilles Defrel </h2>
Line 299: Line 248:
 
<p><i>Intelligence is not what you know but what you do when you don't know.</i>
 
<p><i>Intelligence is not what you know but what you do when you don't know.</i>
 
                                 <br>[Jean Piaget]</p>
 
                                 <br>[Jean Piaget]</p>
 
 
<div class="social" align="right">
 
<div class="social" align="right">
 
 
 
  <a href="https://fr.linkedin.com/pub/gilles-defrel/90/939/a32"><i class="fa fa-linkedin fa-2x"></i></a>
 
  <a href="https://fr.linkedin.com/pub/gilles-defrel/90/939/a32"><i class="fa fa-linkedin fa-2x"></i></a>
 
  <a href="https://twitter.com/Gilles_Df"><i class="fa fa-twitter fa-2x"></i></a>
 
  <a href="https://twitter.com/Gilles_Df"><i class="fa fa-twitter fa-2x"></i></a>
 
 
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
 
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
 
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
Line 322: Line 267:
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
 
<div id="about" class="about" style="padding-top:0">
 
<div id="about" class="about" style="padding-top:0">
 
<div class="row"  style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0;">
 
<div class="row"  style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0;">
 
 
 
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
 
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
 
<span>
 
<span>
Line 338: Line 280:
 
</span>
 
</span>
 
</div>
 
</div>
 
 
 
 
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
 
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
 
<div class="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa fa-comment-o" style="color:#98FB98"></i> Armelle Louisy</h2>
 
<div class="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa fa-comment-o" style="color:#98FB98"></i> Armelle Louisy</h2>
Line 348: Line 288:
 
</p>
 
</p>
 
<p><i>Determination, availability, discipline and success is within reach.</i><br> [Philip Roth]</p>
 
<p><i>Determination, availability, discipline and success is within reach.</i><br> [Philip Roth]</p>
+
<div class="social">
<div class="social">
+
  <a href="https://fr.linkedin.com/pub/armelle-louisy/69/b24/983"><i class="fa fa-linkedin fa-2x"></i></a>
 
+
</div>
  <a href="https://fr.linkedin.com/pub/armelle-louisy/69/b24/983"><i class="fa fa-linkedin fa-2x"></i></a>
+
 
+
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>   
 
</div>   
 
</div>
 
</div>
 
 
 
 
<div id="about" class="about" style="padding-top:0">
 
<div id="about" class="about" style="padding-top:0">
 
<div class="row"  style="width:90%;  margin-left:120px; padding-top:0; padding-bottom:0;">
 
<div class="row"  style="width:90%;  margin-left:120px; padding-top:0; padding-bottom:0;">
 
 
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeInLeft; width:65%; padding-top:0; margin:0">
 
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeInLeft; width:65%; padding-top:0; margin:0">
 
<div class="spacer" style="padding-top:0;margin:20px;" align="right"><h2 style="padding:0"><i class="fa fa-comment-o" style="color:#FF4500"></i> Hugo Cremaschi </h2>
 
<div class="spacer" style="padding-top:0;margin:20px;" align="right"><h2 style="padding:0"><i class="fa fa-comment-o" style="color:#FF4500"></i> Hugo Cremaschi </h2>
Line 370: Line 305:
 
<br>
 
<br>
 
</p>
 
</p>
<p><i>The advantage of being smart is that you can always make a fool,  
+
<p><i>The advantage of being smart is that you can always make a fool, <br> While the opposite is impossible.</i><br> [Woody Allen]</p>
                                  <br> While the opposite is impossible.</i><br> [Woody Allen]</p>
+
+
 
<div class="social" align="right">
 
<div class="social" align="right">
 
 
 
  <a href="https://www.linkedin.com/pub/hugo-cremaschi/a4/b0a/b7a"><i class="fa fa-linkedin fa-2x"></i></a>
 
  <a href="https://www.linkedin.com/pub/hugo-cremaschi/a4/b0a/b7a"><i class="fa fa-linkedin fa-2x"></i></a>
 
  <a href="https://twitter.com/LaCremash"><i class="fa fa-twitter fa-2x"></i></a>
 
  <a href="https://twitter.com/LaCremash"><i class="fa fa-twitter fa-2x"></i></a>
 
 
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
+
+
 
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
 
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
 
<span >
 
<span >
Line 395: Line 325:
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
 
 
<div id="about" class="about" style="padding-top:0">
 
<div id="about" class="about" style="padding-top:0">
 
<div class="row"  style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0;">
 
<div class="row"  style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0;">
 
 
 
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
 
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
 
<span>
 
<span>
Line 412: Line 338:
 
</span>
 
</span>
 
</div>
 
</div>
 
 
 
 
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
 
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
 
<div class="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa fa-pencil" style="color:#8B0000"></i> Lionel Chesnais</h2>
 
<div class="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa fa-pencil" style="color:#8B0000"></i> Lionel Chesnais</h2>
Line 422: Line 346:
 
</p>
 
</p>
 
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
+
<div class="social">
<div class="social">
+
 
+
 
<a href="https://www.linkedin.com/pub/lionel-chesnais/90/954/98a"><i class="fa fa-linkedin fa-2x"></i></a>
 
<a href="https://www.linkedin.com/pub/lionel-chesnais/90/954/98a"><i class="fa fa-linkedin fa-2x"></i></a>
 
<a href="https://twitter.com/LioChesnais"><i class="fa fa-twitter fa-2x"></i></a>    
 
<a href="https://twitter.com/LioChesnais"><i class="fa fa-twitter fa-2x"></i></a>    
 
+
</div>
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>   
 
</div>   
 
</div>
 
</div>
 
 
 
 
 
<div id="about" class="about" style="padding-top:0">
 
<div id="about" class="about" style="padding-top:0">
Line 473: Line 392:
 
<div id="about" class="about" style="padding-top:0">
 
<div id="about" class="about" style="padding-top:0">
 
<div class="row"  style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0;">
 
<div class="row"  style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0;">
 
 
 
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
 
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
 
<span>
 
<span>
Line 485: Line 402:
 
</span>
 
</span>
 
</div>
 
</div>
 
 
 
 
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
 
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
 
<div class="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa  fa-desktop" style="color:#FA8072"></i> Goulwen Mintec</h2>
 
<div class="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa  fa-desktop" style="color:#FA8072"></i> Goulwen Mintec</h2>
Line 495: Line 410:
 
</p>
 
</p>
 
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 
 
<div class="social">
 
<div class="social">
 
 
 
  <a href="https://fr.linkedin.com/pub/goulwen-mintec/88/a6a/4ab"><i class="fa fa-linkedin fa-2x"></i></a>
 
  <a href="https://fr.linkedin.com/pub/goulwen-mintec/88/a6a/4ab"><i class="fa fa-linkedin fa-2x"></i></a>
 
  <a href="https://twitter.com/GMintec"><i class="fa fa-twitter fa-2x"></i></a>
 
  <a href="https://twitter.com/GMintec"><i class="fa fa-twitter fa-2x"></i></a>
 
 
 
</div>
 
</div>
 
</div>
 
</div>
Line 506: Line 418:
 
</div>   
 
</div>   
 
</div>
 
</div>
+
 
 +
<div id="about" class="about" style="padding-top:0;">
 +
<div class="row"  style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0">
 +
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
 +
<span>
 +
<figure class="effect-oscar2">
 +
<center><img src="https://static.igem.org/mediawiki/2015/c/c1/Avatar-03.png" alt="img01" class="img-responsive" style="width:100%;height:100%" /></center>
 +
<figcaption style="width:100%;height:100%">
 +
<img src="https://static.igem.org/mediawiki/2015/8/86/Marine.jpg" class="img-responsive"  style="width:100%;height:100%">     
 +
</figcaption>
 +
</figure>
 +
</span>
 +
</div>
 +
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
 +
<div class="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa fa-pencil" style="color:#FF1493"></i> Marine Mohmmed</h2>
 +
<p style="padding-top:0px"> DESIGN
 +
<br>24 years old
 +
<br>Paris Descartes, Master
 +
<br>
 +
</p>
 +
<p><i>An essential aspect of creativity is not being afraid to fail. </i> <br>[Edwin Land]</p>
 +
 +
<div class="social">
 +
  <a href="https://fr.linkedin.com/pub/marine-mohmmed/62/116/72a"><i class="fa fa-linkedin fa-2x"></i></a>
 +
  <a href="https://twitter.com/Rinrinator"><i class="fa fa-twitter fa-2x"></i></a>
 +
</div>
 +
</div>
 +
</div>
 +
</div> 
 +
</div>
 
 
 
<div id="about" class="about" style="padding-top:0">
 
<div id="about" class="about" style="padding-top:0">
 
<div class="row"  style="width:90%;  margin-left:120px; padding-top:0; padding-bottom:0;">
 
<div class="row"  style="width:90%;  margin-left:120px; padding-top:0; padding-bottom:0;">
 
 
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeInLeft; width:65%; padding-top:0; margin:0">
 
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeInLeft; width:65%; padding-top:0; margin:0">
 
<div class="spacer" style="padding-top:0;margin:20px;" align="right"><h2 style="padding:0"><i class="fa fa-pencil" style="color:#F0E68C"></i> Pascal Charleton </h2>
 
<div class="spacer" style="padding-top:0;margin:20px;" align="right"><h2 style="padding:0"><i class="fa fa-pencil" style="color:#F0E68C"></i> Pascal Charleton </h2>
Line 519: Line 459:
 
</p>
 
</p>
 
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
+
<div class="social" align="right">
<div class="social" align="right">
+
  <a href="https://fr.linkedin.com/pub/pascal-charleton/61/3a6/5"><i class="fa fa-linkedin fa-2x"></i></a>
 
+
  <a href="https://twitter.com/PasceW"><i class="fa fa-twitter fa-2x"></i></a>
  <a href="https://fr.linkedin.com/pub/pascal-charleton/61/3a6/5"><i class="fa fa-linkedin fa-2x"></i></a>
+
</div>
  <a href="https://twitter.com/PasceW"><i class="fa fa-twitter fa-2x"></i></a>
+
 
+
 
</div>
 
</div>
</div>
+
</div>
</div>
+
+
+
 
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
 
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
 
<span >
 
<span >
Line 541: Line 476:
 
</div>
 
</div>
 
</div>
 
</div>
</div>
+
</div>  
+
<div id="about" class="about" style="padding-top:0;">
+
<div class="row"  style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0">
+
 
+
 
+
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
+
<span>
+
<figure class="effect-oscar2">
+
<center><img src="https://static.igem.org/mediawiki/2015/c/c1/Avatar-03.png" alt="img01" class="img-responsive" style="width:100%;height:100%" /></center>
+
<figcaption style="width:100%;height:100%">
+
<img src="https://static.igem.org/mediawiki/2015/8/86/Marine.jpg" class="img-responsive"  style="width:100%;height:100%">     
+
</figcaption>
+
</figure>
+
</span>
+
</div>
+
+
 
+
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
+
<div class="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa fa-pencil" style="color:#FF1493"></i> Marine Mohmmed</h2>
+
<p style="padding-top:0px"> DESIGN
+
<br>24 years old
+
<br>Paris Descartes, Master
+
<br>
+
</p>
+
<p><i>An essential aspect of creativity is not being afraid to fail. </i> <br>[Edwin Land]</p>
+
+
<div class="social">
+
 
+
  <a href="https://fr.linkedin.com/pub/marine-mohmmed/62/116/72a"><i class="fa fa-linkedin fa-2x"></i></a>
+
  <a href="https://twitter.com/Rinrinator"><i class="fa fa-twitter fa-2x"></i></a>
+
 
+
</div>
+
</div>
+
</div>
+
</div> 
+
</div>
+
 
 
 
 
+
<!-- INSTRUCTORS -->
+
+
+
 
+
+
+
+
<!-- INSTRUCTORS -->
+
+
 
<div id="partners" class="container spacer " style="padding-top:0px; padding-bottom:0px">
 
<div id="partners" class="container spacer " style="padding-top:0px; padding-bottom:0px">
 
<div class="row grid team  wowload fadeInUpBig">
 
<div class="row grid team  wowload fadeInUpBig">
 
<h3 style="text-align:left">Instructors</h3>
 
<h3 style="text-align:left">Instructors</h3>
<div class=" col-sm-3 col-xs-6">
+
<div class=" col-sm-3 col-xs-6">
 
<figure class="effect-chico">
 
<figure class="effect-chico">
 
<img src="https://static.igem.org/mediawiki/2015/9/94/Sam.png" alt="img01"/>
 
<img src="https://static.igem.org/mediawiki/2015/9/94/Sam.png" alt="img01"/>
Line 599: Line 489:
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
</div>
+
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
Line 610: Line 499:
 
<div class="row grid team  wowload fadeInUpBig">
 
<div class="row grid team  wowload fadeInUpBig">
 
<h3 style="text-align:left">Advisors</h3>
 
<h3 style="text-align:left">Advisors</h3>
+
<div class=" col-sm-3 col-xs-6">
<div class=" col-sm-3 col-xs-6">
+
 
<figure class="effect-chico">
 
<figure class="effect-chico">
 
<img src="https://static.igem.org/mediawiki/2015/7/71/Guillaume.png" alt="img01"/>
 
<img src="https://static.igem.org/mediawiki/2015/7/71/Guillaume.png" alt="img01"/>
Line 618: Line 506:
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
</div>
+
</div>
 
 
<div class=" col-sm-3 col-xs-6">
+
<div class=" col-sm-3 col-xs-6">
 
<figure class="effect-chico">
 
<figure class="effect-chico">
 
<img src="https://static.igem.org/mediawiki/2015/7/7e/Pierre.png" alt="img01"/>
 
<img src="https://static.igem.org/mediawiki/2015/7/7e/Pierre.png" alt="img01"/>
Line 627: Line 515:
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
</div>
+
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
 
 
 
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
 
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
 
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
 
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
Line 647: Line 532:
 
</div>
 
</div>
  
<!-- UP TOP -->
+
<!-- UP TOP -->
 
+
<a href="#banner" class="gototop "><i class="fa fa-chevron-circle-up  fa-3x"></i></a>
<a href="#banner" class="gototop "><i class="fa fa-chevron-circle-up  fa-3x"></i></a>
+
 
+
  
 
</body>
 
</body>

Revision as of 10:31, 12 September 2015

IONIS Paris

IONIS team

Introduction to the IONIS iGEM team

IONIS iGEM is a French iGEM team composed of students of the IONIS Education group, first private education group in France. The IONIS private group is composed of several engineering schools, among them students from 3 of them have decided to create an iGEM team in 2015: Sup’Biotech specialized in Biotechnology, EPITA focused on IT systems and the school of art design:E-ART SUP. Moreover, a student of the Paris Descartes University specialized in Arts and design is as well a team member.

A multidisciplinary team

The Bio-Console, the project that represents the most our team: IONIS iGEM. This console uses the field of biology and computer science to create a funny, playful and responsible game. Our team is composed of biologists , computer scientists and designers who have all the skills required for this project.

Members

Our creative team that is making everything possible



img01

Matthieu Da Costa

TEAM MANAGER
23 years old
Sup'Biotech, 5th year

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Johanna Chesnel

BIOLOGY
22 years old
Sup'Biotech, 5th year

They did not know it was impossible so they did it.
[Mark Twain]

img01
img01

Marwa Zerhouni

BIOLOGY
23 years old
Sup'Biotech, 5th year

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Nicolas Cornille

BIOLOGY
22 years old
Sup'Biotech, 5th year

Satisfaction lies in the effort, not in the attainment.
Full effort is full victory.

[Mahatma Gandhi]

img01
img01

Pauline Trébulle

BIOLOGY
21 years old
Sup'Biotech, 5th year

Study the science of art. Study the art of science.
Develop your senses - learn how to see. Realize that everything connects to everything else.

[Leonardo da Vinci]

Gilles Defrel

BIOLOGY
24 years old
Sup'Biotech, 5th year

Intelligence is not what you know but what you do when you don't know.
[Jean Piaget]

img01
img01

Armelle Louisy

COMMUNICATION
23 years old
Sup'Biotech, 5th year

Determination, availability, discipline and success is within reach.
[Philip Roth]

Hugo Cremaschi

COMMUNICATION
24 years old
Sup'Biotech, 5th year

The advantage of being smart is that you can always make a fool,
While the opposite is impossible.

[Woody Allen]

img01
img01

Lionel Chesnais

DESIGN
24 years old
Sup'Biotech, 5th year

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Paul-Louis Nech

COMPUTER SCIENCE
21 years old
EPITA, 5th year

"Software engineer specializing in multimedia,
I love working on innovative technologies and multidisciplinary projects"

img01
img01

Goulwen Mintec

COMPUTER SCIENCE
22 years old
EPITA, 5th year

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

img01

Marine Mohmmed

DESIGN
24 years old
Paris Descartes, Master

An essential aspect of creativity is not being afraid to fail.
[Edwin Land]

Pascal Charleton

DESIGN
24 years old
E artsup, 5th year

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

img01

Instructors

img01

Samuel Juillot
Biology

Advisors

img01

Guillaume Mercy
Biology

img01

Pierre Parutto
Computer Science