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;"> | ||
| − | + | ||
</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;"> | ||
| − | + | ||
</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="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> | |
| − | + | </div> | |
| − | + | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| + | <!-- 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 --> | |
| − | + | <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> | |
| − | + | <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"> | |
| − | + | <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> | |
| − | + | </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"> | |
| − | + | <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> |
| − | + | ||
| − | + | ||
<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"> | |
| − | + | ||
| − | + | ||
<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 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"> | |
| − | + | <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> | |
| − | + | </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> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <!-- 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"> | |
<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> | ||
| 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"> | |
| − | + | ||
<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 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> | ||
| − | |||
| − | |||
| − | |||
<!-- 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 --> | |
| − | + | <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 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
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]
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]
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]
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]
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"
Goulwen Mintec
COMPUTER SCIENCE
22 years old
EPITA, 5th year
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
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.
