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

 
(24 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{IONIS_Paris/JS}}
+
{{IONIS_Paris/JS}}
−
{{IONIS_Paris-testcss}}
+
{{IONIS_Paris-testcss}}
−
<html lang="en">
+
<html lang="en">
−
<head>
+
<head>
−
<meta charset="UTF-8" />
+
<meta charset="UTF-8" />
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
−
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
−
<title >IONIS Paris</title>
+
<title >IONIS Paris</title>
  
−
<!-- Google fonts -->
+
<!-- Google fonts -->
−
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
+
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
  
−
<!-- font awesome -->
+
<!-- font awesome -->
−
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
+
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  
−
<!-- favicon -->
+
<!-- favicon -->
−
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
+
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
−
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
+
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
  
  
−
</head>
+
</head>
  
−
<body>
+
<body>
−
<div class="topbar animated fadeInLeftBig"></div>
+
<div class="topbar animated fadeInLeftBig"></div>
  
−
<!-- BANNER -->
+
<!-- BANNER -->
−
<div id="home" style="margin-top:0" >
+
<div id="home" style="margin-top:0" >
−
<!-- Slider Starts -->
+
<!-- Slider Starts -->
−
<div id="myCarousel" class="carousel slide banner-slider animated bounceInDown" data-ride="carousel">     
+
<div id="myCarousel" class="carousel slide banner-slider animated bounceInDown" data-ride="carousel">     
−
    <div class="carousel-inner" >
+
<div class="carousel-inner" >
−
<div class="item active" >
+
<div class="item active" >
−
<div class="banner row" id="banner" style="width:101%">
+
<div class="banner row" id="banner" style="width:101%;height: 100vh; ">
−
<div class="parallax text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/e/ee/DSC_1133.JPG);">
+
<div class="parallax text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/e/ee/DSC_1133.JPG);">
−
<div class="parallax-pattern-overlay">
+
<div class="parallax-pattern-overlay" style="height: 100vh; ">
−
<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:200px;">
+
<div class="container text-center" style="height:600px;padding-top:180px;">
−
<h1 class="intro wow zoomIn" wow-data-delay="0.4s" wow-data-duration="0.9s"  style="font-family:sans-serif; color:#B00000; " >TEAM MEMBERS</h1>
+
<h1 class="intro wow zoomIn" wow-data-delay="0.4s" wow-data-duration="0.9s"  style="font-family:sans-serif; color:#B00000; " >TEAM MEMBERS</h1>
  
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
+
</div>
−
</div>
+
</div>
−
</div>
+
<div class="item">
−
<div class="item">
+
<div class="banner row" id="banner" style="width:101%;height: 100vh; ">
−
<div class="banner row" id="banner" style="width:101%">
+
<div class="parallax text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/6/62/Photo_de_groupe.jpg);">
−
<div class="parallax text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/6/62/Photo_de_groupe.jpg); padding-bottom:50px">
+
<div class="parallax-pattern-overlay" style="height: 100vh; 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>
+
−
<div class="container text-center" style="height:580px;padding-top:20px; padding-left:0; padding-right:0;">
+
−
 
+
 
 
 +
</p>
 +
<div class="container text-center" style="height:600px;padding-top:180px; ">
 +
<h1 class="intro wow zoomIn" wow-data-delay="0.4s" wow-data-duration="0.9s"  style="font-family:sans-serif; color:#B00000; " >TEAM MEMBERS</h1>
 +
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
+
</div>
−
</div>
+
</div>
 +
</div>
 +
<!-- #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>
−
</div>
 
−
        <!-- #Item 1 -->
 
−
    </div>
 
−
      <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"></span></a>
 
−
</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">
 +
<h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>IONIS team</big></h2> 
 +
<div class="row">
 +
<div class="col-sm-6 wowload fadeInLeft">
 +
<h4><i class="fa fa-users" style="color:#b22222"></i> Introduction to the IONIS iGEM team</h4>
 +
<p align="justify">IONIS iGEM is a French iGEM team composed of students of the <font style="color:#66cdaa">IONIS Education group</font>, 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.
 +
</p>
 +
</div>
 +
<div class="col-sm-6 wowload fadeInRight">
 +
<h4><i class="fa fa-university" style="color:#b22222"></i>A multidisciplinary team</h4>
 +
<p align="justify">The Bio-Console, the project that represents the most our team: IONIS iGEM. This console uses the field of <font style="color:#66cdaa">biology </font>and<font style="color:#66cdaa"> computer science</font> 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.
 +
</p>   
 +
</div>
 +
</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="container spacer about">
+
<div id="about" class="about">
−
<h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>IONIS team</big></h2> 
+
<div class="row" style="width:90%; margin-left:60px; padding-top:5; padding-bottom:0;">
−
<div class="row">
+
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
−
<div class="col-sm-6 wowload fadeInLeft">
+
<span>
−
<h4><i class="fa fa-users" style="color:#b22222"></i> Introduction to the IONIS iGEM team</h4>
+
<figure class="effect-oscar2">
−
<p align="justify">IONIS iGEM is a French iGEM team composed of students of the <font style="color:#66cdaa">IONIS Education group</font>, first private education group in France.
+
<center><img src="https://static.igem.org/mediawiki/2015/d/d3/Avatar-04.png" alt="img01" class="img-responsive" style="width:100%;height:100%" /></center>
−
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.
+
<figcaption style="width:100%;height:100%">
−
</p>
+
<img src="https://static.igem.org/mediawiki/2015/4/45/Matt.jpg" class="img-responsive"  style="width:100%;height:100%">    
−
</div>
+
</figcaption>
−
+
</figure>
−
<div class="col-sm-6 wowload fadeInRight">
+
</span>
−
<h4><i class="fa fa-university" style="color:#b22222"></i>A multidisciplinary team</h4>
+
</div>
−
<p align="justify">The Bio-Console, the project that represents the most our team: IONIS iGEM. This console uses the field of <font style="color:#66cdaa">biology </font>and<font style="color:#66cdaa"> computer science</font> 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.
+
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
−
</p>  
+
<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>
 +
<p style="padding-top:0px"> TEAM MANAGER
 +
<br>23 years old
 +
<br>Sup'Biotech, 5<sup>th</sup> year
 +
<br>
 +
</p>
 +
<p><i>If you can't explain it simply, you don't understand it well enough.</i> <br>[Albert Einstein] </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>
−
 
 
−
<!-- 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" style="padding-top:0">
−
<div class="row"  style="width:90%; margin-left:60px; padding-top:5; 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="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="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
+
<p style="padding-top:0px margin:20px;" align="right"> BIOLOGY
−
<span>
+
<br>22 years old
−
<figure class="effect-oscar2">
+
<br>Sup'Biotech, 5<sup>th</sup> year
−
<center><img src="https://static.igem.org/mediawiki/2015/d/d3/Avatar-04.png" alt="img01" class="img-responsive" style="width:100%;height:100%" /></center>
+
<br>
−
<figcaption style="width:100%;height:100%">
+
</p>
−
<img src="https://static.igem.org/mediawiki/2015/4/45/Matt.jpg" class="img-responsive"  style="width:100%;height:100%">     
+
<p><i>You have to learn the rules of the game. <br>And then you have to play better than anyone else.</i><br> [Albert Einstein]</p>
−
</figcaption>
+
<div class="social" align="right">
−
</figure>
+
  <a href="https://fr.linkedin.com/pub/johanna-chesnel/76/53a/a"><i class="fa fa-linkedin fa-2x"></i></a>
