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

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-test?action=raw&ctype=text/css" />
−
        <!--[if lt IE 9]>
+
         <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css?action=raw&ctype=text/css" />
−
          <script src="js/html5shiv.min.js"></script>
+
−
          <script src="js/respond.min.js"></script>
+
−
        <![endif]-->
+
−
    </head>
+
−
   
+
−
    <body class="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 17:
 
             <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>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 34:
 
             <div class="container">
 
             <div class="container">
 
                 <div class="row">
 
                 <div class="row">
 +
 +
                    <div class="blog_grid_area">
 +
<div class="single_post_01">
 +
                                <div class="blog_cont_2" style="margin-top : -20px">
 +
                               
 +
                                    <h4>Team creation </h4>
 +
                                    <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 the reporter for pollutant detection and quantification. We wanted to take advantages of the multiple schools and activity field given by the IONIS education group. Thus, we came with the idea of realizing a new engineering systems for pollutants quantification by enclosing engineered bacteria into a drone.
 +
 +
The project set up, it was time for us to make the recruitment  according to the different aspects of our project. Therefore we recruited student specialized in Aeronautic for the drone conception, Computer Science for the drone control sytems, the realization of our wiki and our app ,  in Marketing to organized the European experience and lastly in Design to realize the project's graphic design.</p>
 +
<p>
 +
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.
 +
</p>
 +
                                 
 +
      </div>                     
 +
</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="">
+
                                 <div class="blog_top" >
−
                                </figure>
+
−
                                 <div class="blog_top">
+
 
                                     <h4 class="blog_topHd">
 
                                     <h4 class="blog_topHd">
−
                                         <a href="single_blog-full.html">10 beautiful place in the world</a>
+
                                         Our Team Manager
 
                                     </h4>
 
                                     </h4>
−
                                    <ul class="blog_s">
+
                          </div>
−
                                        <li>
+
                        </div>
−
                                            <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a>
+
                      </div>
−
                                        </li>
+
                    </div>
−
                                        <li>
+
                        <div class="col-xs-12 col-sm-6 mb40">
−
                                            <a href="#">
+
                           
−
                <i class="fa fa-comments" aria-hidden="true"></i>2
+
                                <div class="blog_img waves-effect">
−
            </a>
+
                                      <img src="https://static.igem.org/mediawiki/2016/8/8f/Clement.jpg">
−
                                        </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-admin"></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>Sup’Biotech, 5th year Specialty Environment</p>
 +
                            </div>   
 +
                        </div>
 +
    <section class="blog_area section-padding">
 +
                    <div class="blog_grid_area">
 +
                        <div class="col-xs-12 col-sm-9">
 +
                            <div class="bloggrid_right">
 +
                               
 +
                                <div class="blog_top">
 +
                                     <h4 class="blog_topHd" >
 +
                                         Our Biologists
 +
                                     </h4>
 +
                          </div>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
<div class="col-xs-12 col-sm-6 mb40">
 +
                          <a href="single_blog-full.html">
 +
                                <div class="blog_img waves-effect">
 +
                                    <img src="https://static.igem.org/mediawiki/2016/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 href="single_blog-full.html">Benjamin Piot</a>
−
                                      <li>
+
                                </h4>
−
                                            <a href="#!">
+
                                <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
−
                                                <i class="zmdi zmdi-facebook waves-effect"></i>
+
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</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>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="https://www.linkedin.com/in/camille-soucies-2bb937b8?authType=NAME_SEARCH&authToken=WKOT&locale=fr_FR&trk=tyah&trkInfo=clickedVertical%3Amynetwork%2CclickedEntityId%3A420351983%2CauthType%3ANAME_SEARCH%2Cidx%3A1-1-1%2CtarId%3A1471944554964%2Ctas%3Acamill
 +
">Linkedind</a>
 +
                            </div>
 +
                        </div>
 +
                       
 +
                        <div 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>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
−
                                                    </figure>
+
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</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">Viktor Plet</a>
−
                                                <div class="about_commenter">
+
                                </h4>
−
                                                  <h5><a href="#">Faridul Haque</a></h5>
+
                                <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
−
                                                  <h6>18 Hours ago</h6>
+
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</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 class="col-xs-12 col-sm-6 mb40">
−
                                            </div>
+
                            <a href="single_blog-full.html">
−
                                        </div>
