Difference between revisions of "Team.html"

 
(17 intermediate revisions by 2 users not shown)
Line 1: Line 1:
  
{{IONIS_Paris-style-css}}
+
{{IONIS_HEADER}}  
{{IONIS_meanmenu}}
+
<html>  
{{IONIS_template}}
+
 
+
 
+
<html>
+
<!--[if IE]><![endif]-->
+
<!--[if lt IE 7 ]> <html lang="en" class="ie6">    <![endif]-->
+
<!--[if IE 7 ]>    <html lang="en" class="ie7">    <![endif]-->
+
<!--[if IE 8 ]>    <html lang="en" class="ie8">    <![endif]-->
+
<!--[if IE 9 ]>    <html lang="en" class="ie9">    <![endif]-->
+
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
+
    <head>
+
        <meta charset="utf-8">
+
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
        <meta name="viewport" content="width=device-width, initial-scale=1">
+
        <title>Blog Page Grid</title>
+
       
+
 
         <!-- ====Google font==== -->
 
         <!-- ====Google font==== -->
 
         <link href='https://fonts.googleapis.com/css?family=Merriweather:400,700,700italic,400italic,300italic,300' rel='stylesheet' type='text/css'>
 
         <link href='https://fonts.googleapis.com/css?family=Merriweather:400,700,700italic,400italic,300italic,300' rel='stylesheet' type='text/css'>
Line 23: Line 7:
 
         <!-- ====Open Sans==== -->
 
         <!-- ====Open Sans==== -->
 
         <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,600italic,400italic,700italic,300,300italic' rel='stylesheet' type='text/css'>
 
         <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,600italic,400italic,700italic,300,300italic' rel='stylesheet' type='text/css'>
       
 
        <!-- ====Bootstrap css==== -->
 
        <link rel="stylesheet" href="css/bootstrap.min.css">
 
       
 
        <!-- ====Material==== -->
 
        <link rel="stylesheet" href="css/mdb.min.css">
 
        <link rel="stylesheet" href="css/material-design-iconic-font.min.css">
 
       
 
        <!-- ====Font awesome css==== -->
 
        <link rel="stylesheet" href="css/font-awesome.min.css">
 
       
 
        <!-- ====Animate css==== -->
 
        <link rel="stylesheet" href="css/animate.css">
 
       
 
        <!-- ====Meanmenu css==== -->
 
        <link rel="stylesheet" href="css/meanmenu.min.css">
 
       
 
        <!-- ====VenoBox css==== -->
 
        <link rel="stylesheet" href="css/venobox.css">
 
       
 
        <!-- ====Owl carousel 2 css==== -->
 
        <link rel="stylesheet" href="css/owl.carousel.css">
 
       
 
        <!-- ====Custom css==== -->
 
        <link rel="stylesheet" href="style.css">
 
       
 
        <!-- ====Favicons==== -->
 
        <link rel="apple-touch-icon-precomposed" href="img/favicon_app.png">
 
        <link rel="shortcut icon" type="image/png" href="img/favicon.png"/> 
 
  
         <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+
         <!-- Nos feuilles de style -->
         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+
         <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-test?action=raw&ctype=text/css" />
         <!--[if lt IE 9]>
+
         <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css?action=raw&ctype=text/css" />
          <script src="js/html5shiv.min.js"></script>
+
          <script src="js/respond.min.js"></script>
+
        <![endif]-->
+
    </head>
+
   
+
    <body class="blog_grid">
+
     