−
</span>
+
  <a href="https://twitter.com/Johannaches"><i class="fa fa-twitter fa-2x"></i></a>
−
</div>
+
</div>
−
+
</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 grid2" style="width:30%;">
−
<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>
+
<span >
−
<p style="padding-top:0px"> TEAM MANAGER
+
<figure class="effect-oscar2">
−
<br>23 years old
+
<img src="https://static.igem.org/mediawiki/2015/8/81/Avatar-07.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
−
<br>Sup'Biotech, 5<sup>th</sup> year
+
<figcaption style="width:100%;height:100%">
−
<br>
+
<img src="https://static.igem.org/mediawiki/2015/9/9e/Johanna.jpg" class="img-responsive"  style="width:100%;height:100%">     
−
</p>
+
</figcaption>
−
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
+
</figure>
−
+
</span>
−
<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 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="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>
 
−
<p style="padding-top:0px margin:20px;" align="right"> BIOLOGY
 
−
<br>22 years old
 
−
<br>Sup'Biotech, 5<sup>th</sup> year
 
−
<br>
 
−
</p>
 
−
<p><i>They did not know it was impossible so they did it.</i><br> [Mark Twain]</p>
 
−
 
−
<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://twitter.com/Johannaches"><i class="fa fa-twitter fa-2x"></i></a>
 
−
 
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
 
−
<span >
 
−
<figure class="effect-oscar2">
 
−
<img src="https://static.igem.org/mediawiki/2015/8/81/Avatar-07.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
 
−
<figcaption style="width:100%;height:100%">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/9e/Johanna.jpg" class="img-responsive"  style="width:100%;height:100%">     
 
−
</figcaption>
 
−
</figure>
 
−
</span>
 
 
</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/b/bf/Avatar-06.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/6/60/Marwa.jpg" class="img-responsive"  style="width:100%;height:100%">     
 
−
</figcaption>
 
−
</figure>
 
−
</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="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa fa-flask" style="color:#228B22"></i> Marwa Zerhouni</h2>
 
−
<p style="padding-top:0px"> BIOLOGY
 
−
<br>23 years old
 
−
<br>Sup'Biotech, 5<sup>th</sup> year
 
−
<br>
 
−
</p>
 
−
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 
 
 
−
<div class="social">
+
<div id="about" class="about" style="padding-top:0">
−
 
+
<div class="row"  style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0">
−
  <a href="https://fr.linkedin.com/pub/marwa-zerhouni/96/718/643/en"><i class="fa fa-linkedin fa-2x"></i></a>
+
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
−
  <a href="https://twitter.com/Zerhouni_Marwa"><i class="fa fa-twitter fa-2x"></i></a>
+
<span>
−
 
+
<figure class="effect-oscar2">
 +
<center><img src="https://static.igem.org/mediawiki/2015/b/bf/Avatar-06.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/6/60/Marwa.jpg" class="img-responsive"  style="width:100%;height:100%">    
 +
</figcaption>
 +
</figure>
 +
</span>
 
</div>
 
</div>
−
</div>
+
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
−
</div>
+
<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> 
+
<p style="padding-top:0px"> BIOLOGY
−
</div>
+
<br>23 years old
−
+
<br>Sup'Biotech, 5<sup>th</sup> year
−
 
+
<br>
−
<div id="about" class="about" style="padding-top:0">
+
</p>
−
<div class="row"  style="width:90%;  margin-left:120px; padding-top:0;padding-bottom:0">
+
<p><i>The best way to predict the future is to create it.</i><br> [Abraham Lincoln]</p>
−
 
+
<div class="social">
−
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeInLeft; width:65%; padding-top:0; margin:0">
+
  <a href="https://fr.linkedin.com/pub/marwa-zerhouni/96/718/643/en"><i class="fa fa-linkedin fa-2x"></i></a>
−
<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>
+
  <a href="https://twitter.com/Zerhouni_Marwa"><i class="fa fa-twitter fa-2x"></i></a>
−
<p style="padding-top:0px margin:20px;" align="right"> BIOLOGY
+
</div>
−
<br>22 years old
+
</div>
−
<br>Sup'Biotech, 5<sup>th</sup> year
+
</div>
−
<br>
+
</div>
−
</p>
+
−
<p><i>Satisfaction lies in the effort, not in the attainment. <br>Full effort is full victory.</i>  
+
−
<br> [Mahatma Gandhi]</p>
+
−
+
−
<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>
+
−
 
+
−
 
+
−
</div>
+
−
</div>
+
−
</div>
+
−
+
−
+
−
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
+
−
<span >
+
−
<figure class="effect-oscar2">
+
−
<img src="https://static.igem.org/mediawiki/2015/e/ec/Avatar-01.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
+
−
<figcaption style="width:100%;height:100%">
+
−
<img src="https://static.igem.org/mediawiki/2015/b/bf/Nico.jpg" class="img-responsive"  style="width:100%;height:100%">    
+
−
</figcaption>
+
−
</figure>
+
−
</span>
+
 
</div>
 
</div>
−
</div>
+
 
−
</div>
+
<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="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>
−
+
<p style="padding-top:0px margin:20px;" align="right"> BIOLOGY
−
<div id="about" class="about" style="padding-top:0">
+
<br>22 years old
−
<div class="row"  style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0">
+
<br>Sup'Biotech, 5<sup>th</sup> year
−
 
+
<br>
−
 
+
</p>
−
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
+
<p><i>Satisfaction lies in the effort, not in the attainment. <br>Full effort is full victory.</i>
−
<span>
+
<br> [Mahatma Gandhi]</p>
−
<figure class="effect-oscar2">
+
<div class="social" align="right">
−
<center><img src="https://static.igem.org/mediawiki/2015/4/40/Pauline-1.png" alt="img01" class="img-responsive" style="width:100%;height:100%" /></center>
+
  <a href="https://fr.linkedin.com/pub/nicolas-cornille/98/58/251"><i class="fa fa-linkedin fa-2x"></i></a>
−
<figcaption style="width:100%;height:100%">
+
</div>
−
<img src="https://static.igem.org/mediawiki/2015/1/1c/Pauline.jpg" class="img-responsive"  style="width:100%;height:100%">     
+
</div>
−
</figcaption>
+
</div>
−
</figure>
+
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
−
</span>
+
<span >
−
</div>
+
<figure class="effect-oscar2">
−
+
<img src="https://static.igem.org/mediawiki/2015/e/ec/Avatar-01.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
−
 