+
                                <div class="blog_img waves-effect">
−
                                        <div class="col-md-12">
+
                                    <img src="https://static.igem.org/mediawiki/2016/8/89/Damien.jpg" alt="">
−
                                            <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 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</a>
−
                                            <div class="input-field col-md-4">
+
                                </h4>
−
                                                <input id="contact_name" type="text" class="validate" required>
+
                                <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
−
                                                <label for="contact_name">
+
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</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>
+
                                <div class="blog_top" >
−
                                                </label>
+
                                    <h4 class="blog_topHd">
−
                                            </div>
+
                                        Our Marketing team
−
                                            <div class="input-field col-md-4">
+
                                    </h4>
−
                                                <input id="website" type="text" class="validate" required>
+
                          </div>
−
                                                    <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>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </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><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 Renondon</a>
 +
                                 </h4>
 +
                                <p>"Les rêves donnent du travail." - Paulo Coelho</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</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/d7/Alex.jpg" 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 ISTM</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">Alex Dollet</a>
 +
                                </h4>
 +
                                <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
−
                            <div class="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>
+
                                    <h4 class="blog_topHd">
−
                                </ul>
+
                                        Our Graphic Designer
−
                                <!-- Tab panes -->
+
                                    </h4>
−
                                <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="single_blog-full.html">Linkedind</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>
+
                                    <h4 class="blog_topHd" >
−
                                    <li>
+
                                         Our Human Practice man
−
                                        <a href="#">
+
                                    </h4>
−
                                            <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>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
−
                            <div class="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>
+
                                <div class="blog_top">
−
                                    <a class="btn waves-effect" href="#!">Ui/UX</a>
+
                                     <h4 class="blog_topHd" >
−
                                    <a class="btn waves-effect" href="#!">Material Design</a>
+
                                        Our Computer Ingeneering team
−
                                     <a class="btn waves-effect" href="#!">Animation</a>
+
                                    </h4>
 +
                          </div>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                       
 +
                        <div class="col-xs-12 col-sm-6 mb40">
 +
                            <a href="single_blog-full.html">
 +
                                <div class="blog_img waves-effect">
 +
                                     <img src="https://static.igem.org/mediawiki/2016/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>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 
                             </div>
 
                             </div>
−
                         </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="img/pierre.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>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 +
                            </div>
 +
                        </div>
 +
<section class="blog_area section-padding">
 +
                    <div class="blog_grid_area">
 +
                        <div class="col-xs-12 col-sm-9">
 +
                            <div class="bloggrid_right">
 +
                               
 +
                                <div class="blog_top">
 +
                                    <h4 class="blog_topHd" >
 +
                                        Our Aeoronotic Ingeneering man
 +
                                    </h4>
 +
                          </div>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
                        <div class="col-xs-12 col-sm-6 mb40">
 +
                            <a href="single_blog-full.html">
 +
                                <div class="blog_img waves-effect">
 +
                                    <img src="https://static.igem.org/mediawiki/2016/1/1b/Pierre.jpg" alt="">
 +
                                </div>
 +
                            </a>
 +
                            <div class="blog_cont">
 +
                                <ul class="blog_s">
 +
                                    <li><a href="http://www.ipsa.fr/?xtor=SEC-694&gclid=Cj0KEQjw4MK_BRC1n6KTtezikbIBEiQA872hYQAsN-ORqGG3TVEPrg15kztBmgKuMWPts4QLZcWudOwaArNe8P8HAQ"><i class="zmdi zmdi-account"></i>IPSA</a></li>
 +
                                    <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>20 years old</a></li>
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Pierre</a>
 +
                                </h4>
 +
                                <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 +
                            </div>
 +
                        </div>
 +
<section class="blog_area section-padding">
 +
                    <div class="blog_grid_area">
 +
                        <div class="col-xs-12 col-sm-9">
 +
                            <div class="bloggrid_right">
 +
                               
 +
                                <div class="blog_top">
 +
                                    <h4 class="blog_topHd" >
 +
                                        Our Advisors
 +
                                    </h4>
 +
                          </div>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 +
