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

 
(60 intermediate revisions by 5 users not shown)
Line 1: Line 1:
{{Ionis_Paris}}
 
<html>
 
  
 
+
{{IONIS_HEADER}} 
 
+
<html>  
<div class="column full_size" >
+
<img src="https://static.igem.org/mediawiki/2016/2/2b/Tam_and_logo_above.jpg">
+
 
+
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
 
+
 
+
</div>
+
 
+
 
+
<div class="column full_size" >
+
<h2> R&D Team </h2>
+
<p> Here is a video we made in order to introduce you to the R&D Team </p>
+
 
+
<iframe width="560" height="315" src="https://www.youtube.com/embed/KXLIoHDDu2w" frameborder="0" allowfullscreen></iframe>
+
 
+
</div>
+
 
+
<div class="column full_size" >
+
<h2> Marketing Team </h2>
+
<p> Here is a video we made in order to introduce you to the Marketing Team </p>
+
 
+
<iframe width="560" height="315" src="https://www.youtube.com/embed/lh3X0F66jwU" frameborder="0" allowfullscreen></iframe>
+
 
+
</div>
+
 
+
<div class="column half_size" >
+
<h5>Inspiration</h5>
+
<p>You can look at what other teams did to get some inspiration! <br />
+
Here are a few examples:</p>
+
<ul>
+
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
</ul>
+
 
+
 