+
<figcaption style="width:100%;height:100%">
−
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
+
<img src="https://static.igem.org/mediawiki/2015/b/bf/Nico.jpg" class="img-responsive"  style="width:100%;height:100%">    
−
<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>
+
</figcaption>
−
<p style="padding-top:0px"> BIOLOGY
+
</figure>
−
<br>21 years old
+
</span>
−
<br>Sup'Biotech, 5<sup>th</sup> year
+
−
<br>
+
−
</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/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>
+
−
 
+
 
</div>
 
</div>
−
</div>
 
−
</div>
 
−
</div> 
 
−
</div>
 
−
 
−
 
−
 
−
<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="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>
 
−
<p style="padding-top:0px margin:20px;" align="right"> BIOLOGY
 
−
<br>24 years old
 
−
<br>Sup'Biotech, 5<sup>th</sup> year
 
−
<br>
 
−
</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/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>
 
−
 
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
 
−
<span >
 
−
<figure class="effect-oscar2">
 
−
<img src="https://static.igem.org/mediawiki/2015/6/6b/Gilles-1.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
 
−
<figcaption style="width:100%;height:100%">
 
−
<img src="https://static.igem.org/mediawiki/2015/a/a6/Gilles.jpg" class="img-responsive"  style="width:100%;height:100%">     
 
−
</figcaption>
 
−
</figure>
 
−
</span>
 
 
</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/7/78/Armelle-1.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/82/Armelle.jpg" class="img-responsive"  style="width:100%;height:100%">     
 
−
</figcaption>
 
−
</figure>
 
−
</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="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa fa-comment-o" style="color:#98FB98"></i> Armelle Louisy</h2>
 
−
<p style="padding-top:0px"> COMMUNICATION
 
−
<br>23 years old
 
−
<br>Sup'Biotech, 5<sup>th</sup> year
 
−
<br>
 
−
</p>
 
−
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 
 
 
−
<div class="social">
+
<div id="about" class="about" style="padding-top:0">
−
 
+
<div class="row"  style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0">
−
  <a href="https://fr.linkedin.com/pub/armelle-louisy/69/b24/983"><i class="fa fa-linkedin fa-2x"></i></a>
+
<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/4/40/Pauline-1.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/1/1c/Pauline.jpg" class="img-responsive"  style="width:100%;height:100%">    
 +
</figcaption>
 +
</figure>
 +
</span>
 
</div>
 
</div>
−
</div>
+
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
−
</div>
+
<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> 
+
<p style="padding-top:0px"> BIOLOGY
−
</div>
+
<br>21 years old
−
+
<br>Sup'Biotech, 5<sup>th</sup> year
−
+
<br>
−
<div id="about" class="about" style="padding-top:0">
+
</p>
−
<div class="row"  style="width:90%;  margin-left:120px; padding-top:0; padding-bottom:0;">
+
<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>
−
<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="social">
−
<p style="padding-top:0px margin:20px;" align="right"> COMMUNICATION
+
  <a href="https://fr.linkedin.com/pub/pauline-trébulle/79/499/20b"><i class="fa fa-linkedin fa-2x"></i></a>
−
<br>24 years old
+
  <a href="https://twitter.com/ptrebulle"><i class="fa fa-twitter fa-2x"></i></a>
−
<br>Sup'Biotech, 5<sup>th</sup> year
+
</div>
−
<br>
+
</div>
−
</p>
+
</div>
−
<p><i>The advantage of being smart is that you can always make a fool,
+
</div>   
−
                                  <br> While the opposite is impossible.</i><br> [Woody Allen]</p>
+
−
+
−
<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://twitter.com/LaCremash"><i class="fa fa-twitter fa-2x"></i></a>
+
−
 
+
−
</div>
+
−
</div>
+
−
</div>
+
−
+
−
+
−
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
+
−
<span >
+
−
<figure class="effect-oscar2">
+
−
<img src="https://static.igem.org/mediawiki/2015/9/90/Avatar-02.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
+
−
<figcaption style="width:100%;height:100%">
+
−
<img src="" class="img-responsive"  style="width:100%;height:100%">     
+
−
</figcaption>
+
−
</figure>
+
−
</span>
+
−
</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/6/6f/11992214_10153012112441524_1236928337_n.jpg" 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/83/Lionel-img.jpg" class="img-responsive"  style="width:100%;height:100%">     
+
−
</figcaption>
+
−
</figure>
+
−
</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="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa fa-pencil" style="color:#8B0000"></i> Lionel Chesnais</h2>
 
−
<p style="padding-top:0px"> DESIGN
 
−
<br>24 years old
 
−
<br>Sup'Biotech, 5<sup>th</sup> year
 
−
<br>
 
−
</p>
 
−
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 
 
 
−
<div class="social">
+
<div id="about" class="about" style="padding-top:0">
−
 
+
<div class="row"  style="width:90%;  margin-left:120px; padding-top:0; padding-bottom:0;">
−
<a href="https://www.linkedin.com/pub/lionel-chesnais/90/954/98a"><i class="fa fa-linkedin fa-2x"></i></a>
+
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeInLeft; width:65%; padding-top:0; margin:0">
−
<a href="https://twitter.com/LioChesnais"><i class="fa fa-twitter fa-2x"></i></a>  
+
<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>
−
 
+
<p style="padding-top:0px margin:20px;" align="right"> BIOLOGY
−
</div>
+
<br>24 years old
−
</div>
+
<br>Sup'Biotech, 5<sup>th</sup> year
−
</div>
+
<br>
−
</div> 
+
</p>
−
</div>
+
<p><i>Intelligence is not what you know but what you do when you don't know.</i>
−
+
<br>[Jean Piaget]</p>
−
+
<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>
−
<div id="about" class="about" style="padding-top:0">
+
  <a href="https://twitter.com/Gilles_Df"><i class="fa fa-twitter fa-2x"></i></a>
−
<div class="row"  style="width:90%;  margin-left:120px; padding-top:0; padding-bottom:0;">
+
</div>
−
 
+
</div>
−
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeInLeft; width:65%; padding-top:0; margin:0">
+
</div>
−
<div class="spacer" style="padding-top:0;margin:20px;" align="right"><h2 style="padding:0"><i class="fa fa-gamepad" style="color:#66CDAA"></i> Paul-Louis Nech </h2>
+
−
<p style="padding-top:0px margin:20px;" align="right"> COMPUTER SCIENCE
+
−
<br>21 years old
+
−
<br>EPITA, 5<sup>th</sup> year
+
−
<br>
+
−
</p>
+
−
<p>"Software engineer specializing in multimedia, <br>I love working on innovative technologies and multidisciplinary projects"</p>
+
 
 
−
<div class="social" align="right">
+
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
−
 
+
<span >
−
  <a href="https://fr.linkedin.com/in/plnech"><i class="fa fa-linkedin fa-2x"></i></a>
+
<figure class="effect-oscar2">
−
  <a href="https://twitter.com/PaulLouisNech"><i class="fa fa-twitter fa-2x"></i></a>