<div class="col-xs-12 col-sm-6 mb40">
 +
                            <a href="single_blog-full.html">
 +
                                <div class="blog_img waves-effect">
 +
                                    <img src="https://static.igem.org/mediawiki/2016/1/1b/Pierre.jpg" alt="">
 +
                                </div>
 +
                            </a>
 +
                            <div class="blog_cont">
 +
                                <ul class="blog_s">
 +
                                    <li><a href=""></i>Sup'Biotech</a></li>
 +
                                    <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i></a></li>
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Frank Yates</a>
 +
                                </h4>
 +
                                <p>Professor of Research</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 +
                            </div>
 +
                        </div>
 +
<div class="col-xs-12 col-sm-6 mb40">
 +
                            <a href="single_blog-full.html">
 +
                                <div class="blog_img waves-effect">
 +
                                    <img src="https://static.igem.org/mediawiki/2016/1/1b/Pierre.jpg" alt="">
 +
                                </div>
 +
                            </a>
 +
                            <div class="blog_cont">
 +
                                <ul class="blog_s">
 +
                                    <li><a href="http://www.supbiotech.fr/"></i>Sup'Biotech</a></li>
 +
                                    <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i></a></li>
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Estelle Mogensen</a>
 +
                                </h4>
 +
                                <p>Laboratory director</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 +
                            </div>
 +
                        </div>
 +
<div class="col-xs-12 col-sm-6 mb40">
 +
                            <a href="single_blog-full.html">
 +
                                <div class="blog_img waves-effect">
 +
                                    <img src="https://static.igem.org/mediawiki/2016/1/1b/Pierre.jpg" alt="">
 +
                                </div>
 +
                            </a>
 +
                            <div class="blog_cont">
 +
                                <ul class="blog_s">
 +
                                    <li><a href="http://www.supbiotech.fr/"></i>Sup'Biotech</a></li>
 +
                                    <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i></a></li>
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Alexandre Ismail </a>
 +
                                </h4>
 +
                                <p>Professor of Research</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 +
                            </div>
 +
                        </div>
 +
<div class="col-xs-12 col-sm-6 mb40">
 +
                            <a href="single_blog-full.html">
 +
                                <div class="blog_img waves-effect">
 +
                                    <img src="https://static.igem.org/mediawiki/2016/1/1b/Pierre.jpg" alt="">
 +
                                </div>
 +
                            </a>
 +
                            <div class="blog_cont">
 +
                                <ul class="blog_s">
 +
                                    <li><a href="http://www.glowee.fr/"></i>Glowee</a></li>
 +
                                    <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i></a></li>
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Samuel Juillot </a>
 +
                                </h4>
 +
                                <p>Scientifique Director</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 +
                            </div>
 +
                        </div>
 +
<div class="col-xs-12 col-sm-6 mb40">
 +
                            <a href="single_blog-full.html">
 +
                                <div class="blog_img waves-effect">
 +
                                    <img src="https://static.igem.org/mediawiki/2016/1/1b/Pierre.jpg" alt="">
 +
                                </div>
 +
                            </a>
 +
                            <div class="blog_cont">
 +
                                <ul class="blog_s">
 +
                                    <li><a href="http://www.supbiotech.fr/"></i>Sup'Biotech</a></li>
 +
                                    <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i></a></li>
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Mathieu Da Costa</a>
 +
                                </h4>
 +
                                <p>Researcher in biology and Team manager of the iGEM IONIS 2015</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 +
                            </div>
 +
                        </div>
 +
<div class="col-xs-12 col-sm-6 mb40">
 +
                            <a href="single_blog-full.html">
 +
                                <div class="blog_img waves-effect">
 +
                                    <img src="https://static.igem.org/mediawiki/2016/1/1b/Pierre.jpg" alt="">
 +
                                </div>
 +
                            </a>
 +
                            <div class="blog_cont">
 +
                                <ul class="blog_s">
 +
                                    <li><a href="http://www.supbiotech.fr/"></i>Sup'Biotech</a></li>
 +
                                    <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i></a></li>
 +
                                </ul>
 +
                                <h4>
 +
                                    <a href="single_blog-full.html">Guillaume Mercy</a>
 +
                                </h4>
 +
                                <p>Researcher in biology</p>
 +
                                <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Linkedind</a>
 +
                            </div>
 +
                        </div>
 +
                 
 +
                       
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 858: Line 581:
 
                         <div class="col-xs-12">
 
                         <div class="col-xs-12">
 
                             <div class="scroll_area">
 
                             <div class="scroll_area">
 +
                           
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 876: Line 600:
 
                                     <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>
 
                                         <li><i class="zmdi zmdi-phone"></i>
 
                                         <li><i class="zmdi zmdi-phone"></i>