+
 
          
 
          
          <!-- ====HEADER START==== -->
 
        <header class="header_area navbar hidden-xs">
 
            <div class="container-fluid">
 
                <div class="row top_menu_area">
 
                    <div class="col-xs-12 col-sm-3">
 
                        <!-- START LOGO AREA -->
 
                        <div class="logo_area">
 
                            <a href="https://2016.igem.org/Team:Ionis_Paris">
 
                                <img src="https://static.igem.org/mediawiki/2016/7/71/Paris_igem_logo.svg" alt="theme logo" class="main_logo ">
 
                            </a>
 
                        </div>
 
                        <!-- END LOGO AREA -->
 
                    </div>
 
                    <div class="col-xs-12 col-sm-9">
 
                        <!-- START MENU AREA -->
 
                        <nav class="navbar-collapse collapse in">
 
                            <ul class="nav navbar-nav navbar-right menu">
 
                                <li class="smoth-scroll">
 
                                    <a data-hover="Project" href="#body">Project</a>
 
                                    <ul class="sub_menu">
 
                                        <li class="waves-effect waves">
 
                                            <a href="index.html">Motivation</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="index-2.html">Biology</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="index-3.html">Engineering</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="index-4.html">Applications and perspectives</a>
 
                                        </li>
 
                                 
 
                                    </ul>
 
                                </li>
 
                                <li class="smoth-scroll">
 
                                    <a data-hover="At the lab" href="at_the_lab.html">At the lab</a>
 
                                    <ul class="sub_menu">
 
                                        <li class="waves-effect waves">
 
                                            <a href="at_the_lab.html">Working at La Paillasse</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="index-2.html">Biobrick design</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="index-3.html">Strategy of conception</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="index-4.html">Protocol</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="index-4.html">Notebook</a>
 
                                        </li>
 
                                 
 
                                    </ul>
 
                                </li>
 
                                        <li class="smoth-scroll">
 
                                    <a data-hover="Side-projects" href="#Side-projects">Side-projects</a>
 
                                    <ul class="sub_menu">
 
                                        <li class="waves-effect waves">
 
                                            <a href="index.html">CelloCad</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="index-2.html">Collaborations</a>
 
                                        </li>
 
                                     
 
                                        <li class="waves-effect waves">
 
                                            <a href="index-4.html">Mobile application</a>
 
                                        </li>
 
                                       
 
                                 
 
                                    </ul>
 
                                </li>
 
                               
 
                                </li>
 
                                <li class="smoth-scroll">
 
                                    <a data-hover="results" href="#reults">Results</a>
 
                                    <ul class="sub_menu">
 
                                        <li class="waves-effect waves">
 
                                            <a href="blog_grid.html">Parts</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="blog-left_sidebar.html">Characterization</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="blog-right_sidebar.html">Proof of concept and Hardware</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="single_blog-full.html">Outreach</a>
 
                                        </li>
 
                                   
 
                                    </ul>
 
                                </li>
 
                                  <li class="smoth-scroll">
 
                                    <a data-hover="Human Practice" href="Human Practice">Human Practice</a>
 
                                </li>
 
                                <li class="smoth-scroll active">
 
                                    <a data-hover="Team" href="team.html">Team</a>
 
                                </li>
 
                            </ul>
 
                        </nav>
 
                        <!-- END MENU AREA -->
 
                       
 
                        <!-- Mobile Menu Start -->
 
                        <nav class="mobile_menu hidden">
 
                            <ul>
 
                                <li class="smoth-scroll">
 
                                    <a href="#body">Project</a>
 
                                    <ul>
 
                                        <li>
 
                                            <a href="index.html">Home Page 1</a>
 
                                        </li>
 
                                        <li>
 
                                            <a href="index-2.html">Home Page 2</a>
 
                                        </li>
 
                                        <li>
 
                                            <a href="index-3.html">Home Page 3</a>
 
                                        </li>
 
                                        <li>
 
                                            <a href="index-4.html">Home Page 4</a>
 
                                        </li>
 
                                        <li>
 
                                            <a href="index-5.html">Home Page 5</a>
 
                                        </li>
 
                                        <li>
 
                                            <a href="index-6.html">Home Page 6</a>
 
                                        </li>
 
                                        <li>
 
                                            <a href="index-7.html">Home Page 7</a>
 
                                        </li>
 
                                        <li>
 
                                            <a href="index-8.html">Home Page 8</a>
 
                                        </li>
 
                                        <li>
 
                                            <a href="index-9.html">Home Page 9</a>
 
                                        </li>
 
                                    </ul>
 
                                </li>
 
                                <li class="smoth-scroll">
 
                                    <a href="#services">Services</a>
 
                                </li>
 
                                <li class="smoth-scroll">
 
                                    <a href="#about">About</a>
 
                                </li>
 
                                <li class="smoth-scroll">
 
                                    <a href="#Portfolio">Results</a>
 
                                    <ul>
 
                                        <li>
 
                                            <a href="protfolio-1.html">Protfolio 1</a>
 
                                        </li>
 
                                        <li>
 
                                            <a href="protfolio-2.html">Protfolio 2</a>
 
                                        </li>
 
                                        <li>
 
                                            <a href="protfolio-3.html">Protfolio 3</a>
 
                                        </li>
 
                                        <li>
 
                                            <a href="case_study.html">Case Study</a>
 
                                        </li>
 
                                    </ul>
 
                                </li>
 
                                <li class="smoth-scroll">
 
                                    <a href="#blog">Human Practice</a>
 
                                    <ul>
 
                                        <li>
 
                                            <a href="blog_grid.html">Blog Grid</a>
 
                                        </li>
 
                                        <li>
 
                                            <a href="blog-left_sidebar.html">Blog Left Sidebar</a>
 
                                        </li>
 
                                        <li>
 
                                            <a href="blog-right_sidebar.html">Blog Right Sidebar</a>
 
                                        </li>
 
                                        <li>
 
                                            <a href="single_blog-full.html">Single Blog Full</a>
 
                                        </li>
 
                                        <li>
 
                                          <a href="single_blog-left_sidebar.html">
 
                                                Single Blog Left Sidebar
 
                                            </a>
 
                                        </li>
 
                                        <li>
 
                                            <a href="single_blog-right_sidebar.html">
 
                                                Single Blog Right Sidebar
 
                                            </a>
 
                                        </li>
 
                                    </ul>
 
                                </li>
 
                                <li class="smoth-scroll">
 
                                    <a href="#contact">Team</a>
 
                                </li>
 
                            </ul>
 
                        </nav>
 
                        <!-- Mobile Menu End -->
 
                    </div>
 
                </div>
 
            </div>
 
        </header>                       
 
        <!-- ====HEADER END==== -->
 
 
          
 
          
 
         <!-- ====BREADCUM START==== -->  
 
         <!-- ====BREADCUM START==== -->  