+
<img src="https://static.igem.org/mediawiki/2015/6/6b/Gilles-1.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
−
 
+
<figcaption style="width:100%;height:100%">
 +
<img src="https://static.igem.org/mediawiki/2015/a/a6/Gilles.jpg" class="img-responsive"  style="width:100%;height:100%">    
 +
</figcaption>
 +
</figure>
 +
</span>
 
</div>
 
</div>
−
</div>
 
−
</div>
 
−
 
−
 
−
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
 
−
<span >
 
−
<figure class="effect-oscar2">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/95/Paul_Louis-1.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
 
−
<figcaption style="width:100%;height:100%">
 
−
<img src="https://static.igem.org/mediawiki/2015/d/d9/PL.jpg" class="img-responsive"  style="width:100%;height:100%">     
 
−
</figcaption>
 
−
</figure>
 
−
</span>
 
 
</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/b/bd/Goulwen-1.png" alt="img01" class="img-responsive" style="width:100%;height:100%" /></center>
 
−
<figcaption style="width:100%;height:100%">
 
−
<img src="" class="img-responsive"  style="width:100%;height:100%">     
 
−
</figcaption>
 
−
</figure>
 
−
</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="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa  fa-desktop" style="color:#FA8072"></i> Goulwen Mintec</h2>
 
−
<p style="padding-top:0px"> COMPUTER SCIENCE
 
−
<br>22 years old
 
−
<br>EPITA, 5<sup>th</sup> year
 
−
<br>
 
−
</p>
 
−
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 
 
 
−
<div class="social">
+
<div id="about" class="about" style="padding-top:0">
−
 
+
<div class="row"  style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0;">
−
  <a href="https://fr.linkedin.com/pub/goulwen-mintec/88/a6a/4ab"><i class="fa fa-linkedin fa-2x"></i></a>
+
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
−
  <a href="https://twitter.com/GMintec"><i class="fa fa-twitter fa-2x"></i></a>
+
<span>
−
 
+
<figure class="effect-oscar2">
 +
<center><img src="https://static.igem.org/mediawiki/2015/7/78/Armelle-1.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/82/Armelle.jpg" class="img-responsive"  style="width:100%;height:100%">    
 +
</figcaption>
 +
</figure>
 +
</span>
 
</div>
 
</div>
−
</div>
+
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
−
</div>
+
<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> 
+
<p style="padding-top:0px"> COMMUNICATION
−
</div>
+
<br>23 years old
−
+
<br>Sup'Biotech, 5<sup>th</sup> year
−
+
<br>
−
<div id="about" class="about" style="padding-top:0">
+
</p>
−
<div class="row"  style="width:90%;  margin-left:120px; padding-top:0; padding-bottom:0;">
+
<p><i>Determination, availability, discipline and success is within reach.</i><br> [Philip Roth]</p>
−
 
+
<div class="social">
−
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeInLeft; width:65%; padding-top:0; margin:0">
+
  <a href="https://fr.linkedin.com/pub/armelle-louisy/69/b24/983"><i class="fa fa-linkedin fa-2x"></i></a>
−
<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>
−
<p style="padding-top:0px margin:20px;" align="right"> DESIGN
+
</div>
−
<br>24 years old
+
</div>
−
<br>E artsup, 5<sup>th</sup> year
+
</div>   
−
<br>
+
−
</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 class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
+
−
<span >
+
−
<figure class="effect-oscar2">
+
−
<img src="https://static.igem.org/mediawiki/2015/5/59/Pascal-1.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
+
−
<figcaption style="width:100%;height:100%">
+
−
<img src="" class="img-responsive" style="width:100%;height:100%">     
+
−
</figcaption>
+
−
</figure>
+
−
</span>
+
−
</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>
−
 
−
 
 
−
<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">
+
<div id="about" class="about" style="padding-top:0">
−
 
+
<div class="row" style="width:90%;  margin-left:120px; padding-top:0; padding-bottom:0;">
−
  <a href="https://fr.linkedin.com/pub/marine-mohmmed/62/116/72a"><i class="fa fa-linkedin fa-2x"></i></a>
+
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeInLeft; width:65%; padding-top:0; margin:0">
−
  <a href="https://twitter.com/Rinrinator"><i class="fa fa-twitter fa-2x"></i></a>
+
<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>
−
 
+
<p style="padding-top:0px margin:20px;" align="right"> COMMUNICATION
−
</div>
+
<br>24 years old
−
</div>
+
<br>Sup'Biotech, 5<sup>th</sup> year
−
</div>
+
<br>
−
</div> 
+
</p>
−
</div>
+
<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">
−
+
  <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>
−
+
</div>
−
+
</div>
−
 
+
</div>
−
+
−
+
−
+
−
<!-- INSTRUCTORS -->
+
−
+
−
<div id="partners" class="container spacer " style="padding-top:0px; padding-bottom:0px">
+
−
<div class="row grid team  wowload fadeInUpBig">
+
−
<h3 style="text-align:left">Instructors</h3>
+
−
<div class=" col-sm-3 col-xs-6">
+
−
<figure class="effect-chico">
+
−
<img src="https://static.igem.org/mediawiki/2015/9/94/Sam.png" alt="img01"/>
+
−
<figcaption>
+
−
<p><b>Samuel Juillot</b><br>Biology<br><br> <a href="https://de.linkedin.com/pub/samuel-juillot/12/514/913"><i class="fa fa-linkedin"></i></a> </p>
+
−
</figcaption>
+
−
</figure>
+
−
</div>
+
 
 
 +
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
 +
<span >
 +
<figure class="effect-oscar2">
 +
<img src="https://static.igem.org/mediawiki/2015/9/90/Avatar-02.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
 +
<figcaption style="width:100%;height:100%">
 +
<img src="https://static.igem.org/mediawiki/2015/5/5d/Hugo.jpg" class="img-responsive"  style="width:100%;height:100%">     
 +
</figcaption>
 +
</figure>
 +
</span>
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
+
</div>
−
 
+
−
<!-- ADVISORS -->
+
 
 
−
<div id="partners" class="container spacer " style="padding-top:0px">
+
<div id="about" class="about" style="padding-top:0">
−
<div class="row grid team  wowload fadeInUpBig">
+
<div class="row" style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0;">
−
<h3 style="text-align:left">Advisors</h3>
+
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
−
+
<span>
−
<div class=" col-sm-3 col-xs-6">
+
<figure class="effect-oscar2">
−
<figure class="effect-chico">
+
<center><img src="https://static.igem.org/mediawiki/2015/6/6f/11992214_10153012112441524_1236928337_n.jpg" alt="img01" class="img-responsive" style="width:100%;height:100%" /></center>
−
<img src="https://static.igem.org/mediawiki/2015/7/71/Guillaume.png" alt="img01"/>
+
<figcaption style="width:100%;height:100%">
−
<figcaption>
+
<img src="https://static.igem.org/mediawiki/2015/8/83/Lionel-img.jpg" class="img-responsive"  style="width:100%;height:100%">    
−
<p><b>Guillaume Mercy</b><br>Biology<br><br> <a href="https://fr.linkedin.com/pub/guillaume-mercy/4a/a08/589"><i class="fa fa-linkedin"></i></a> </p>
+
</figcaption>
−
</figcaption>
+
</figure>
−
</figure>
+
</span>
−
</div>
+
−
+
−
<div class=" col-sm-3 col-xs-6">
+
−
<figure class="effect-chico">
+
−
<img src="https://static.igem.org/mediawiki/2015/7/7e/Pierre.png" alt="img01"/>
+
−
<figcaption>
+
−
<p><b>Pierre Parutto</b><br>Computer Science<br><br></p>
+
−
</figcaption>
+
−
</figure>
+
−
</div>
+
 
