Difference between revisions of "Team.html"

 
(28 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 310: Line 59:
 
                                  
 
                                  
 
                                 <div class="blog_top" >
 
                                 <div class="blog_top" >
                                     <h4 class="blog_topHd"style="margin-top:-20px;" >
+
                                     <h4 class="blog_topHd">
                                         Master Chief
+
                                         Our Team Manager
 
                                     </h4>
 
                                     </h4>
 
                           </div>
 
                           </div>
Line 326: Line 75:
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                             <ul class="blog_s">
 
                             <ul class="blog_s">
                                     <li><a href="#"><i class="zmdi zmdi-admin"></i>Master Chief</a></li>
+
                                     <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-admin"></i>Sup'Biotech</a></li>
 
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>22 years old</a></li>
 
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>22 years old</a></li>
 
                             </ul>
 
                             </ul>
Line 343: Line 92:
 
                                 <div class="blog_top">
 
                                 <div class="blog_top">
 
                                     <h4 class="blog_topHd" >
 
                                     <h4 class="blog_topHd" >
                                         The biologist
+
                                         Our Biologists
 
                                     </h4>
 
                                     </h4>
 
                           </div>
 
                           </div>
Line 357: Line 106:
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                                 <ul class="blog_s">
 
                                 <ul class="blog_s">
                                     <li><a href="#"><i class="zmdi zmdi-account"></i>R&D</a></li>
+
                                     <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
 
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>24 years old</a></li>
 
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>24 years old</a></li>
 
                                 </ul>
 
                                 </ul>
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 375: Line 124:
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                                 <ul class="blog_s">
 
                                 <ul class="blog_s">
                                     <li><a href="#"><i class="zmdi zmdi-account"></i>R&D</a></li>
+
                                     <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
 
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>24 years old</a></li>
 
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>24 years old</a></li>
 
                                 </ul>
 
                                 </ul>
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 394: Line 144:
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                                 <ul class="blog_s">
 
                                 <ul class="blog_s">
                                     <li><a href="#"><i class="zmdi zmdi-account"></i>R&D</a></li>
+
                                     <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
 
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>21 years old</a></li>
 
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>21 years old</a></li>
 
                                 </ul>
 
                                 </ul>
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>
 +
<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/3/37/Viktor.jpg" alt="">
 +
                                </div>
 +
                            </a>
 +
                            <div class="blog_cont">
 +
                                <ul class="blog_s">
 +
                                    <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
 +
                                    <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>26 years old</a></li>
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Viktor Plet</a>
 +
                                </h4>
 +
                                <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">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/8/89/Damien.jpg" alt="">
 +
                                </div>
 +
                            </a>
 +
                            <div class="blog_cont">
 +
                                <ul class="blog_s">
 +
                                    <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
 +
                                    <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>24 years old</a></li>
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Damien</a>
 +
                                </h4>
 +
                                <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">Linkedind</a>
 +
                            </div>
 +
                        </div>
 +
  <section class="blog_area section-padding">
 +
                    <div class="blog_grid_area">
 +
                        <div class="col-xs-12 col-sm-9">
 +
                            <div class="bloggrid_right">
 +
                               
 +
                                <div class="blog_top" >
 +
                                    <h4 class="blog_topHd">
 +
                                        Our Marketing team
 +
                                    </h4>
 +
                          </div>
 +
                        </div>
 +
                      </div>
 +
                    </div>
  
 
                         <div class="col-xs-12 col-sm-6 mb40">
 
                         <div class="col-xs-12 col-sm-6 mb40">
Line 413: Line 212:
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                                 <ul class="blog_s">
 
                                 <ul class="blog_s">
                                     <li><a href="#"><i class="zmdi zmdi-account"></i>Marketing & Communication</a></li>
+
                                     <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a></li>
+
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>24 years old</a></li>
 
                                 </ul>
 
                                 </ul>
 
                                 <h4>
 
                                 <h4>
Line 420: 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 431: Line 230:
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                                 <ul class="blog_s">
 
                                 <ul class="blog_s">
                                     <li><i class="zmdi zmdi-account"></i>Marketing & Communication</a></li>
+
                                     <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
                                     <li><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a></li>
+
                                     <li><i class="zmdi zmdi-calendar-alt"></i>22 years old</a></li>
 
                                 </ul>
 
                                 </ul>
  
Line 438: 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>
                        <div class="col-xs-12 col-sm-6 mb40">
+
                  <div class="col-xs-12 col-sm-6 mb40">
 
                             <a href="single_blog-full.html">
 
                             <a href="single_blog-full.html">
 
                                 <div class="blog_img waves-effect">
 
                                 <div class="blog_img waves-effect">
Line 450: Line 249:
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                                 <ul class="blog_s">
 
                                 <ul class="blog_s">
                                     <li><a href="#"><i class="zmdi zmdi-account"></i>Marketing & Communication</a></li>
+
                                     <li><a href="http://www.ionis-stm.com/"><i class="zmdi zmdi-account"></i>Ionis ISTM</a></li>
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a></li>
+
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>22 years old</a></li>
 
                                 </ul>
 
                                 </ul>
 
                                 <h4>
 
                                 <h4>
Line 457: 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>
                     
+
<section class="blog_area section-padding">
 +
                    <div class="blog_grid_area">
 +
                        <div class="col-xs-12 col-sm-9">
 +
                            <div class="bloggrid_right">
 +
                               
 +
                                <div class="blog_top" >
 +
                                    <h4 class="blog_topHd">
 +
                                        Our Graphic Designer
 +
                                    </h4>
 +
                          </div>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 
                         <div class="col-xs-12 col-sm-6 mb40">
 
                         <div class="col-xs-12 col-sm-6 mb40">
 
                             <a href="single_blog-full.html">
 
                             <a href="single_blog-full.html">
Line 469: Line 280:
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                                 <ul class="blog_s">
 
                                 <ul class="blog_s">
                                     <li><a href="#"><i class="zmdi zmdi-account"></i>Graphic Desiner</a></li>
+
                                     <li><a href="http://www.e-artsup.net/"><i class="zmdi zmdi-account"></i>e-artsup</a></li>
 
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>22 years old</a></li>
 
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>22 years old</a></li>
 
                                 </ul>
 
                                 </ul>
Line 475: 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 class="col-xs-12 col-sm-6 mb40">
+
  </div>
 +
 
 +
<section class="blog_area section-padding">
 +
                    <div class="blog_grid_area">
 +
                         <div class="col-xs-12 col-sm-9">
 +
                            <div class="bloggrid_right">
 +
                               
 +
                                <div class="blog_top">
 +
                                    <h4 class="blog_topHd" >
 +
                                        Our Human Practice man
 +
                                    </h4>
 +
                          </div>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                      <div class="col-xs-12 col-sm-6 mb40">
 
                             <a href="single_blog-full.html">
 
                             <a href="single_blog-full.html">
 
                                 <div class="blog_img waves-effect">
 
                                 <div class="blog_img waves-effect">
Line 486: Line 312:
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                                 <ul class="blog_s">
 
                                 <ul class="blog_s">
                                     <li><a href="#"><i class="zmdi zmdi-account"></i>Human Practise</a></li>
+
                                     <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a></li>
+
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>25 years old</a></li>
 
                                 </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>
 +
<section class="blog_area section-padding">
 +
                    <div class="blog_grid_area">
 +
                        <div class="col-xs-12 col-sm-9">
 +
                            <div class="bloggrid_right">
 +
                               
 +
                                <div class="blog_top">
 +
                                    <h4 class="blog_topHd" >
 +
                                        Our Computer Ingeneering team
 +
                                    </h4>
 +
                          </div>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                       
 
                         <div class="col-xs-12 col-sm-6 mb40">
 
                         <div class="col-xs-12 col-sm-6 mb40">
 
                             <a href="single_blog-full.html">
 
                             <a href="single_blog-full.html">
 
                                 <div class="blog_img waves-effect">
 
                                 <div class="blog_img waves-effect">
                                     <img src="https://static.igem.org/mediawiki/2016/3/37/Viktor.jpg" alt="">
+
                                     <img src="https://static.igem.org/mediawiki/2016/c/cb/Paul_louis.jpg" alt="">
 
                                 </div>
 
                                 </div>
 
                             </a>
 
                             </a>
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                                 <ul class="blog_s">
 
                                 <ul class="blog_s">
                                     <li><a href="#"><i class="zmdi zmdi-account"></i>R&D</a></li>
+
                                     <li><a href="http://www.epita.fr/"><i class="zmdi zmdi-account"></i>Epita</a></li>
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>26 years old</a></li>
+
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>22 years old</a></li>
 
                                 </ul>
 
                                 </ul>
 
                                 <h4>
 
                                 <h4>
                                     <a href="single_blog-full.html">Viktor Plet</a>
+
                                     <a href="single_blog-full.html">Paul-Louis</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>
 +
     
 
                         <div class="col-xs-12 col-sm-6 mb40">
 
                         <div class="col-xs-12 col-sm-6 mb40">
 
                             <a href="single_blog-full.html">
 
                             <a href="single_blog-full.html">
 
                                 <div class="blog_img waves-effect">
 
                                 <div class="blog_img waves-effect">
                                     <img src="https://static.igem.org/mediawiki/2016/c/cb/Paul_louis.jpg" alt="">
+
                                     <img src="img/pierre.jpg" alt="">
 
                                 </div>
 
                                 </div>
 
                             </a>
 
                             </a>
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                                 <ul class="blog_s">
 
                                 <ul class="blog_s">
                                     <li><a href="#"><i class="zmdi zmdi-account"></i>Informatic Ingeneree</a></li>
+
                                     <li><a href="http://www.epitech.eu/"><i class="zmdi zmdi-account"></i>Epitech</a></li>
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>22 years old</a></li>
+
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a></li>
 
                                 </ul>
 
                                 </ul>
 
                                 <h4>
 
                                 <h4>
                                     <a href="single_blog-full.html">Paul-Louis</a>
+
                                     <a href="single_blog-full.html">Raphael</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>
 +
<section class="blog_area section-padding">
 +
                    <div class="blog_grid_area">
 +
                        <div class="col-xs-12 col-sm-9">
 +
                            <div class="bloggrid_right">
 +
                               
 +
                                <div class="blog_top">
 +
                                    <h4 class="blog_topHd" >
 +
                                        Our Aeoronotic Ingeneering man
 +
                                    </h4>
 +
                          </div>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 
                         <div class="col-xs-12 col-sm-6 mb40">
 
                         <div class="col-xs-12 col-sm-6 mb40">
 
                             <a href="single_blog-full.html">
 
                             <a href="single_blog-full.html">
Line 540: Line 394:
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                                 <ul class="blog_s">
 
                                 <ul class="blog_s">
                                     <li><a href="#"><i class="zmdi zmdi-account"></i>Aeoronotic</a></li>
+
                                     <li><a href="http://www.ipsa.fr/?xtor=SEC-694&gclid=Cj0KEQjw4MK_BRC1n6KTtezikbIBEiQA872hYQAsN-ORqGG3TVEPrg15kztBmgKuMWPts4QLZcWudOwaArNe8P8HAQ"><i class="zmdi zmdi-account"></i>IPSA</a></li>
 
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>20 years old</a></li>
 
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>20 years old</a></li>
 
                                 </ul>
 
                                 </ul>
Line 547: 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>
                        <div class="col-xs-12 col-sm-6 mb40">
+
<section class="blog_area section-padding">
 +
                    <div class="blog_grid_area">
 +
                        <div class="col-xs-12 col-sm-9">
 +
                            <div class="bloggrid_right">
 +
                               
 +
                                <div class="blog_top">
 +
                                    <h4 class="blog_topHd" >
 +
                                        Our Advisors
 +
                                    </h4>
 +
                          </div>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
<div class="col-xs-12 col-sm-6 mb40">
 
                             <a href="single_blog-full.html">
 
                             <a href="single_blog-full.html">
 
                                 <div class="blog_img waves-effect">
 
                                 <div class="blog_img waves-effect">
                                     <img src="https://static.igem.org/mediawiki/2016/8/89/Damien.jpg" alt="">
+
                                     <img src="https://static.igem.org/mediawiki/2016/1/1b/Pierre.jpg" alt="">
 
                                 </div>
 
                                 </div>
 
                             </a>
 
                             </a>
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                                 <ul class="blog_s">
 
                                 <ul class="blog_s">
                                     <li><a href="#"><i class="zmdi zmdi-account"></i>R&D</a></li>
+
                                     <li><a href=""></i>Sup'Biotech</a></li>
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>24 years old</a></li>
+
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i></a></li>
 
                                 </ul>
 
                                 </ul>
 
                                 <h4>
 
                                 <h4>
                                     <a href="single_blog-full.html">Damien</a>
+
                                     <a href="single_blog-full.html">Frank Yates</a>
 
                                 </h4>
 
                                 </h4>
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</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>
                        <div class="col-xs-12 col-sm-6 mb40">
+
<div class="col-xs-12 col-sm-6 mb40">
 
                             <a href="single_blog-full.html">
 
                             <a href="single_blog-full.html">
 
                                 <div class="blog_img waves-effect">
 
                                 <div class="blog_img waves-effect">
                                     <img src="img/pierre.jpg" alt="">
+
                                     <img src="https://static.igem.org/mediawiki/2016/1/1b/Pierre.jpg" alt="">
 
                                 </div>
 
                                 </div>
 
                             </a>
 
                             </a>
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                                 <ul class="blog_s">
 
                                 <ul class="blog_s">
                                     <li><a href="#"><i class="zmdi zmdi-account"></i>Informatic ingeneree</a></li>
+
                                     <li><a href="http://www.supbiotech.fr/"></i>Sup'Biotech</a></li>
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a></li>
+
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i></a></li>
 
                                 </ul>
 
                                 </ul>
 
                                 <h4>
 
                                 <h4>
                                     <a href="single_blog-full.html">Raphael</a>
+
                                     <a href="single_blog-full.html">Estelle Mogensen</a>
 
                                 </h4>
 
                                 </h4>
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</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 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">Alexandre Ismail </a>
 +
                                </h4>
 +
                                <p>Professor of Research</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.glowee.fr/"></i>Glowee</a></li>
 +
                                    <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i></a></li>
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Samuel Juillot </a>
 +
                                </h4>
 +
                                <p>Scientifique Director</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">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>
 +
                 
 
                          
 
                          
 
                     </div>
 
                     </div>
Line 765: 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