Line 882: Line 606:
 
                                         </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:contact@domain.com">email: clement@lapierre-fr.net</a>
 
                                         </li>
 
                                         </li>
 
                                         <li><i class="zmdi zmdi-globe"></i>
 
                                         <li><i class="zmdi zmdi-globe"></i>
Line 981: Line 705:
 
         <!-- ====END FOOTER AREA==== -->
 
         <!-- ====END FOOTER AREA==== -->
 
          
 
          
−
         <!-- ====jQuery Latest version==== -->
+
     
−
         <script src="js/vendor/jquery-1.12.0.min.js"></script>
+
         <!-- Nos scripts -->
−
 
+
         <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS&action=raw&ctype=text/javascript"></script>
−
        <!-- ====Google Maps API==== -->
+
     
−
        <script src="https://maps.googleapis.com/maps/api/js"></script>
+
−
 
+
−
        <!-- ====Material==== -->
+
−
        <script src="js/mdb.min.js"></script>
+
−
 
+
−
        <!-- ====Bootstrap JS==== -->
+
−
        <script src="js/bootstrap.min.js"></script>
+
−
 
+
−
        <!-- ====jQuery Counterup==== -->
+
−
        <script src="js/waypoints.min.js"></script>
+
−
        <script src="js/jquery.counterup.min.js"></script>
+
−
       
+
−
        <!-- ====jQuery Meanmenu==== -->
+
−
        <script src="js/jquery.meanmenu.min.js"></script>
+
−
 
+
−
        <!-- ====jQuery easing==== -->
+
−
        <script src="js/jquery.easing.1.3.min.js"></script>
+
−
 
+
−
        <!-- ====jQuery owl carousel==== -->
+
−
        <script src="js/owl.carousel.min.js"></script>
+
−
 
+
−
        <!-- ====jQuery parallax==== -->
+
−
        <script src="js/jquery.parallax-1.1.3.js"></script>
+
−
 
+
−
        <!-- ====jQuery isotop==== -->
+
−
        <script src="js/isotope.pkgd.min.js"></script>
+
−
       
+
−
        <!-- ====jQuery Packery==== -->
+
−
        <script src="js/packery.js"></script>
+
−
 
+
−
        <!-- ====jQuery VenoBox==== -->
+
−
        <script src="js/venobox.min.js"></script>
+
−
 
+
−
        <!-- ====jQuery appear and knob==== -->
+
−
        <script src="js/jquery.knob.min.js"></script>
+
−
 
+
−
        <!--Opacity & Other IE fix for older browser-->
+
−
        <!--[if lte IE 8]>
+
−
            <script type="text/javascript" src="js/ie-opacity-polyfill.js"></script>
+
−
        <![endif]-->    
+
−
 
+
−
        <!-- ====jQuery main script==== -->
+
−
        <script src="js/main.js"></script>
+
−
    </body>
+
 
</html>
 
</html>

Revision as of 12:50, 10 October 2016

Team creation

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

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

Our Team Manager

Clément Lapierre

Sup’Biotech, 5th year Specialty Environment

Our Biologists

Benjamin Piot

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

Linkedind

Camille Soucies

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

Linkedind

Célia Chenebault

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

Linkedind

Viktor Plet

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

Linkedind

Damien

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

Linkedind

Our Marketing team

Jessica Matias

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

Linkedind

Anthony Renondon

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

Linkedind

Alex Dollet

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

Linkedind

Our Graphic Designer

Alexandra Momal

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

Linkedind

Our Human Practice man

Thomas Jaisser

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

Linkedind

Our Computer Ingeneering team

Paul-Louis

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

Linkedind

Raphael

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

Linkedind

Our Aeoronotic Ingeneering man

Pierre

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

Linkedind

Our Advisors

Frank Yates

Professor of Research

Linkedind

Estelle Mogensen

Laboratory director

Linkedind

Alexandre Ismail

Professor of Research

Linkedind

Samuel Juillot

Scientifique Director

Linkedind

Mathieu Da Costa

Researcher in biology and Team manager of the iGEM IONIS 2015

Linkedind

Guillaume Mercy

Researcher in biology

Linkedind