</div>
 
</div>
−
</div>
+
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
−
</div>
+
<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>
−
+
<p style="padding-top:0px"> DESIGN
−
 
+
<br>24 years old
−
 
+
<br>Sup'Biotech, 5<sup>th</sup> year
−
+
<br>
−
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
+
</p>
−
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
+
<p> </p>
−
<!-- The container for the modal slides -->
+
<div class="social">
−
<div class="slides"></div>
+
<a href="https://www.linkedin.com/pub/lionel-chesnais/90/954/98a"><i class="fa fa-linkedin fa-2x"></i></a>
−
<!-- Controls for the borderless lightbox -->
+
<a href="https://twitter.com/LioChesnais"><i class="fa fa-twitter fa-2x"></i></a>  
−
<h3 class="title">Title</h3>
+
−
<a class="prev">‹</a>
+
−
<a class="next">›</a>
+
−
<a class="close">×</a>
+
−
<!-- The modal dialog, which will be used to wrap the lightbox content -->   
+
−
</div>
+
−
 
+
−
<!-- UP TOP -->
+
−
 
+
−
<a href="#banner" class="gototop "><i class="fa fa-chevron-circle-up  fa-3x"></i></a>
+
−
 
+
−
 
+
−
</body>
+
−
</html>
+
−
 
+
−
 
+
−
{{IONIS_Paris-menu}}
+
−
{{IONIS_Paris/FootPage}}
+
−
{{IONIS_Paris/JS}}
+
−
{{IONIS_Paris-testcss}}
+
−
<html lang="en">
+
−
<head>
+
−
<meta charset="UTF-8" />
+
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
−
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+
−
<title >IONIS Paris</title>
+
−
 
+
−
<!-- Google fonts -->
+
−
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
+
−
 
+
−
<!-- font awesome -->
+
−
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
+
−
 
+
−
<!-- favicon -->
+
−
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
+
−
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
+
−
 
+
−
 
+
−
</head>
+
−
 
+
−
<body>
+
−
<div class="topbar animated fadeInLeftBig"></div>
+
−
 
+
−
<!-- BANNER -->
+
−
<div id="home" style="margin-top:0" >
+
−
<!-- Slider Starts -->
+
−
<div id="myCarousel" class="carousel slide banner-slider animated bounceInDown" data-ride="carousel">   
+
−
    <div class="carousel-inner" >
+
−
<div class="item active" >
+
−
<div class="banner row" id="banner" style="width:101%">
+
−
<div class="parallax text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/e/ee/DSC_1133.JPG);">
+
−
<div class="parallax-pattern-overlay">
+
−
<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>
+
−
<div class="container text-center" style="height:600px;padding-top:200px;">
+
−
<h1 class="intro wow zoomIn" wow-data-delay="0.4s" wow-data-duration="0.9s"  style="font-family:sans-serif; color:#B00000; " >TEAM MEMBERS</h1>
+
−
 
+
−
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
</div> 
 
</div>
 
</div>
−
<div class="item">
+
−
<div class="banner row" id="banner" style="width:101%">
+
<div id="about" class="about" style="padding-top:0">
−
<div class="parallax text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/6/62/Photo_de_groupe.jpg); padding-bottom:50px">
+
<div class="row" style="width:90%;  margin-left:120px; padding-top:0; padding-bottom:0;">
−
<div class="parallax-pattern-overlay" style="background-size: cover; color:#fff;  ">
+
−
<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>
+
−
<div class="container text-center" style="height:580px;padding-top:20px; padding-left:0; padding-right:0;">
+
  
−
+
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeInLeft; width:65%; padding-top:0; margin:0">
−
</div>
+
<div class="spacer" style="padding-top:0;margin:20px;" align="right"><h2 style="padding:0"><i class="fa fa-gamepad" style="color:#66CDAA"></i> Paul-Louis Nech </h2>
−
</div>
+
<p style="padding-top:0px margin:20px;" align="right"> COMPUTER SCIENCE
 +
<br>21 years old
 +
<br>EPITA, 5<sup>th</sup> year
 +
<br>
 +
</p>
 +
<p>"Software engineer specializing in multimedia, <br>I love working on innovative technologies and multidisciplinary projects"</p>
 +
 +
<div class="social" align="right">
 +
 
 +
  <a href="https://fr.linkedin.com/in/plnech"><i class="fa fa-linkedin fa-2x"></i></a>
 +
  <a href="https://twitter.com/PaulLouisNech"><i class="fa fa-twitter fa-2x"></i></a>
 +
 
 
</div>
 
</div>
−
</div>
 
−
</div>
 
−
</div>
 
−
        <!-- #Item 1 -->
 
−
    </div>
 
−
      <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"></span></a>
 
−
</div>
 
−
 
−
  <!--img src="https://static.igem.org/mediawiki/2015/4/40/Boston-MIT-01.png" alt="banner"-->
 
−
 
−
<!-- works -->
 
−
 
−
<div id="about"  class="container spacer about">
 
−
<h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>IONIS team</big></h2> 
 
−
<div class="row">
 
−
<div class="col-sm-6 wowload fadeInLeft">
 
−
<h4><i class="fa fa-users" style="color:#b22222"></i> Introduction to the IONIS iGEM team</h4>
 
−
<p align="justify">IONIS iGEM is a French iGEM team composed of students of the <font style="color:#66cdaa">IONIS Education group</font>, 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.
 
−
</p>
 
−
</div>
 
−
 
−
<div class="col-sm-6 wowload fadeInRight">
 
−
<h4><i class="fa fa-university" style="color:#b22222"></i>A multidisciplinary team</h4>
 
−
<p align="justify">The Bio-Console, the project that represents the most our team: IONIS iGEM. This console uses the field of <font style="color:#66cdaa">biology </font>and<font style="color:#66cdaa"> computer science</font> 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.
 
−
</p>   
 
−
</div>
 
 
</div>
 
</div>
−
</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 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%">
 
−
<span>
 
−
<figure class="effect-oscar2">
 
−
<center><img src="https://static.igem.org/mediawiki/2015/d/d3/Avatar-04.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/4/45/Matt.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-flask" style="color:#00BFFF"></i> Matthieu Da Costa</h2>
 
−
<p style="padding-top:0px"> TEAM MANAGER
 
−
<br>23 years old
 