Line 311: Line 60:
 
                                 <div class="blog_top" >
 
                                 <div class="blog_top" >
 
                                     <h4 class="blog_topHd">
 
                                     <h4 class="blog_topHd">
                                         Master Chief
+
                                         Our Team Manager
 
                                     </h4>
 
                                     </h4>
 
                           </div>
 
                           </div>
Line 364: Line 113:
 
                                 </h4>
 
                                 </h4>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
+
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 382: Line 131:
 
                                 </h4>
 
                                 </h4>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
+
                                 <a class="th_bt btn waves-effect waves-light" href="https://www.linkedin.com/in/camille-soucies-2bb937b8?authType=NAME_SEARCH&authToken=WKOT&locale=fr_FR&trk=tyah&trkInfo=clickedVertical%3Amynetwork%2CclickedEntityId%3A420351983%2CauthType%3ANAME_SEARCH%2Cidx%3A1-1-1%2CtarId%3A1471944554964%2Ctas%3Acamill
 +
">Linkedind</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 401: Line 151:
 
                                 </h4>
 
                                 </h4>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
+
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 419: Line 169:
 
                                 </h4>
 
                                 </h4>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
+
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 437: Line 187:
 
                                 </h4>
 
                                 </h4>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
+
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 469: Line 219:
 
                                 </h4>
 
                                 </h4>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
+
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 487: Line 237:
 
                                     <a href="single_blog-full.html">Anthony Renondon</a>
 
                                     <a href="single_blog-full.html">Anthony Renondon</a>
 
                                 </h4>
 
                                 </h4>
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
+
                                 <p>"Les rêves donnent du travail." - Paulo Coelho</p>
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
+
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 506: Line 256:
 
                                 </h4>
 
                                 </h4>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
+
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 536: Line 286:
 
                                     <a href="single_blog-full.html">Alexandra Momal</a>
 
                                     <a href="single_blog-full.html">Alexandra Momal</a>
 
                                 </h4>
 
                                 </h4>
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
+
                                 <p>"La nature est une bibliothèque : lisez-la au lieu de la brûler." - Idriss Aberkane</p>
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
+
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
 
   </div>
 
   </div>
Line 566: Line 316:
 
                                 </ul>
 
                                 </ul>
 
                                 <h4>
 
                                 <h4>
                                     <a href="single_blog-full.html">Thomas Jasseir</a>