+
<!--[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>Single Blog Page Right Sidebar</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 58: 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-style-css-template?action=raw&ctype=text/css" />
        <!--[if lt IE 9]>
+
 
          <script src="js/html5shiv.min.js"></script>
+
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css?action=raw&ctype=text/css" />
          <script src="js/respond.min.js"></script>
+
        <![endif]-->
+
    </head>
+
   
+
    <body class="single_blog_right_sidebar">
+
        <!-- ==== PRELOADER START==== -->
+
        <div class="preloader-area">
+
            <div class="preloader">
+
                <div class="loader">
+
                    <div class="loader-inner pacman">
+
                        <div></div>
+
                        <div></div>
+
                        <div></div>
+
                        <div></div>
+
                        <div></div>
+
                    </div>
+
                </div>
+
            </div>
+
        </div>
+
        <!-- ====PRELOADER END==== -->
+
 
          
 
          
        <!-- ====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="index.html">
 
                                <img src="img/logo.svg" alt="theme logo" class="main_logo svg">
 
                            </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="Home" href="index.html">Home</a>
 
                                    <ul class="sub_menu">
 
                                        <li class="waves-effect waves">
 
                                            <a href="index.html">Home page 1</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="index-2.html">Home page 2</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="index-3.html">Home page 3</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="index-4.html">Home page 4</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="index-5.html">Home page 5</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="index-6.html">Home page 6</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="index-7.html">Home page 7</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="index-8.html">Home page 8</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="index-9.html">Home page 9</a>
 
                                        </li>
 
                                    </ul>
 
                                </li>
 
                                <li class="smoth-scroll">
 
                                    <a data-hover="Services" href="#">Services</a>
 
                                </li>
 
                                <li class="smoth-scroll">
 
                                    <a data-hover="ABOUT" href="#">About</a>
 
                                </li>
 
                                <li class="smoth-scroll">
 
                                    <a data-hover="Portfolio" href="protfolio-1.html">Portfolio</a>
 
                                    <ul class="sub_menu">
 
                                        <li class="waves-effect waves">
 
                                            <a href="protfolio-1.html">Protfolio 1</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="protfolio-2.html">Protfolio 2</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="protfolio-3.html">Protfolio 3</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="case_study.html">Case Study</a>
 
                                        </li>
 
                                    </ul>
 
                                </li>
 
                                <li class="smoth-scroll active">
 
                                    <a data-hover="Blog" href="blog_grid.html">Blog</a>
 
                                    <ul class="sub_menu">
 
                                        <li class="waves-effect waves">
 
                                            <a href="blog_grid.html">Blog Grid</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="blog-left_sidebar.html">Blog Left Sidebar</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="blog-right_sidebar.html">Blog Right Sidebar</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="single_blog-full.html">Single Blog Full</a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                          <a href="single_blog-left_sidebar.html">
 
                                                Single Blog Left Sidebar
 
                                            </a>
 
                                        </li>
 
                                        <li class="waves-effect waves">
 
                                            <a href="single_blog-right_sidebar.html">
 
                                                Single Blog Right Sidebar
 
                                            </a>
 
                                        </li>
 
                                    </ul>
 
                                </li>
 
                                <li class="smoth-scroll">
 
                                    <a data-hover="Contact US" href="contact.html">Contact US</a>
 
                                </li>
 
                            </ul>
 
                        </nav>
 
                        <!-- END MENU AREA -->
 
                       
 
                        <!-- Mobile Menu Start -->
 
                        <nav class="mobile_menu hidden">
 
                            <ul>
 
                                <li>
 
                                    <a href="index.html">Home</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>
 
                                    <a href="protfolio-1.html">Portfolio</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>
 
                                    <a href="blog_grid.html">Blog</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>
 
                                    <a href="contact.html">Contact US</a>
 
                                </li>
 
                            </ul>
 
                        </nav>
 
                        <!-- Mobile Menu End -->
 
                    </div>
 
                </div>
 
            </div>
 
        </header>                       
 
        <!-- ====HEADER END==== -->       
 
 
          
 
          
 
         <!-- ====BREADCUM START==== -->  
 
         <!-- ====BREADCUM START==== -->  
Line 314: Line 18:
 
             <div class="container">
 
             <div class="container">
 
                 <div class="row">
 
                 <div class="row">
 +
                  <div class="row">
 
                     <div class="col-sm-12">
 
                     <div class="col-sm-12">
 
                         <div class="banner_title">
 
                         <div class="banner_title">
                             <h1>Single BOLG Right Sidebar</h1>
+
                             <h1 id="back_to_the_top">THE TEAM</h1>
                            <ul>
+
                              
                                <li><a href="#">Home</a></li>
+
                                <li><a href="#">Blog</a></li>
+
                                <li>Single BOLG Right Sidebar</li>
+
                             </ul>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 
                     </div>
 
                     </div>
 
                 </div>     
 
                 </div>     
Line 333: Line 35:
 
             <div class="container">
 
             <div class="container">
 
                 <div class="row">
 
                 <div class="row">
 +
 +
                    <div class="blog_grid_area">
 +
                      <div class="testmonil" >
 +
                                <div class="item">
 +
                                    <i class="fa fa-comments" aria-hidden="true"></i>
 +
                                          <h5>The team</h5>
 +
                                    <h6 class="smallHd">CREATION</h6>
 +
 +
                                    <p>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 a reporter for pollutant detection and quantification. We wanted to take advantage of the multiple schools and activity fields 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 Aeronautics for the drone conception, Computer Science for the drone control systems, 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: <br/> iGEM IONIS.</p>
 +
                                 
 +
                                </div>
 +
                            </div>
 +
 +
                   
 +
 +
</div>
 +
    <section class="blog_area section-padding">
 
                     <div class="blog_grid_area">
 
                     <div class="blog_grid_area">
 
                         <div class="col-xs-12 col-sm-9">
 
                         <div class="col-xs-12 col-sm-9">
 
                             <div class="bloggrid_right">
 
                             <div class="bloggrid_right">
                                 <figure class="postImg waves-effect">
+
                                  
                                    <img src="img/blog_single_img.jpg" alt="">
+
                             
                                </figure>
+
                                    <h2 class="secHd">Our Team Manager</h2>
                                <div class="blog_top">
+
                         
                                    <h4 class="blog_topHd">
+
                        </div>
                                        <a href="single_blog-full.html">10 beautiful place in the world</a>
+
                      </div>
                                    </h4>
+
                    </div>
                                    <ul class="blog_s">
+
                        <div class="col-xs-12 col-sm-6 mb40">
                                        <li>
+
                           
                                            <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a>
+
                                <div class="blog_img waves-effect">
                                        </li>
+
                                      <img src="https://static.igem.org/mediawiki/2016/8/8f/Clement.jpg">
                                        <li>
+
                                            <a href="#">
+
                <i class="fa fa-comments" aria-hidden="true"></i>2
+
            </a>
+
                                        </li>
+
                                    </ul>
+
 
                                 </div>
 
                                 </div>
                                <div class="blog_content">
+
                           
                                     <p>Learn how to improve your playing quality and even overall understanding of online gaming and how you perform while playing online. Gaming online is a huge business nowadays and that means that there are millions of people worldwide at online game sites all the time. Many are people just like you and me that like to play online and have fun doing it. Some of these people enjoy it so much.</p>
+
 
                                     <p>Working on skills will not only help you improve your success while playing online games but will also give you higher self-esteem and a sense of achievement. And remember that the faster you master the easy games, you can turn to the more complicated ones and match your brain and skills against the real experts.</p>
+
                            <div class="blog_cont">
                                     <blockquote>
+
                            <ul class="blog_s">
                                         Learn how to improve your playing quality and even overall understanding of online gaming and how you perform while playing online. Gaming online is a huge business nowadays and that means that there are millions of people worldwide at online game sites all the time
+
                                     <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
                                     </blockquote>
+
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>22 years old</a></li>
                              <p>Gaming online is a huge business nowadays and that means that there are millions of people worldwide at online game sites all the time. Many are people just like you and me that like to play online and have fun doing it. Some of these people enjoy it  are millions of people worldwide so much.
+
                            </ul>
</p>
+
                             
 +
                                <h4>
 +
                                    <a href="https://www.linkedin.com/in/cl%C3%A9ment-lapierre-039802b6?authType=NAME_SEARCH&authToken=JkVF&locale=fr_FR&trk=tyah&trkInfo=clickedVertical%3Amynetwork%2CclickedEntityId%3A414059949%2CauthType%3ANAME_SEARCH%2Cidx%3A1-1-1%2CtarId%3A1471943331530%2Ctas%3Aclem">Clément Lapierre</a>
 +
                                </h4>
 +
                                <p>"At some point, everything's gonna go south on you. Now you can either accept that, or you can get to work. You solve one problem and you solve the next one. And If you solve enough problems, you get to come home." - The Martian (2015)</p>  
 +
<a class="th_bt btn waves-effect waves-light" href="https://www.linkedin.com/in/cl%C3%A9ment-lapierre-039802b6?authType=NAME_SEARCH&authToken=JkVF&locale=fr_FR&trk=tyah&trkInfo=clickedVertical%3Amynetwork%2CclickedEntityId%3A414059949%2CauthType%3ANAME_SEARCH%2Cidx%3A1-1-1%2CtarId%3A1471943331530%2Ctas%3Aclem">LinkedIn</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">
 +
                               
 +
                           
 +
                                     <h2 class="secHd" >
 +
                                         Our Biologists
 +
                                     </h2>
 +
                       
 +
                        </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/0/0a/Ben.jpg" alt="">
 
                                 </div>
 
                                 </div>
                                <div class="share_comment">
+
                            </a>
                                  <h5>
+
                            <div class="blog_cont">
                                        <i class="zmdi zmdi-tag"></i>
+
                                <ul class="blog_s">
                                        <a href="#">World,</a>
+
                                    <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
                                        <a href="#">Place,</a>
+
                                    <li><a href=""><i class="zmdi zmdi-calendar-alt"></i>24 years old</a></li>
                                        <a href="#"> Nature</a>
+
                                </ul>
                                    </h5>
+
                                <h4>
                                    <ul class="share_social">
+
                                    <a >Benjamin Piot</a>
                                      <li>
+
                                </h4>
                                            <a href="#!">
+
                                <p>“You never know how strong you are until being strong is the only choice you have” - Bob Marley</p>
                                                <i class="zmdi zmdi-facebook waves-effect"></i>
+
                                <a class="th_bt btn waves-effect waves-light" href="https://www.linkedin.com/in/benjamin-piot-292477b8?authType=NAME_SEARCH&authToken=-Xy9&locale=fr_FR&trk=tyah&trkInfo=clickedVertical%3Amynetwork%2CentityType%3AentityHistoryName%2CclickedEntityId%3Amynetwork_419190734%2Cidx%3A0https://www.linkedin.com/in/benjamin-piot-292477b8?authType=NAME_SEARCH&authToken=-Xy9&locale=fr_FR&trk=tyah&trkInfo=clickedVertical%3Amynetwork%2CentityType%3AentityHistoryName%2CclickedEntityId%3Amynetwork_419190734%2Cidx%3A0">LinkedIn</a>
                                            </a>
+
                            </div>
                                        </li>  
+
                        </div>
                                      <li>
+
                        <div class="col-xs-12 col-sm-6 mb40">
                                          <a href="#!">
+
                          <a href="single_blog-full.html">
                                              <i class="zmdi zmdi-twitter waves-effect"></i>
+
                                <div class="blog_img waves-effect">
                                            </a>
+
                                    <img src="https://static.igem.org/mediawiki/2016/2/2c/Camille.jpg" alt="">
                                        </li>  
+
                                      <li>
+
                                          <a href="#!">
+
                                              <i class="zmdi zmdi-linkedin waves-effect"></i>
+
                                            </a>
+
                                        </li>  
+
                                      <li>
+
                                            <a href="#!">
+
                                              <i class="zmdi zmdi-google waves-effect"></i>
+
                                            </a>
+
                                        </li>  
+
                                      <li>
+
                                          <a href="#!">
+
                                              <i class="zmdi zmdi-pinterest waves-effect"></i>
+
                                            </a>
+
                                        </li>
+
                                    </ul>
+
 
                                 </div>
 
                                 </div>
                                <div class="about_auther">
+
                            </a>
                                    <div class="auther">
+
                            <div class="blog_cont">
                                        <img src="img/comment_1.jpg" alt="" />
+
                                <ul class="blog_s">
                                    </div>
+
                                    <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
                                     <div class="auther_details">
+
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>24 years old</a></li>
                                        <h5><a href="#">Nadia Afnan</a></h5>
+
                                </ul>
                                        <p>Many are people just like you and me that like to play online and have fun doing it. Some of these people enjoy it so much. Working on skills will not only help you improve your success while playing online .</p>
+
                                <h4>
                                    </div>
+
                                    <a href="single_blog-full.html">Camille Soucies</a>
 +
                                </h4>
 +
                                <p>"I have not failed. I've successfully discovered 10,000 things that won't work." -Thomas Edison</p>
 +
                                <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
 +
">LinkedIn</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/2/2f/Celia.jpg" alt="">
 
                                 </div>
 
                                 </div>
                                <div class="related_post">
+
                            </a>
                                    <div class="row">
+
                            <div class="blog_cont">
                                        <div class="col-xs-12">
+
                                <ul class="blog_s">
                                            <h3>Related post</h3>
+
                                    <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
                                        </div>
+
                                    <li><a href=""><i class="zmdi zmdi-calendar-alt"></i>21 years old</a></li>
                                        <div class="related_post_top clearfix">
+
                                </ul>
                                            <div class="col-md-6">
+
                                <h4>
                                                <a href="single_blog-full.html">
+
                                    <a href="single_blog-full.html">Célia Chenebault</a>
                                                    <figure class="postImg waves-effect">
+
                                </h4>
                                                        <img src="img/full_single_blog1.jpg" alt="">
+
                                <p>Today's science fiction is tomorrow's science fact</p>
                                                    </figure>
+
                                <a class="th_bt btn waves-effect waves-light" href="https://www.linkedin.com/in/c%C3%A9lia-chenebault-95317ab8?authType=NAME_SEARCH&authToken=LkS_&locale=fr_FR&trk=tyah&trkInfo=clickedVertical%3Amynetwork%2CclickedEntityId%3A418450383%2CauthType%3ANAME_SEARCH%2Cidx%3A1-1-1%2CtarId%3A1471944396861%2Ctas%3Ac%C3%A9li">LinkedIn</a>
                                                </a>
+
                            </div>
                                                <div class="blog_heading">
+
                        </div>
                                                    <h4>
+
<div class="col-xs-12 col-sm-6 mb40">
                                                      <a href="single_blog-full.html">
+
                            <a href="single_blog-full.html">
                                                            World longest sea beach
+
                                <div class="blog_img waves-effect">
                                                        </a>
+
                                    <img src="https://static.igem.org/mediawiki/2016/3/37/Viktor.jpg" alt="">
                                                    </h4>
+
                                                    <ul class="blog_s">
+
                                                        <li>
+
                                                            <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a>
+
                                                        </li>
+
                                                        <li>
+
                                                            <a href="#">
+
                                <i class="fa fa-comments" aria-hidden="true"></i>2
+
                            </a>
+
                                                        </li>
+
                                                    </ul>
+
                                                </div>  
+
                                            </div>
+
                                            <div class="col-md-6">
+
                                              <a href="single_blog-full.html">
+
                                                    <figure class="postImg waves-effect">
+
                                                        <img src="img/full_single_blog2.jpg" alt="">
+
                                                    </figure>
+
                                                </a>
+
                                                <div class="blog_heading">
+
                                                    <h4>
+
                                                        <a href="single_blog-full.html">
+
                                                            World most populated cities 
+
                                                        </a>
+
                                                    </h4>
+
                                                    <ul class="blog_s">
+
                                                        <li>
+
                                                            <a href="#">
+
                                                                <i class="zmdi zmdi-calendar-alt"></i>
+
                                                                June 18,2015
+
                                                            </a>
+
                                                        </li>
+
                                                        <li>
+
                                                            <a href="#">
+
                                <i class="fa fa-comments" aria-hidden="true"></i>2
+
                            </a>
+
                                                        </li>
+
                                                    </ul>
+
                                                </div> 
+
                                            </div>
+
                                        </div>
+
                                    </div>
+
 
                                 </div>
 
                                 </div>
                                <div class="comment_area">
+
                            </a>
                                    <div class="row">
+
                            <div class="blog_cont">
                                        <div class="col-md-12">
+
                                <ul class="blog_s">
                                            <h3>Comments (3)</h3>
+
                                    <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
                                            <div class="comment">
+
                                    <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>26 years old</a></li>
                                                <div class="commenter">
+
                                </ul>
                                                    <img src="img/comment_2.jpg" alt="" />
+
                                <h4>
                                                </div>
+
                                    <a href="single_blog-full.html">Victor Plet</a>
                                                <div class="about_commenter">
+
                                </h4>
                                                  <h5><a href="#">Faridul Haque</a></h5>
+
                                <p>""Impossible" is not a scientific term" -Vanna Bonta</p>
                                                  <h6>18 Hours ago</h6>
+
                                <a class="th_bt btn waves-effect waves-light" href="https://www.linkedin.com/in/victor-plet-153913b8">LinkedIn</a>
                                                    <p>Many are people just like you and me that like to play online and have fun doing it. Some of these people enjoy it so much.</p>
+
                            </div>
                                                    <a href="#">Reply</a>
+
                        </div>
                                                </div>
+
 
                                            </div>
+
                <div class="col-xs-12 col-sm-6 mb40">
                                        </div>
+
                            <a href="single_blog-full.html">
                                        <div class="col-md-12">
+
                                <div class="blog_img waves-effect">
                                            <div class="comment">
+
                                    <img src="https://static.igem.org/mediawiki/2016/8/89/Damien.jpg" alt="">
                                                <div class="commenter">
+
                                                    <img src="img/comment_2.jpg" alt="" />
+
                                                </div>
+
                                                <div class="about_commenter">
+
                                                  <h5><a href="#">Faridul Haque</a></h5>
+
                                                  <h6>18 Hours ago</h6>
+
                                                    <p>Many are people just like you and me that like to play online and have fun doing it. Some of these people enjoy it so much.</p>
+
                                                    <a href="#">Reply</a>
+
                                                </div>
+
                                            </div>
+
                                        </div>
+
                                        <div class="col-md-12">
+
                                            <div class="comment">
+
                                                <div class="commenter">
+
                                                    <img src="img/comment_2.jpg" alt="" />
+
                                                </div>
+
                                                <div class="about_commenter">
+
                                                  <h5><a href="#">Faridul Haque</a></h5>
+
                                                  <h6>18 Hours ago</h6>
+
                                                    <p>Many are people just like you and me that like to play online and have fun doing it. Some of these people enjoy it so much.</p>
+
                                                    <a href="#">Reply</a>
+
                                                </div> 
+
                                            </div>
+
                                        </div>
+
                                    </div>
+
 
                                 </div>
 
                                 </div>
                                <div class="leave_comment">
+
                            </a>
                                    <div class="row">
+
                            <div class="blog_cont">
                                        <div class="col-xs-12">
+
                                <ul class="blog_s">
                                          <h3>LEAVE A COMMENT</h3>
+
                                     <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
                                        </div>
+
                                    <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>24 years old</a></li>
                                     </div>
+
                                </ul>
                                    <form action="index.html" method="get">
+
                                <h4>
                                        <div class="row jsSubmit_button">
+
                                    <a href="single_blog-full.html">Damien Lassalle</a>
                                            <div class="input-field col-md-4">
+
                                </h4>
                                                <input id="contact_name" type="text" class="validate" required>
+
                                <p>"Your time is limited so don't waste it living someone else's life"-Steve Jobs</p>
                                                <label for="contact_name">
+
                                <a class="th_bt btn waves-effect waves-light" href=" https://www.linkedin.com/in/damien-lassalle-44336793?authType=NAME_SEARCH&authToken=gCAu&locale=fr_FR&trk=tyah&trkInfo=clickedVertical%3Amynetwork%2CclickedEntityId%3A332327859%2CauthType%3ANAME_SEARCH%2Cidx%3A1-1-1%2CtarId%3A1471945314093%2Ctas%3Ada">LinkedIn</a>
                                                    <i class="zmdi zmdi-account"></i>First Name
+
                            </div>
                                                    <span>*</span>
+
                        </div>
                                                </label>
+
  <section class="blog_area section-padding">
                                            </div>
+
                    <div class="blog_grid_area">
                                            <div class="input-field col-md-4">
+
                        <div class="col-xs-12 col-sm-9">
                                                <input id="contact_email" type="email" class="validate" required>
+
                            <div class="bloggrid_right">
                                                    <label for="contact_email"><i class="zmdi zmdi-email"></i>Your Email
+
                               
                                                    <span>*</span>
+
                     
                                                </label>
+
                                    <h2 class="secHd">
                                            </div>
+
                                        Our Marketing team
                                            <div class="input-field col-md-4">
+
                                    </h2>
                                                <input id="website" type="text" class="validate" required>
+
                   
                                                    <label for="website"><i class="zmdi zmdi-globe"></i>Your website
+
                        </div>
                                                    <span>*</span>
+
                      </div>
                                                </label>
+
                    </div>
                                            </div>
+
                                            <div class="input-field col-md-12">
+
                                                <textarea id="textarea1" class="materialize-textarea" required></textarea>
+
                                                <label for="textarea1"><i class="zmdi zmdi-border-color"></i>Your massage
+
                                                    <span>*</span>
+
                                                </label>
+
  
                                            </div>
+
                        <div class="col-xs-12 col-sm-6 mb40">
                                            <div class="col-md-12">
+
                            <a href="single_blog-full.html">
                                                <button type="submit" class="th_bt btn waves-effect" disabled>
+
                                <div class="blog_img waves-effect">
                                                    send<i class="zmdi zmdi-mail-send"></i>
+
                                    <img src="https://static.igem.org/mediawiki/2016/2/29/Jess.jpg" alt="">
                                                </button>
+
                                            </div>
+
                                        </div>
+
                                    </form>
+
 
                                 </div>
 
                                 </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">Jessica Matias</a>
 +
                                </h4>
 +
                                <p>"True friendship doesn't mean being inseparable; it means being separated and nothing changes."- Wayne Dyer</p>
 +
<a class="th_bt btn waves-effect waves-light" href="Sup’Biotech, 5th year, Specialty Cosmetology https://www.linkedin.com/in/alexandredollet?authType=NAME_SEARCH&authToken=yKBI&locale=fr_FR&trk=tyah&trkInfo=clickedVertical%3Amynetwork%2CclickedEntityId%3A379599953%2CauthType%3ANAME_SEARCH%2Cidx%3A1-2-2%2CtarId%3A1471945135642%2Ctas%3Aale">LinkedIn</a>
 +
                               
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
                        <aside class="col-xs-12 col-sm-3 right_sidebar_area">
+
            <div class="col-xs-12 col-sm-6 mb40">
                             <div class="blog_search">
+
                             <a href="single_blog-full.html">
                                 <h4 class="sidebar_Hd">Search</h4>                               
+
                                 <div class="blog_img waves-effect">
                                <form action="index.html" method="get">                              
+
                                    <img src="https://static.igem.org/mediawiki/2016/8/8d/Antho.jpg" alt="">
                                    <div class="input-field">
+
                                </div>
                                        <input id="search_box" type="text" class="validate" required>
+
                            </a>
                                        <label for="search_box">
+
                            <div class="blog_cont">
                                            Enter your keyword....
+
                                <ul class="blog_s">
                                        </label>
+
                                    <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
                                        <button type="submit" class="th_bt btn waves-effect">
+
                                    <li><a href=""><i class="zmdi zmdi-calendar-alt"></i>22 years old</a></li>
                                            <i class="zmdi zmdi-search"></i>
+
                                </ul>
                                        </button>
+
 
                                     </div>
+
                                <h4>
                                 </form>
+
                                     <a href="single_blog-full.html">Anthony Renodon</a>
 +
                                 </h4>
 +
                                <p>"Dreams mean work" - Paulo Coelho</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="https://www.linkedin.com/in/anthony-renodon-72323bb1?authType=NAME_SEARCH&authToken=SwMs&locale=fr_FR&trk=tyah&trkInfo=clickedVertical%3Amynetwork%2CclickedEntityId%3A397715787%2CauthType%3ANAME_SEARCH%2Cidx%3A1-1-1%2CtarId%3A1471945376347%2Ctas%3Aanth">LinkedIn</a>
 
                             </div>
 
                             </div>
                            <div class="sidebarBlog_list mb80">  
+
                        </div>
                                <h4 class="sidebar_Hd">Categories</h4>
+
                  <div class="col-xs-12 col-sm-6 mb40">
                                <ul class="sidebarList">
+
                            <a href="single_blog-full.html">
                                    <li>
+
                                <div class="blog_img waves-effect">
                                        <a href="#">
+
                                     <img src="https://static.igem.org/mediawiki/2016/d/d5/T--Ionis_Paris--Team_Alex.png" alt="">
                                            <span>Graphic Design</span>
+
                                </div>
                                            <span class="list_right">(7)</span>
+
                            </a>
                                        </a>
+
                            <div class="blog_cont">
                                     </li>
+
                                <ul class="blog_s">
                                    <li>
+
                                     <li><a href="http://www.ionis-stm.com/"><i class="zmdi zmdi-account"></i>Ionis-STM</a></li>
                                        <a href="#">
+
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>22 years old</a></li>
                                            <span>News </span>
+
                                            <span class="list_right">(15)</span>
+
                                        </a>
+
                                    </li>
+
                                    <li>
+
                                        <a href="#">
+
                                            <span>Web Design</span>
+
                                            <span class="list_right">(10)</span>
+
                                        </a>
+
                                    </li>
+
                                    <li>
+
                                        <a href="#">
+
                                            <span>Trending</span>
+
                                            <span class="list_right">(71)</span>
+
                                        </a>
+
                                     </li>
+
                                    <li>
+
                                        <a href="#">
+
                                            <span>Technology</span>
+
                                            <span class="list_right">(14)</span>
+
                                        </a>
+
                                    </li>
+
                                     <li>
+
                                        <a href="#">
+
                                            <span>Uncategorized </span>
+
                                            <span class="list_right">(147)</span>
+
                                        </a>
+
                                    </li>
+
 
                                 </ul>
 
                                 </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Alexandre Dollet</a>
 +
                                </h4>
 +
                                <p>"Start where you are. Use what you have. Do what you can."-Arthur Ashe</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="https://www.linkedin.com/in/alexandredollet">LinkedIn</a>
 
                             </div>
 
                             </div>
                            <div class="sidebarPost_list mb80">
+
                        </div>
                                <ul class="tab_menu" role="tablist">
+
<section class="blog_area section-padding">
                                    <li class="active waves-effect">
+
                    <div class="blog_grid_area">
                                        <a href="#recent_post" data-toggle="tab">Recent Post</a>
+
                        <div class="col-xs-12 col-sm-9">
                                    </li>
+
                            <div class="bloggrid_right">
                                    <li class="waves-effect">
+
                               
                                        <a href="#popular_post" data-toggle="tab">Popular Post</a>
+
                                <div class="blog_top" >
                                    </li>
+
                                    <h2 class="secHd">
                                </ul>
+
                                        Our Graphic Designer
                                <!-- Tab panes -->
+
                                    </h2>
                                <div class="tab-content">
+
                          </div>
                                    <div role="tabpanel" class="tab-pane active fade in" id="recent_post">
+
                        </div>
                                        <div class="post_list">
+
                      </div>
                                            <figure class="post_listImg">
+
                    </div>
                                                <a href="blog_grid.html">
+
                        <div class="col-xs-12 col-sm-6 mb40">
                                                    <img src="img/blog_list_1.jpg" alt="">
+
                            <a href="single_blog-full.html">
                                                </a>
+
                                <div class="blog_img waves-effect">
                                            </figure>
+
                                    <img src="https://static.igem.org/mediawiki/2016/d/d5/Alexandra.jpg" alt="">
                                            <div class="post_text">
+
                                                <ul class="blog_s">
+
                                                    <li>
+
                                                        <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a>
+
                                                    </li>
+
                                                    <li>
+
                                                        <a href="#">
+
                                                            <i class="fa fa-comments" aria-hidden="true"></i>2
+
                                                        </a>
+
                                                    </li>
+
                                                </ul>
+
                                                <h4><a href="#">How you can be a super creative</a></h4>
+
                                            </div>
+
                                        </div>
+
                                        <div class="post_list">
+
                                            <figure class="post_listImg">
+
                                                <a href="blog_grid.html">
+
                                                    <img src="img/blog_list_2.jpg" alt="">
+
                                                </a>
+
                                            </figure>
+
                                            <div class="post_text">
+
                                                <ul class="blog_s">
+
                                                    <li>
+
                                                        <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a>
+
                                                    </li>
+
                                                    <li>
+
                                                        <a href="#">
+
                                                            <i class="fa fa-comments" aria-hidden="true"></i>2
+
                                                        </a>
+
                                                    </li>
+
                                                </ul>
+
                                                <h4><a href="#">World best photographer and photography</a></h4>
+
                                            </div>
+
                                        </div>
+
                                        <div class="post_list">
+
                                            <figure class="post_listImg">
+
                                                <a href="blog_grid.html">
+
                                                    <img src="img/blog_list_3.jpg" alt="">
+
                                                </a>
+
                                            </figure>
+
                                            <div class="post_text">
+
                                                <ul class="blog_s">
+
                                                    <li>
+
                                                        <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a>
+
                                                    </li>
+
                                                    <li>
+
                                                        <a href="#">
+
                                                            <i class="fa fa-comments" aria-hidden="true"></i>2
+
                                                        </a>
+
                                                    </li>
+
                                                </ul>
+
                                                <h4><a href="#">Creative and impressive building</a></h4>
+
                                            </div>
+
                                        </div>
+
                                    </div>
+
                                    <div role="tabpanel" class="tab-pane fade" id="popular_post">
+
                                        <div class="post_list">
+
                                            <figure class="post_listImg">
+
                                                <a href="blog_grid.html">
+
                                                    <img src="img/blog_list_1.jpg" alt="">
+
                                                </a>
+
                                            </figure>
+
                                            <div class="post_text">
+
                                                <ul class="blog_s">
+
                                                    <li>
+
                                                        <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a>
+
                                                    </li>
+
                                                    <li>
+
                                                        <a href="#">
+
                                                            <i class="fa fa-comments" aria-hidden="true"></i>2
+
                                                        </a>
+
                                                    </li>
+
                                                </ul>
+
                                                <h4><a href="#">Creative and impressive building</a></h4>
+
                                            </div>
+
                                        </div>
+
                                        <div class="post_list">
+
                                            <figure class="post_listImg">
+
                                                <a href="blog_grid.html">
+
                                                    <img src="img/blog_list_2.jpg" alt="">
+
                                                </a>
+
                                            </figure>
+
                                            <div class="post_text">
+
                                                <ul class="blog_s">
+
                                                    <li>
+
                                                        <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a>
+
                                                    </li>
+
                                                    <li>
+
                                                        <a href="#">
+
                                                            <i class="fa fa-comments" aria-hidden="true"></i>2
+
                                                        </a>
+
                                                    </li>
+
                                                </ul>
+
                                                <h4><a href="#">How you can be a super creative</a></h4>
+
                                            </div>
+
                                        </div>
+
                                        <div class="post_list">
+
                                            <figure class="post_listImg">
+
                                                <a href="blog_grid.html">
+
                                                    <img src="img/blog_list_3.jpg" alt="">
+
                                                </a>
+
                                            </figure>
+
                                            <div class="post_text">
+
                                                <ul class="blog_s">
+
                                                    <li>
+
                                                        <a href="#">
+
                                                            <i class="zmdi zmdi-calendar-alt"></i>June 18,2015
+
                                                        </a>
+
                                                    </li>
+
                                                    <li>
+
                                                        <a href="#">
+
                                                            <i class="fa fa-comments" aria-hidden="true"></i>2
+
                                                        </a>
+
                                                    </li>
+
                                                </ul>
+
                                                <h4><a href="#">World best photographer and photography</a></h4>
+
                                            </div>
+
                                        </div>
+
                                    </div>
+
 
                                 </div>
 
                                 </div>
 +
                            </a>
 +
                            <div class="blog_cont">
 +
                                <ul class="blog_s">
 +
                                    <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>
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Alexandra Momal</a>
 +
                                </h4>
 +
                                <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=" https://www.linkedin.com/in/alexandra-momal-857855a3?authType=NAME_SEARCH&authToken=M0q_&locale=fr_FR&trk=tyah&trkInfo=clickedVertical%3Amynetwork%2CclickedEntityId%3A369380227%2CauthType%3ANAME_SEARCH%2Cidx%3A1-1-1%2CtarId%3A1471953063930%2Ctas%3Aalexandra%20momal">LinkedIn</a>
 
                             </div>
 
                             </div>
                            <div class="sidebar_archives_list mb80">  
+
  </div>
                                <h4 class="sidebar_Hd">Archives</h4>
+
   
                                <ul class="sidebarList">
+
            <section class="blog_area section-padding">
                                    <li>
+
                    <div class="blog_grid_area">
                                        <a href="#">
+
                        <div class="col-xs-12 col-sm-9">
                                            <span>March 2016</span>
+
                            <div class="bloggrid_right">
                                            <span class="list_right">(10)</span>
+
                               
                                         </a>
+
                                <div class="blog_top">
                                    </li>
+
                                    <h2 class="secHd">
                                    <li>
+
                                         Our Human Practice man
                                        <a href="#">
+
                                    </h2>
                                            <span>February 2016</span>
+
                          </div>
                                            <span class="list_right">(3)</span>
+
                        </div>
                                        </a>
+
                      </div>
                                    </li>
+
                    </div>
                                     <li>
+
                      <div class="col-xs-12 col-sm-6 mb40">
                                        <a href="#">
+
                            <a href="single_blog-full.html">
                                            <span>January 2016</span>
+
                                <div class="blog_img waves-effect">
                                            <span class="list_right">(15)</span>
+
                                     <img src="https://static.igem.org/mediawiki/2016/9/90/Thomas_jasseir.jpg" alt="">
                                        </a>
+
                                </div>
                                    </li>
+
                            </a>
                                    <li>
+
                            <div class="blog_cont">
                                        <a href="#">
+
                                <ul class="blog_s">
                                            <span>December 2016</span>
+
                                     <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
                                            <span class="list_right">(20)</span>
+
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>25 years old</a></li>
                                        </a>
+
                                     </li>
+
                                    <li>
+
                                        <a href="#">
+
                                            <span>November 2016</span>
+
                                            <span class="list_right">(27)</span>
+
                                        </a>
+
                                    </li>
+
                                     <li>
+
                                        <a href="#">
+
                                            <span>March 2015</span>
+
                                            <span class="list_right">(47)</span>
+
                                        </a>
+
                                    </li>
+
 
                                 </ul>
 
                                 </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Thomas Jaisser</a>
 +
                                </h4>
 +
                                <p>"Do something. If it works, do more of it. If it doesn't, do something else."-Franklin D. Roosevelt</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="https://www.linkedin.com/in/thomas-jaisser-3a931677?authType=NAME_SEARCH&authToken=98Id&locale=fr_FR&trk=tyah&trkInfo=clickedVertical%3Amynetwork%2CclickedEntityId%3A272502705%2CauthType%3ANAME_SEARCH%2Cidx%3A1-1-1%2CtarId%3A1471946747144%2Ctas%3Ajaiss">LinkedIn</a>
 
                             </div>
 
                             </div>
                            <div class="sidebar_tag">
+
                        </div>
                                <h4 class="sidebar_Hd">tags</h4>
+
<section class="blog_area section-padding">
                                <div class="tag_list">
+
                    <div class="blog_grid_area">
                                    <a class="btn waves-effect" href="#!">creative</a>
+
                        <div class="col-xs-12 col-sm-9">
                                     <a class="btn waves-effect" href="#!">Web design</a>
+
                            <div class="bloggrid_right">
                                    <a class="btn waves-effect" href="#!">Photography</a>
+
                               
                                    <a class="btn waves-effect" href="#">Graphic</a>
+
                       
                                    <a class="btn waves-effect" href="#!">Ui/UX</a>
+
                                     <h2 class="secHd" >
                                    <a class="btn waves-effect" href="#!">Material Design</a>
+
                                        Our Computer Engineering team
                                     <a class="btn waves-effect" href="#!">Animation</a>
+
                                    </h2>
 +
                       
 +
                        </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/c/cb/Paul_louis.jpg" alt="">
 
                                 </div>
 
                                 </div>
 +
                            </a>
 +
                            <div class="blog_cont">
 +
                                <ul class="blog_s">
 +
                                    <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>22 years old</a></li>
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Paul-Louis</a>
 +
                                </h4>
 +
                                <p>"Learn from yesterday, live for today, hope for tomorrow. The important thing is not to stop questioning." Albert Einstein</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href=" https://www.linkedin.com/in/plnech?authType=NAME_SEARCH&authToken=du-4&locale=fr_FR&trk=tyah&trkInfo=clickedVertical%3Amynetwork%2CclickedEntityId%3A147892334%2CauthType%3ANAME_SEARCH%2Cidx%3A1-1-1%2CtarId%3A1471953444777%2Ctas%3Anech">LinkedIn</a>
 
                             </div>
 
                             </div>
                         </aside>
+
                         </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/e/e1/IONIS_IGEM_paris_raphael.jpg" alt="">
 +
                                </div>
 +
                            </a>
 +
                            <div class="blog_cont">
 +
                                <ul class="blog_s">
 +
                                    <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>June 18,2015</a></li>
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Raphael</a>
 +
                                </h4>
 +
                                <p>"You live and learn. At any rate, you live" -Douglas Adams</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">LinkedIn</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">
 +
                               
 +
                   
 +
                                    <h2 class="secHd" >Our Aeronautic Engineer</h2>
 +
         
 +
                        </div>
 +
                      </div>
 
                     </div>
 
                     </div>
                </div>
+
                        <div class="col-xs-12 col-sm-6 mb40">
            </div>
+
                            <a href="single_blog-full.html">
        </section>
+
                                <div class="blog_img waves-effect">
        <!-- ====END BLOG TABLE==== -->
+
                                    <img src="https://static.igem.org/mediawiki/2016/1/1b/Pierre.jpg" alt="">
       
+
                                 </div>
        <!-- ====START SOCIAL Link==== -->
+
        <div class="footer_social">
+
            <div class="container-fluid">
+
                <div class="row">
+
                    <ul class="ft_top clearfix">
+
                        <li class="waves-effect waves-light">
+
                            <a href="#" target="_blank">
+
                                 <i class="zmdi zmdi-facebook "></i>Facebook
+
 
                             </a>
 
                             </a>
                        </li>  
+
                            <div class="blog_cont">
                        <li class="waves-effect waves-light">
+
                                <ul class="blog_s">
                             <a href="#" target="_blank">
+
                                    <li><a href="http://www.ipsa.fr/?xtor=SEC-694&gclid=Cj0KEQjw4MK_BRC1n6KTtezikbIBEiQA872hYQAsN-ORqGG3TVEPrg15kztBmgKuMWPts4QLZcWudOwaArNe8P8HAQ"><i class="zmdi zmdi-account"></i>IPSA</a></li>
                                 <i class="zmdi zmdi-twitter"></i>Twitter
+
                                    <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>20 years old</a></li>
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Pierre</a>
 +
                                </h4>
 +
                                <p>"Every obstacle yields to stern resolve. He who is fixed to a star does not change his mind."-Leonard de Vinci.</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">LinkedIn</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">
 +
                                  
 +
                         
 +
                                    <h2 class="secHd" >
 +
                                        Our PI and Advisors
 +
                                    </h2>
 +
               
 +
                        </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/2/27/Franck.jpg" alt="">
 +
                                </div>
 
                             </a>
 
                             </a>
                        </li>  
+
                            <div class="blog_cont">
                        <li class="waves-effect waves-light">
+
                                <ul class="blog_s">
                             <a href="#" target="_blank">
+
                                    <li><a href=""><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
                                 <i class="zmdi zmdi-flickr"></i>Flickr
+
                               
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Frank Yates</a>
 +
                                </h4>
 +
                                <p>Researcher and Primary PI</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">LinkedIn</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/e/e2/T--Ionis_Paris--Team_Mogensen.png" alt="">
 +
                                </div>
 
                             </a>
 
                             </a>
                        </li>  
+
                            <div class="blog_cont">
                        <li class="waves-effect waves-light">
+
                                <ul class="blog_s">
                             <a href="#" target="_blank">
+
                                    <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
                                 <i class="zmdi zmdi-linkedin"></i>LinkedIn
+
                                 
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Estelle Mogensen</a>
 +
                                </h4>
 +
                                <p>Laboratory director and Secondary PI</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">LinkedIn</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/b/b9/IONIS_IGEM_advisor_alexandre.jpg" alt="">
 +
                                </div>
 
                             </a>
 
                             </a>
                        </li>  
+
                            <div class="blog_cont">
                        <li class="waves-effect waves-light">
+
                                <ul class="blog_s">
                             <a href="#" target="_blank">
+
                                    <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
                                 <i class="zmdi zmdi-dribbble"></i>Dribble
+
                                   
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Alexandre Ismail </a>
 +
                                </h4>
 +
                                <p>Professor at Sup'Biotech</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">LinkedIn</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/d/dc/Samuel_juillot.jpg" alt="">
 +
                                </div>
 
                             </a>
 
                             </a>
                        </li>  
+
                            <div class="blog_cont">
                        <li class="waves-effect waves-light">
+
                                <ul class="blog_s">
                             <a href="#" target="_blank">
+
                                    <li><a href="http://www.glowee.fr/"><i class="zmdi zmdi-account"></i>Glowee</a></li>
                                 <i class="zmdi zmdi-vimeo"></i>Vimeo
+
                                   
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Samuel Juillot </a>
 +
                                </h4>
 +
                                <p>Professor at Sup'Biotech</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedin</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/e/e4/IONIS_IGEM_advisor_matthieu.jpg" alt="">
 +
                                </div>
 
                             </a>
 
                             </a>
                         </li>  
+
                            <div class="blog_cont">
                    </ul>
+
                                <ul class="blog_s">
 +
                                    <li><a href="http://www.supbiotech.fr/"><i class="zmdi zmdi-account"></i>Sup'Biotech</a></li>
 +
                                   
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Matthieu Da Costa</a>
 +
                                </h4>
 +
                                <p>Team manager of the iGEM IONIS 2015 Team <br/> "Beware of false knowledge; it is more dangerous than ignorance." - George Bernard Shaw</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">LinkedIn</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/4/48/IONIS_IGEM_advisor_guillaume.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>
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Guillaume Mercy</a>
 +
                                </h4>
 +
                                <p>Professor at Sup'Biotech</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">LinkedIn</a>
 +
                            </div>
 +
                        </div>
 +
                 
 +
                       
 +
                    </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
         </div>
+
         </section>
         <!-- ====END FOOTER TOP==== -->
+
         <!-- ====END BLOG TABLE==== -->
 
          
 
          
         <!-- ====START FOOTER AREA==== -->
+
 
        <footer class="footer_area">
+
  <!-- ====START SOCIAL Link==== -->
            <div class="footer_middle">
+
    <div class="footer_social">
                <div class="container">
+
         <div class="container-fluid">
                    <div class="row">
+
            <div class="row">
                        <div class="col-xs-12">
+
                <ul class="ft_top clearfix">
                            <div class="scroll_area">
+
                    <li class="waves-effect waves-light">
 +
                        <a href="https://www.facebook.com/ionisigem/?fref=ts" target="_blank">
 +
                            <i class="zmdi zmdi-facebook "></i>Facebook
 +
                        </a>
 +
                    </li>
 +
                    <li class="waves-effect waves-light">
 +
                        <a href="https://twitter.com/igem_ionis" target="_blank">
 +
                            <i class="zmdi zmdi-twitter"></i>Twitter
 +
                        </a>
 +
                    </li>
 +
                    <li class="waves-effect waves-light">
 +
                        <a href="https://www.youtube.com/channel/UC0RyQsB5YpweSRBYQlAdZDA" target="_blank">
 +
                            <i class="zmdi zmdi-youtube"></i>YouTube
 +
                        </a>
 +
                    </li>
 +
                    <li class="waves-effect waves-light">
 +
                        <a href="https://www.linkedin.com/company/igem-ionis" target="_blank">
 +
                            <i class="zmdi zmdi-linkedin"></i>LinkedIn
 +
                        </a>
 +
                    </li>
 +
 
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <!-- ====END FOOTER TOP==== -->
 +
 
 +
    <!-- ====START FOOTER AREA==== -->
 +
    <footer class="footer_area">
 +
        <div class="footer_middle">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-xs-12">
 +
                        <div class="scroll_area">
 +
                            <div class="sroll_top">
 +
                                <a href="#ancre"> <i class="zmdi zmdi-chevron-up btn waves-effect"> </i> </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 +
                </div>
 +
                <div class="row">
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-lg-5 col-md-5 col-sm-12">
 
                         <div class="col-lg-5 col-md-5 col-sm-12">
 
                             <div class="middle_content">
 
                             <div class="middle_content">
                                 <h4>More about us</h4>
+
                                 <h4>iGEM IONIS</h4>
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place. You’re going to need to make sure your pages are optimized properly. This will ensure you get your page ranked high in the search engines. ou’re going to need to make sure your pages are optimized properly.
+
                                 <p> We're a group of six different schools from the IONIS Education Group. For this
            Read More</p>
+
                                    competition we wanted to take advantage of the multiple schools and fields of activity
                              <a href="#">Read More</a>
+
                                    given by the IONIS education group to create a solid project.</p>
 +
                                <a href="https://2016.igem.org/Team:Ionis_Paris/Team">Read More</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 +
 
                         <div class="col-lg-3 col-lg-offset-1 col-md-4 col-sm-7">
 
                         <div class="col-lg-3 col-lg-offset-1 col-md-4 col-sm-7">
 
                             <div class="footer_Widgets">
 
                             <div class="footer_Widgets">
Line 876: Line 597:
 
                                     <ul>
 
                                     <ul>
 
                                         <li><i class="zmdi zmdi-pin"></i>
 
                                         <li><i class="zmdi zmdi-pin"></i>
                                             <span>Location: Lorance Road 542B,5248 MT, Wordwide Country</span>
+
                                             <span>Location: 66 Rue Guy Môquet, 94800 Villejuif, France</span>
                                        </li>
+
                                        <li><i class="zmdi zmdi-phone"></i>
+
                                            <a href="tel:123-456-7890">Phone: 123-456-7890</a>
+
 
                                         </li>
 
                                         </li>
 +
 
                                         <li><i class="zmdi zmdi-email"></i>
 
                                         <li><i class="zmdi zmdi-email"></i>
                                             <a href="mailto:contact@domain.com">email: contact@domain.com</a>
+
                                             <a href="mailto:igem.ionis@gmail.com">email: igem.ionis@gmail.com</a>
                                        </li>
+
                                        <li><i class="zmdi zmdi-globe"></i>
+
                                            <a href="#">www.domain.com</a>
+
 
                                         </li>
 
                                         </li>
 +
 
                                     </ul>
 
                                     </ul>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
                        <div class="col-lg-3 col-md-3 col-sm-5">
+
                    <div class="col-lg-3 col-md-3 col-sm-5">
 
                             <div class="footer_Widgets">
 
                             <div class="footer_Widgets">
                                 <h4>Galleries</h4>
+
                                 <h4>Download the app</h4>
                                 <figure class="widget_gallery">
+
                                 <a href="https://itunes.apple.com/us/app/quantifly/id1166875690?ls=1&mt=8"
                                    <div class="RXcircleEffect"></div>
+
                                  target="_blank" style="target-new: tab;">
                                    <img src="img/gallery_1.jpg" alt="" />
+
                                    <figure class="widget_gallery">
                                    <figcaption>
+
                                        <div class="RXcircleEffect"></div>
                                         <a class="veno vbox-item" href="img/gallery_1.jpg" data-gall="group_4">
+
                                        <img src="https://static.igem.org/mediawiki/2016/8/8d/IONIS_IGEM_paris_logo_apple.png"
 +
                                            alt="" />
 +
                                         <figcaption>
 
                                             <i class="zmdi zmdi-link"></i>
 
                                             <i class="zmdi zmdi-link"></i>
                                         </a>
+
                                         </figcaption>
                                     </figcaption>
+
                                     </figure>
                                 </figure>
+
                                 </a>
                                 <figure class="widget_gallery">
+
                                 <a href="https://play.google.com/store/apps/details?id=fr.plnech.quantifly&hl=en"
                                    <div class="RXcircleEffect"></div>
+
                                  target="_blank" style="target-new: tab;">
                                    <img src="img/gallery_2.jpg" alt="" />
+
                                    <figure class="widget_gallery">
                                    <figcaption>
+
                                        <div class="RXcircleEffect"></div>
                                         <a class="veno vbox-item" href="img/gallery_2.jpg" data-gall="group_4">
+
                                        <img src="https://static.igem.org/mediawiki/2016/6/65/IONIS_IGEM_paris_google_play.png"
 +
                                            alt="" />
 +
                                         <figcaption>
 
                                             <i class="zmdi zmdi-link"></i>
 
                                             <i class="zmdi zmdi-link"></i>
                                         </a>
+
                                         </figcaption>
                                    </figcaption>
+
                                     </figure>
                                </figure>
+
                                 </a>
                                <figure class="widget_gallery">
+
 
                                     <div class="RXcircleEffect"></div>
+
                       
                                    <img src="img/gallery_3.jpg" alt="" />
+
                                    <figcaption>
+
                                        <a class="veno vbox-item" href="img/gallery_3.jpg" data-gall="group_4">
+
                                            <i class="zmdi zmdi-link"></i>
+
                                        </a>
+
                                    </figcaption>
+
                                </figure>
+
                                 <figure class="widget_gallery">
+
                                    <div class="RXcircleEffect"></div>
+
                                    <img src="img/gallery_4.jpg" alt="" />
+
                                    <figcaption>
+
                                        <a class="veno vbox-item" href="img/gallery_4.jpg" data-gall="group_4">
+
                                            <i class="zmdi zmdi-link"></i>
+
                                        </a>
+
                                    </figcaption>
+
                                </figure>
+
                                <figure class="widget_gallery">
+
                                    <div class="RXcircleEffect"></div>
+
                                    <img src="img/gallery_5.jpg" alt="" />
+
                                    <figcaption>
+
                                        <a class="veno vbox-item" href="img/gallery_5.jpg" data-gall="group_4">
+
                                            <i class="zmdi zmdi-link"></i>
+
                                        </a>
+
                                    </figcaption>
+
                                </figure>
+
                                <figure class="widget_gallery">
+
                                    <div class="RXcircleEffect"></div>
+
                                    <img src="img/gallery_6.jpg" alt="" />
+
                                    <figcaption>
+
                                        <a class="veno vbox-item" href="img/gallery_6.jpg" data-gall="group_4">
+
                                            <i class="zmdi zmdi-link"></i>
+
                                        </a>
+
                                    </figcaption>
+
                                </figure>
+
 
                             </div>
 
                             </div>
 
                         </div>  
 
                         </div>  
 +
 
                     </div>
 
                     </div>
 +
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 959: Line 648:
 
                             <div class="col-md-7 fix_p_l">
 
                             <div class="col-md-7 fix_p_l">
 
                                 <nav>
 
                                 <nav>
                                     <ul class="ft_bottom">    
+
                                     <ul class="ft_bottom">
                                         <li><a href="#">Home</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris">Home</a></li>
                                         <li><a href="#">Services</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Working_at_La_Paillasse">in the Lab</a></li>
                                         <li><a href="#"> About </a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Measurement"> Side Projects</a></li>
                                         <li><a href="#">Portfolio</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Parts">Results</a></li>
                                         <li><a href="#">Blog </a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/HPintro">Human
                                         <li><a href="#">Contact US</a></li>
+
                                            Practice</a></li>
 +
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Team">Team</a></li>
 
                                     </ul>
 
                                     </ul>
 
                                 </nav>
 
                                 </nav>
Line 971: Line 661:
 
                             <div class="col-md-5 fix_p">
 
                             <div class="col-md-5 fix_p">
 
                                 <div class="ft_paragraph">
 
                                 <div class="ft_paragraph">
                                     <p>©2016 Design by <a href="https://www.behance.net/googoling">Faridul Haque</a> and Develop by <a href="http://themeebit.com">ThemeeBiT</a>.</p>  
+
                                     <p>©IONIS_IGEM_2016</a>.</p>
 
                                 </div>
 
                                 </div>
                             </div>
+
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
             </div>            
+
             </div>
        </footer>
+
    </footer>
        <!-- ====END FOOTER AREA==== -->
+
    <!-- ====END FOOTER AREA==== -->
       
+
        <!-- ====jQuery Latest version==== -->
+
        <script src="js/vendor/jquery-1.12.0.min.js"></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==== -->
+
    <!-- ====Google Maps API==== -->
        <script src="js/jquery.knob.min.js"></script>
+
    <script src="https://maps.googleapis.com/maps/api/js"></script>
  
        <!--Opacity & Other IE fix for older browser-->
+
    <!-- Nos scripts -->
        <!--[if lte IE 8]>
+
    <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS&action=raw&ctype=text/javascript"></script>
            <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 08:46, 23 November 2016

The 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 a reporter for pollutant detection and quantification. We wanted to take advantage of the multiple schools and activity fields 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 Aeronautics for the drone conception, Computer Science for the drone control systems, 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

"At some point, everything's gonna go south on you. Now you can either accept that, or you can get to work. You solve one problem and you solve the next one. And If you solve enough problems, you get to come home." - The Martian (2015)

LinkedIn

Our Biologists

Benjamin Piot

“You never know how strong you are until being strong is the only choice you have” - Bob Marley

LinkedIn

Camille Soucies

"I have not failed. I've successfully discovered 10,000 things that won't work." -Thomas Edison

LinkedIn

Célia Chenebault

Today's science fiction is tomorrow's science fact

LinkedIn

Victor Plet

""Impossible" is not a scientific term" -Vanna Bonta

LinkedIn

Damien Lassalle

"Your time is limited so don't waste it living someone else's life"-Steve Jobs

LinkedIn

Our Marketing team

Jessica Matias

"True friendship doesn't mean being inseparable; it means being separated and nothing changes."- Wayne Dyer

LinkedIn

Anthony Renodon

"Dreams mean work" - Paulo Coelho

LinkedIn

Alexandre Dollet

"Start where you are. Use what you have. Do what you can."-Arthur Ashe

LinkedIn

Our Graphic Designer

Alexandra Momal

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

LinkedIn

Our Human Practice man

Thomas Jaisser

"Do something. If it works, do more of it. If it doesn't, do something else."-Franklin D. Roosevelt

LinkedIn

Our Computer Engineering team

Paul-Louis

"Learn from yesterday, live for today, hope for tomorrow. The important thing is not to stop questioning." Albert Einstein

LinkedIn

Raphael

"You live and learn. At any rate, you live" -Douglas Adams

LinkedIn

Our Aeronautic Engineer

Pierre

"Every obstacle yields to stern resolve. He who is fixed to a star does not change his mind."-Leonard de Vinci.

LinkedIn

Our PI and Advisors

Frank Yates

Researcher and Primary PI

LinkedIn

Estelle Mogensen

Laboratory director and Secondary PI

LinkedIn

Alexandre Ismail

Professor at Sup'Biotech

LinkedIn

Samuel Juillot

Professor at Sup'Biotech

Linkedin

Matthieu Da Costa

Team manager of the iGEM IONIS 2015 Team
"Beware of false knowledge; it is more dangerous than ignorance." - George Bernard Shaw

LinkedIn

Guillaume Mercy

Professor at Sup'Biotech

LinkedIn