−
<br>Sup'Biotech, 5<sup>th</sup> year
 
−
<br>
 
−
</p>
 
−
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 
 
 
−
<div class="social">
+
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
−
 
+
<span >
−
  <a href="https://fr.linkedin.com/pub/matthieu-da-costa/5b/343/a5"><i class="fa fa-linkedin fa-2x"></i></a>
+
<figure class="effect-oscar2">
−
  <a href="https://twitter.com/matt_fdc"><i class="fa fa-twitter fa-2x"></i></a>
+
<img src="https://static.igem.org/mediawiki/2015/9/95/Paul_Louis-1.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
−
 
+
<figcaption style="width:100%;height:100%">
 +
<img src="https://static.igem.org/mediawiki/2015/d/d9/PL.jpg" class="img-responsive"  style="width:100%;height:100%">    
 +
</figcaption>
 +
</figure>
 +
</span>
 
</div>
 
</div>
−
</div>
 
−
</div>
 
−
  </div> 
 
−
</div>
 
−
 
−
 
−
 
−
<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="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>
 
−
<p style="padding-top:0px margin:20px;" align="right"> BIOLOGY
 
−
<br>22 years old
 
−
<br>Sup'Biotech, 5<sup>th</sup> year
 
−
<br>
 
−
</p>
 
−
<p><i>They did not know it was impossible so they did it.</i><br> [Mark Twain]</p>
 
−
 
−
<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://twitter.com/Johannaches"><i class="fa fa-twitter fa-2x"></i></a>
 
−
 
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
 
−
<span >
 
−
<figure class="effect-oscar2">
 
−
<img src="https://static.igem.org/mediawiki/2015/8/81/Avatar-07.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
 
−
<figcaption style="width:100%;height:100%">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/9e/Johanna.jpg" class="img-responsive"  style="width:100%;height:100%">     
 
−
</figcaption>
 
−
</figure>
 
−
</span>
 
 
</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/b/bf/Avatar-06.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/6/60/Marwa.jpg" class="img-responsive"  style="width:100%;height:100%">     
 
−
</figcaption>
 
−
</figure>
 
−
</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="spacer" style="padding-top:0;margin:20px;"><h2 style="padding:0"><i class="fa fa-flask" style="color:#228B22"></i> Marwa Zerhouni</h2>
 
−
<p style="padding-top:0px"> BIOLOGY
 
−
<br>23 years old
 
−
<br>Sup'Biotech, 5<sup>th</sup> year
 
−
<br>
 
−
</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/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>
 
−
 
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div> 
 
−
</div>
 
−
 
−
 
 
−
<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="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeInLeft; width:65%; padding-top:0; margin:0">
+
<div id="about" class="about" style="padding-top: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="row" style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0;">
−
<p style="padding-top:0px margin:20px;" align="right"> BIOLOGY
+
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
−
<br>22 years old
+
<span>
−
<br>Sup'Biotech, 5<sup>th</sup> year
+
<figure class="effect-oscar2">
−
<br>
+
<center><img src="https://static.igem.org/mediawiki/2015/b/bd/Goulwen-1.png" alt="img01" class="img-responsive" style="width:100%;height:100%" /></center>
−
</p>
+
<figcaption style="width:100%;height:100%">
−
<p><i>Satisfaction lies in the effort, not in the attainment. <br>Full effort is full victory.</i>
+
<img src="" class="img-responsive"  style="width:100%;height:100%">    
−
<br> [Mahatma Gandhi]</p>
+
</figcaption>
−
+
</figure>
−
<div class="social" align="right">
+
</span>
−
 
+
−
  <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 class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
−
</div>
+
<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>
−
+
<p style="padding-top:0px"> COMPUTER SCIENCE
−
+
<br>22 years old
−
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
+
<br>EPITA, 5<sup>th</sup> year
−
<span >
+
<br>
−
<figure class="effect-oscar2">
+
</p>
−
<img src="https://static.igem.org/mediawiki/2015/e/ec/Avatar-01.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
+
<p> </p>
−
<figcaption style="width:100%;height:100%">
+
<div class="social">
−
<img src="https://static.igem.org/mediawiki/2015/b/bf/Nico.jpg" class="img-responsive" style="width:100%;height:100%">    
+
  <a href="https://fr.linkedin.com/pub/goulwen-mintec/88/a6a/4ab"><i class="fa fa-linkedin fa-2x"></i></a>
−
</figcaption>
+
  <a href="https://twitter.com/GMintec"><i class="fa fa-twitter fa-2x"></i></a>
−
</figure>
+
</div>
−
</span>
+
</div>
−
</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 id="about" class="about" style="padding-top:0;">
−
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
+
<div class="row"  style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0">
−
<span>
+
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
−
<figure class="effect-oscar2">
+
<div class="spacer" style="padding-top:0;margin:20px;" align="right"><h2 style="padding:0"><i class="fa fa-pencil" style="color:#FF1493"></i> Marine Mohmmed</h2>
−
<center><img src="https://static.igem.org/mediawiki/2015/4/40/Pauline-1.png" alt="img01" class="img-responsive" style="width:100%;height:100%" /></center>
+
<p style="padding-top:0px" align="right"> DESIGN
−
<figcaption style="width:100%;height:100%">
+
<br>24 years old
−
<img src="https://static.igem.org/mediawiki/2015/1/1c/Pauline.jpg" class="img-responsive"  style="width:100%;height:100%">       
+
<br>Paris Descartes, Master
−
</figcaption>
+
<br>
−
</figure>
+
</p>
−
</span>
+
<p><i>An essential aspect of creativity is not being afraid to fail. </i> <br>[Edwin Land]</p>
−
</div>
+
−
+
<div class="social" align="right">
−
 
+
  <a href="https://fr.linkedin.com/pub/marine-mohmmed/62/116/72a"><i class="fa fa-linkedin fa-2x"></i></a>
−
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
+
  <a href="https://twitter.com/Rinrinator"><i class="fa fa-twitter fa-2x"></i></a>
−
<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>
−
<p style="padding-top:0px"> BIOLOGY
+
</div>
−
<br>21 years old
+
</div>
−
<br>Sup'Biotech, 5<sup>th</sup> year
+
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%">
−
<br>
+
<span>
−
</p>
+
<figure class="effect-oscar2">
−
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
+
<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>
 +
</div>
 
 
−
<div class="social">
+
<div id="about" class="about" style="padding-top:0">
−
 
+
<div class="row"  style="width:90%;  margin-left:120px; padding-top:0; padding-bottom:0;">
−
  <a href="https://fr.linkedin.com/pub/pauline-trébulle/79/499/20b"><i class="fa fa-linkedin fa-2x"></i></a>
+
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%;">
−
  <a href="https://twitter.com/ptrebulle"><i class="fa fa-twitter fa-2x"></i></a>
+
<span >
−
 
+
<figure class="effect-oscar2">
 +
<img src="https://static.igem.org/mediawiki/2015/5/59/Pascal-1.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
 +