+
                                     <a href="single_blog-full.html">Thomas Jaisser</a>
 
                                 </h4>
 
                                 </h4>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
+
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 601: Line 351:
 
                                 </h4>
 
                                 </h4>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
+
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 620: Line 370:
 
                                 </h4>
 
                                 </h4>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
+
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 651: Line 401:
 
                                 </h4>
 
                                 </h4>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
+
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 682: Line 432:
 
                                 </h4>
 
                                 </h4>
 
                                 <p>Professor of Research</p>
 
                                 <p>Professor of Research</p>
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
+
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 693: Line 443:
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                                 <ul class="blog_s">
 
                                 <ul class="blog_s">
                                     <li><a href=""></i>IPSA</a></li>
+
                                     <li><a href="http://www.supbiotech.fr/"></i>Sup'Biotech</a></li>
 
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i></a></li>
 
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i></a></li>
 
                                 </ul>
 
                                 </ul>
Line 700: Line 450:
 
                                 </h4>
 
                                 </h4>
 
                                 <p>Laboratory director</p>
 
                                 <p>Laboratory director</p>
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
+
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 711: Line 461:
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                                 <ul class="blog_s">
 
                                 <ul class="blog_s">
                                     <li><a href=""></i>Sup'Biotech</a></li>
+
                                     <li><a href="http://www.supbiotech.fr/"></i>Sup'Biotech</a></li>
 
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i></a></li>
 
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i></a></li>
 
                                 </ul>
 
                                 </ul>
Line 718: Line 468:
 
                                 </h4>
 
                                 </h4>
 
                                 <p>Professor of Research</p>
 
                                 <p>Professor of Research</p>
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
+
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 736: Line 486:
 
                                 </h4>
 
                                 </h4>
 
                                 <p>Scientifique Director</p>
 
                                 <p>Scientifique Director</p>
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
+
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 +
                            </div>
 +
                        </div>
 +
<div class="col-xs-12 col-sm-6 mb40">
 +
                            <a href="single_blog-full.html">
 +
                                <div class="blog_img waves-effect">
 +
                                    <img src="https://static.igem.org/mediawiki/2016/1/1b/Pierre.jpg" alt="">
 +
                                </div>
 +
                            </a>
 +
                            <div class="blog_cont">
 +
                                <ul class="blog_s">
 +
                                    <li><a href="http://www.supbiotech.fr/"></i>Sup'Biotech</a></li>
 +
                                    <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i></a></li>
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Mathieu Da Costa</a>
 +
                                </h4>
 +
                                <p>Researcher in biology and Team manager of the iGEM IONIS 2015</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 +
                            </div>
 +
                        </div>
 +
<div class="col-xs-12 col-sm-6 mb40">
 +
                            <a href="single_blog-full.html">
 +
                                <div class="blog_img waves-effect">
 +
                                    <img src="https://static.igem.org/mediawiki/2016/1/1b/Pierre.jpg" alt="">
 +
                                </div>
 +
                            </a>
 +
                            <div class="blog_cont">
 +
                                <ul class="blog_s">
 +
                                    <li><a href="http://www.supbiotech.fr/"></i>Sup'Biotech</a></li>
 +
                                    <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i></a></li>
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Guillaume Mercy</a>
 +
                                </h4>
 +
                                <p>Researcher in biology</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 919: Line 705:
 
         <!-- ====END FOOTER AREA==== -->
 
         <!-- ====END FOOTER AREA==== -->
 
          
 
          
         <!-- ====jQuery Latest version==== -->
+
     
         <script src="js/vendor/jquery-1.12.0.min.js"></script>
+
         <!-- Nos scripts -->
 
+
         <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS&action=raw&ctype=text/javascript"></script>
        <!-- ====Google Maps API==== -->
+
     
        <script src="https://maps.googleapis.com/maps/api/js"></script>
+
 
+
        <!-- ====Material==== -->
+
        <script src="js/mdb.min.js"></script>
+
 
+
        <!-- ====Bootstrap JS==== -->
+
        <script src="js/bootstrap.min.js"></script>
+
 
+
        <!-- ====jQuery Counterup==== -->
+
        <script src="js/waypoints.min.js"></script>
+
        <script src="js/jquery.counterup.min.js"></script>