<figcaption style="width:100%;height:100%">
 +
<img src="" class="img-responsive"  style="width:100%;height:100%">    
 +
</figcaption>
 +
</figure>
 +
</span>
 
</div>
 
</div>
−
</div>
+
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInLeft; width:65%; padding-top:0; margin:0">
−
</div>
+
<div class="spacer" style="padding-top:0;margin:20px;" ><h2 style="padding:0"><i class="fa fa-pencil" style="color:#F0E68C"></i> Pascal Charleton </h2>
−
</div> 
+
<p style="padding-top:0px margin:20px;"> DESIGN
−
</div>
+
<br>24 years old
−
+
<br>E artsup, 5<sup>th</sup> year
−
+
<br>
−
+
</p>
−
<div id="about" class="about" style="padding-top:0">
+
<p><i>Less is more.</i> <br>[Paul Rand]</p>
−
<div class="row"  style="width:90%;  margin-left:120px; padding-top:0; padding-bottom:0;">
+
<div class="social">
−
 
+
  <a href="https://fr.linkedin.com/pub/pascal-charleton/61/3a6/5"><i class="fa fa-linkedin fa-2x"></i></a>
−
<div class="col-sm-6 wowload fadeInLeft" style="visibility: visible; animation-name: fadeInLeft; width:65%; padding-top:0; margin:0">
+
  <a href="https://twitter.com/PasceW"><i class="fa fa-twitter fa-2x"></i></a>
−
<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>
−
<p style="padding-top:0px margin:20px;" align="right"> BIOLOGY
+
</div>
−
<br>24 years old
+
</div>
−
<br>Sup'Biotech, 5<sup>th</sup> year
+
−
<br>
+
−
</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/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>
+
−
 
+
−
</div>
+
−
</div>
+
−
</div>
+
−
+
−
+
−
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
+
−
<span >
+
−
<figure class="effect-oscar2">
+
−
<img src="https://static.igem.org/mediawiki/2015/6/6b/Gilles-1.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
+
−
<figcaption style="width:100%;height:100%">
+
−
<img src="https://static.igem.org/mediawiki/2015/a/a6/Gilles.jpg" class="img-responsive"  style="width:100%;height:100%">     
+
−
</figcaption>
+
−
</figure>
+
−
</span>
+
 
</div>
 
</div>
−
</div>
+
</div>
−
</div>
+
−
+
<!-- INSTRUCTORS -->
−
+
<div id="partners" class="container spacer " style="padding-top:0px; padding-bottom:0px">
−
<div id="about" class="about" style="padding-top:0">
+
<div class="row grid team  wowload fadeInUpBig">
−
<div class="row" style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0;">
+
<h3 style="text-align:left">Instructors</h3>
−
 
+
<div class=" col-sm-3 col-xs-6">
−
 
+
<figure class="effect-chico">
−
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
+
<img src="https://static.igem.org/mediawiki/2015/9/94/Sam.png" alt="img01"/>
−
<span>
+
<figcaption>
−
<figure class="effect-oscar2">
+
<p><b>Samuel Juillot</b><br>Biology<br><br> <a href="https://de.linkedin.com/pub/samuel-juillot/12/514/913"><i class="fa fa-linkedin"></i></a> </p>
−
<center><img src="https://static.igem.org/mediawiki/2015/7/78/Armelle-1.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/82/Armelle.jpg" class="img-responsive"  style="width:100%;height:100%">    
+
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
−
</span>
+
</div>
−
</div>
+
</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-comment-o" style="color:#98FB98"></i> Armelle Louisy</h2>
+
−
<p style="padding-top:0px"> COMMUNICATION
+
−
<br>23 years old
+
−
<br>Sup'Biotech, 5<sup>th</sup> year
+
−
<br>
+
−
</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/armelle-louisy/69/b24/983"><i class="fa fa-linkedin fa-2x"></i></a>
+
−
 
+
 
</div>
 
</div>
−
</div>
 
−
</div>
 
−
</div> 
 
−
</div>
 
−
 
−
 
−
<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="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>
 
−
<p style="padding-top:0px margin:20px;" align="right"> COMMUNICATION
 
−
<br>24 years old
 
−
<br>Sup'Biotech, 5<sup>th</sup> year
 
−
<br>
 
−
</p>
 
−
<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">
 
−
 
 
−
  <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>
 
−
 
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
 
−
<span >
 
−
<figure class="effect-oscar2">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/90/Avatar-02.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
 
−
<figcaption style="width:100%;height:100%">
 
−
<img src="" class="img-responsive"  style="width:100%;height:100%">     
 
−
</figcaption>
 
−
</figure>
 
−
</span>
 
 
</div>
 
</div>
−
</div>
 
−
</div>
 
  
−
+
<!-- ADVISORS -->
−
+
−
<div id="about" class="about" style="padding-top:0">
+
<div id="partners" class="container spacer " style="padding-top:0px">
−
<div class="row" style="width:90%; margin-left:60px; padding-top:0; padding-bottom:0;">
+
<div class="row grid team  wowload fadeInUpBig">
−
 
+
<h3 style="text-align:left">Advisors</h3>
−
 
+
<div class=" col-sm-3 col-xs-6">
−
<div class="col-sm-6 wowload fadeInLeft grid2" style="width:30%">
+
<figure class="effect-chico">
−
<span>
+
<img src="https://static.igem.org/mediawiki/2015/7/71/Guillaume.png" alt="img01"/>
−
<figure class="effect-oscar2">
+
<figcaption>
−
<center><img src="https://static.igem.org/mediawiki/2015/6/6f/11992214_10153012112441524_1236928337_n.jpg" alt="img01" class="img-responsive" style="width:100%;height:100%" /></center>
+
<p><b>Guillaume Mercy</b><br>Biology<br><br> <a href="https://fr.linkedin.com/pub/guillaume-mercy/4a/a08/589"><i class="fa fa-linkedin"></i></a> </p>
−
<figcaption style="width:100%;height:100%">
+
−
<img src="https://static.igem.org/mediawiki/2015/8/83/Lionel-img.jpg" class="img-responsive"  style="width:100%;height:100%">    
+
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
−
</span>
+
</div>
−
</div>
+
−
+
<div class=" col-sm-3 col-xs-6">
−
 
+
<figure class="effect-chico">
−
<div class="col-sm-6 wowload fadeInRight" style="visibility: visible; animation-name: fadeInRight; width:70%; padding-top:0; margin:0">
+
<img src="https://static.igem.org/mediawiki/2015/7/7e/Pierre.png" alt="img01"/>
−
<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>
+
<figcaption>
−
<p style="padding-top:0px"> DESIGN
+
<p><b>Pierre Parutto</b><br>Computer Science<br><br></p>
−
<br>24 years old
+
−
<br>Sup'Biotech, 5<sup>th</sup> year
+
−
<br>
+
−
</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://twitter.com/LioChesnais"><i class="fa fa-twitter fa-2x"></i></a>  
+
−
 
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div> 
+
−
</div>
+
−
+
−
+
−
+
−
<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="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-gamepad" style="color:#66CDAA"></i> Paul-Louis Nech </h2>
+
−
<p style="padding-top:0px margin:20px;" align="right"> COMPUTER SCIENCE
+
−
<br>21 years old
+
−
<br>EPITA, 5<sup>th</sup> year
+
−
<br>
+
−
</p>
+
−
<p>"Software engineer specializing in multimedia, <br>I love working on innovative technologies and multidisciplinary projects"</p>
+
−
+
−
<div class="social" align="right">
+
−
 
+
−
  <a href="https://fr.linkedin.com/in/plnech"><i class="fa fa-linkedin fa-2x"></i></a>
+
−
  <a href="https://twitter.com/PaulLouisNech"><i class="fa fa-twitter fa-2x"></i></a>
+
−
 
+
−
</div>
+
−
</div>
+
−
</div>
+
−
+
−
+
−
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
+
−
<span >
+
−
<figure class="effect-oscar2">
+
−
<img src="https://static.igem.org/mediawiki/2015/9/95/Paul_Louis-1.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
+
−
<figcaption style="width:100%;height:100%">
+
−
<img src="https://static.igem.org/mediawiki/2015/d/d9/PL.jpg" class="img-responsive"  style="width:100%;height:100%">    
+
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
−
</span>
+
</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/b/bd/Goulwen-1.png" alt="img01" class="img-responsive" style="width:100%;height:100%" /></center>
+
−
<figcaption style="width:100%;height:100%">
+
−
<img src="" 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-desktop" style="color:#FA8072"></i> Goulwen Mintec</h2>
+
−
<p style="padding-top:0px"> COMPUTER SCIENCE
+
−
<br>22 years old
+
−
<br>EPITA, 5<sup>th</sup> year
+
−
<br>
+
−
</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/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>
+
−
 
+
−
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
−
</div> 
 
−
</div>
 
−
 
−
 
−
<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="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>
 
−
<p style="padding-top:0px margin:20px;" align="right"> DESIGN
 
−
<br>24 years old
 
−
<br>E artsup, 5<sup>th</sup> year
 
−
<br>
 
−
</p>
 
−
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 
 
 
−
<div class="social" align="right">
+
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
−
 
+
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
−
  <a href="https://fr.linkedin.com/pub/pascal-charleton/61/3a6/5"><i class="fa fa-linkedin fa-2x"></i></a>
+
<!-- The container for the modal slides -->
−
  <a href="https://twitter.com/PasceW"><i class="fa fa-twitter fa-2x"></i></a>
+
<div class="slides"></div>
−
 
+
<!-- Controls for the borderless lightbox -->
 +
<h3 class="title">Title</h3>
 +
<a class="prev">‹</a>
 +
<a class="next">›</a>
 +
<a class="close">×</a>
 +
<!-- The modal dialog, which will be used to wrap the lightbox content -->   
 
</div>
 
</div>
−
</div>
 
−
</div>
 
−
 
−
 
−
<div class="col-sm-6 wowload fadeInRight grid2" style="width:30%;">
 
−
<span >
 
−
<figure class="effect-oscar2">
 
−
<img src="https://static.igem.org/mediawiki/2015/5/59/Pascal-1.png" alt="img01" class="img-responsive" style="width:100%;height:100%" />
 
−
<figcaption style="width:100%;height:100%">
 
−
<img src="" class="img-responsive"  style="width:100%;height:100%">     
 
−
</figcaption>
 
−
</figure>
 
−
</span>
 
−
</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 -->
 
−
 
−
<div id="partners" class="container spacer " style="padding-top:0px; padding-bottom:0px">
 
−
<div class="row grid team  wowload fadeInUpBig">
 
−
<h3 style="text-align:left">Instructors</h3>
 
−
<div class=" col-sm-3 col-xs-6">
 
−
<figure class="effect-chico">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/94/Sam.png" alt="img01"/>
 
−
<figcaption>
 
−
<p><b>Samuel Juillot</b><br>Biology<br><br> <a href="https://de.linkedin.com/pub/samuel-juillot/12/514/913"><i class="fa fa-linkedin"></i></a> </p>
 
−
</figcaption>
 
−
</figure>
 
−
</div>
 
−
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
<!-- ADVISORS -->
 
−
 
−
<div id="partners" class="container spacer " style="padding-top:0px">
 
−
<div class="row grid team  wowload fadeInUpBig">
 
−
<h3 style="text-align:left">Advisors</h3>
 
−
 
−
<div class=" col-sm-3 col-xs-6">
 
−
<figure class="effect-chico">
 
−
<img src="https://static.igem.org/mediawiki/2015/7/71/Guillaume.png" alt="img01"/>
 
−
<figcaption>
 
−
<p><b>Guillaume Mercy</b><br>Biology<br><br> <a href="https://fr.linkedin.com/pub/guillaume-mercy/4a/a08/589"><i class="fa fa-linkedin"></i></a> </p>
 
−
</figcaption>
 
−
</figure>
 
−
</div>
 
−
 
−
<div class=" col-sm-3 col-xs-6">
 
−
<figure class="effect-chico">
 
−
<img src="https://static.igem.org/mediawiki/2015/7/7e/Pierre.png" alt="img01"/>
 
−
<figcaption>
 
−
<p><b>Pierre Parutto</b><br>Computer Science<br><br></p>
 
−
</figcaption>
 
−
</figure>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
 
−
 
−
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
 
−
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
 
−
<!-- The container for the modal slides -->
 
−
<div class="slides"></div>
 
−
<!-- Controls for the borderless lightbox -->
 
−
<h3 class="title">Title</h3>
 
−
<a class="prev">‹</a>
 
−
<a class="next">›</a>
 
−
<a class="close">×</a>
 
−
<!-- The modal dialog, which will be used to wrap the lightbox content -->   
 
−
</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>
 +
</html>
  
−
</body>
+
{{IONIS_Paris-menu}}
−
</html>
+
{{IONIS_Paris/FootPage}}
−
 
+
−
 
+
−
{{IONIS_Paris-menu}}
+
−
{{IONIS_Paris/FootPage}}
+

Latest revision as of 12:16, 17 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

If you can't explain it simply, you don't understand it well enough.
[Albert Einstein]

Johanna Chesnel

BIOLOGY
22 years old
Sup'Biotech, 5th year

You have to learn the rules of the game.
And then you have to play better than anyone else.
[Albert Einstein]

img01
img01

Marwa Zerhouni

BIOLOGY
23 years old
Sup'Biotech, 5th year

The best way to predict the future is to create it.
[Abraham Lincoln]

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

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

Marine Mohmmed

DESIGN
24 years old
Paris Descartes, Master

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

img01
img01

Pascal Charleton

DESIGN
24 years old
E artsup, 5th year

Less is more.
[Paul Rand]

Instructors

img01

Samuel Juillot
Biology

Advisors

img01

Guillaume Mercy
Biology

img01

Pierre Parutto
Computer Science

IONIS Paris team. 2015 Edition