+
       
+
        <!-- ====jQuery Meanmenu==== -->
+
        <script src="js/jquery.meanmenu.min.js"></script>
+
 
+
        <!-- ====jQuery easing==== -->
+
        <script src="js/jquery.easing.1.3.min.js"></script>
+
 
+
        <!-- ====jQuery owl carousel==== -->
+
        <script src="js/owl.carousel.min.js"></script>
+
 
+
        <!-- ====jQuery parallax==== -->
+
        <script src="js/jquery.parallax-1.1.3.js"></script>
+
 
+
        <!-- ====jQuery isotop==== -->
+
        <script src="js/isotope.pkgd.min.js"></script>
+
       
+
        <!-- ====jQuery Packery==== -->
+
        <script src="js/packery.js"></script>
+
 
+
        <!-- ====jQuery VenoBox==== -->
+
        <script src="js/venobox.min.js"></script>
+
 
+
        <!-- ====jQuery appear and knob==== -->
+
        <script src="js/jquery.knob.min.js"></script>
+
 
+
        <!--Opacity & Other IE fix for older browser-->
+
        <!--[if lte IE 8]>
+
            <script type="text/javascript" src="js/ie-opacity-polyfill.js"></script>
+
        <![endif]-->    
+
 
+
        <!-- ====jQuery main script==== -->
+
        <script src="js/main.js"></script>
+
    </body>
+
 
</html>
 
</html>

Latest revision as of 18:34, 9 October 2016

Team creation

Thanks to the team iGEM IONIS 2015, all students from our school were aware of the iGEM competition. This year iGEM IONIS team was created as the instigation of student from Sup’Biotech. During our first brainstorming, we had the idea of using bioluminescence as the reporter for pollutant detection and quantification. We wanted to take advantages of the multiple schools and activity field given by the IONIS education group. Thus, we came with the idea of realizing a new engineering systems for pollutants quantification by enclosing engineered bacteria into a drone. The project set up, it was time for us to make the recruitment according to the different aspects of our project. Therefore we recruited student specialized in Aeronautic for the drone conception, Computer Science for the drone control sytems, the realization of our wiki and our app , in Marketing to organized the European experience and lastly in Design to realize the project's graphic design.

For the first time in the history of the competition, 6 different schools from the IONIS Education Group met to create one team: iGEM IONIS.

Our Team Manager

Clément Lapierre

Sup’Biotech, 5th year Specialty Environment

Our Biologists

Benjamin Piot

If you’ve followed along and done the steps above, you’ve created a good starting place.

Linkedind

Camille Soucies

If you’ve followed along and done the steps above, you’ve created a good starting place.

Linkedind

Célia Chenebault

If you’ve followed along and done the steps above, you’ve created a good starting place.

Linkedind

Viktor Plet

If you’ve followed along and done the steps above, you’ve created a good starting place.

Linkedind

Damien

If you’ve followed along and done the steps above, you’ve created a good starting place.

Linkedind

Our Marketing team

Jessica Matias

If you’ve followed along and done the steps above, you’ve created a good starting place.

Linkedind

Anthony Renondon

"Les rêves donnent du travail." - Paulo Coelho

Linkedind

Alex Dollet

If you’ve followed along and done the steps above, you’ve created a good starting place.

Linkedind

Our Graphic Designer

Alexandra Momal

"La nature est une bibliothèque : lisez-la au lieu de la brûler." - Idriss Aberkane

Linkedind

Our Human Practice man

Thomas Jaisser

If you’ve followed along and done the steps above, you’ve created a good starting place.

Linkedind

Our Computer Ingeneering team

Paul-Louis

If you’ve followed along and done the steps above, you’ve created a good starting place.

Linkedind

Raphael

If you’ve followed along and done the steps above, you’ve created a good starting place.

Linkedind

Our Aeoronotic Ingeneering man

Pierre

If you’ve followed along and done the steps above, you’ve created a good starting place.

Linkedind

Our Advisors

Frank Yates

Professor of Research

Linkedind

Samuel Juillot

Scientifique Director

Linkedind

Mathieu Da Costa

Researcher in biology and Team manager of the iGEM IONIS 2015

Linkedind

Guillaume Mercy

Researcher in biology

Linkedind