Difference between revisions of "Team.html"

Line 343: Line 343:
 
                                 <div class="blog_top">
 
                                 <div class="blog_top">
 
                                     <h4 class="blog_topHd" >
 
                                     <h4 class="blog_topHd" >
−
                                         The biologists
+
                                         Our Biologists
 
                                     </h4>
 
                                     </h4>
 
                           </div>
 
                           </div>
Line 541: Line 541:
 
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</a>
 
                                 <a class="th_bt btn waves-effect waves-light" href="single_blog-full.html">Full Story</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 Human Practice man
 +
                                    </h4>
 +
                          </div>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 
                         </div><div class="col-xs-12 col-sm-6 mb40">
 
                         </div><div class="col-xs-12 col-sm-6 mb40">
 
                             <a href="single_blog-full.html">
 
                             <a href="single_blog-full.html">
Line 559: Line 572:
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 +
<section class="blog_area section-padding">
 +
                    <div class="blog_grid_area">
 +
                        <div class="col-xs-12 col-sm-9">
 +
                            <div class="bloggrid_right">
 +
                               
 +
                                <div class="blog_top">
 +
                                    <h4 class="blog_topHd" >
 +
                                        Our Computer Ingeneering team
 +
                                    </h4>
 +
                          </div>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 
                          
 
                          
 
                         <div class="col-xs-12 col-sm-6 mb40">
 
                         <div class="col-xs-12 col-sm-6 mb40">
Line 578: Line 604:
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 +
     
 
                         <div class="col-xs-12 col-sm-6 mb40">
 
                         <div class="col-xs-12 col-sm-6 mb40">
 
                             <a href="single_blog-full.html">
 
                             <a href="single_blog-full.html">
 
                                 <div class="blog_img waves-effect">
 
                                 <div class="blog_img waves-effect">
−
                                     <img src="https://static.igem.org/mediawiki/2016/1/1b/Pierre.jpg" alt="">
+
                                     <img src="img/pierre.jpg" alt="">
 
                                 </div>
 
                                 </div>
 
                             </a>
 
                             </a>
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                                 <ul class="blog_s">
 
                                 <ul class="blog_s">
−
                                     <li><a href="#"><i class="zmdi zmdi-account"></i>Aeoronotic</a></li>
+
                                     <li><a href="#"><i class="zmdi zmdi-account"></i>Informatic ingeneree</a></li>
−
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>20 years old</a></li>
+
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a></li>
 
                                 </ul>
 
                                 </ul>
 
                                 <h4>
 
                                 <h4>
−
                                     <a href="single_blog-full.html">Pierre</a>
+
                                     <a href="single_blog-full.html">Raphael</a>
 
                                 </h4>
 
                                 </h4>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
Line 596: Line 623:
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                       
+
<section class="blog_area section-padding">
 +
                    <div class="blog_grid_area">
 +
                        <div class="col-xs-12 col-sm-9">
 +
                            <div class="bloggrid_right">
 +
                               
 +
                                <div class="blog_top">
 +
                                    <h4 class="blog_topHd" >
 +
                                        Our Aeoronotic Ingeneering man
 +
                                    </h4>
 +
                          </div>
 +
                        </div>
 +
                      </div>
 +
                    </div>
 
                         <div class="col-xs-12 col-sm-6 mb40">
 
                         <div class="col-xs-12 col-sm-6 mb40">
 
                             <a href="single_blog-full.html">
 
                             <a href="single_blog-full.html">
 
                                 <div class="blog_img waves-effect">
 
                                 <div class="blog_img waves-effect">
−
                                     <img src="img/pierre.jpg" alt="">
+
                                     <img src="https://static.igem.org/mediawiki/2016/1/1b/Pierre.jpg" alt="">
 
                                 </div>
 
                                 </div>
 
                             </a>
 
                             </a>
 
                             <div class="blog_cont">
 
                             <div class="blog_cont">
 
                                 <ul class="blog_s">
 
                                 <ul class="blog_s">
−
                                     <li><a href="#"><i class="zmdi zmdi-account"></i>Informatic ingeneree</a></li>
+
                                     <li><a href="#"><i class="zmdi zmdi-account"></i>Aeoronotic</a></li>
−
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a></li>
+
                                     <li><a href="#"><i class="zmdi zmdi-calendar-alt"></i>20 years old</a></li>
 
                                 </ul>
 
                                 </ul>
 
                                 <h4>
 
                                 <h4>
−
                                     <a href="single_blog-full.html">Raphael</a>
+
                                     <a href="single_blog-full.html">Pierre</a>
 
                                 </h4>
 
                                 </h4>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
 
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place.</p>
Line 615: Line 654:
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 +
                 
 
                          
 
                          
 
                     </div>
 
                     </div>

Revision as of 14:35, 2 October 2016

.checkBGFull { 

   background: #e62562;

}

.ourFeaturesContent::before, .ourFeaturesContent::after { 

   background: #e62562;

}

.service_area { 

   background: #ffffff none repeat scroll 0 0;

} .single_service { 

   border: 5px solid #8fcfef;

}

.single_service:hover { 

   background: #8fcfef;

}

.social_btn { 

   padding: 60px 0;

}

.video_area { 

   margin-top: 500px;
   margin-bottom: 500px;
   padding-left: 200px;
   padding-right: 200px;

}

.video_area { 

   margin-top: 500px;
   margin-bottom: 500px;
   padding-left: 200px;
   padding-right: 200px;

}

.skill_and_video .skillBg { 

   margin-top: 500px;
   margin-bottom: 500px;
   padding-right: 200px;

}

ul.ft_top li { 

   width: 25%;

}

ul.ft_top li:nth-child(3) { 

   background: #e33a40;

}

ul.ft_top li:nth-child(3):hover { 

   background: #cc181e;

}

.footer_area { 

   background: #e3165a  no-repeat scroll 0 0 / cover;

}

.blog_banner_area, .protfolio_breadcump { 

   background-image: url("Team_banner.jpg");

} .blog_banner_public{ 

   background-image: url("IONIS_Paris-banner_public.jpg");
padding: 140px 0;
   background-size: cover;

} .banner_quantifly, .protfolio_breadcump { 

   background-image: url("Quantifly_banner.jpg");
   padding: 90px 0;
   background-size: cover;

} .banner_event, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_bann_event.jpg");
   padding: 90px 0;
   background-size: cover;

}

.blog_banner_project_genesis, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_project_genesis.jpeg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_pollution{ 

   background-image: url("IONIS_IGEM_pollution.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_dron, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_drone_realisation.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_dron, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_drone_realisation.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_proof, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_ban_proof.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_opinion_survey, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_opinion_survey.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_ethics, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_ethics.jpeg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_paillasse, .protfolio_breadcump { 

   background-image: url("Banner_lapaillasse.jpg");
   padding: 150px 0;
   background-size: cover;

} .blog_banner_biology, .protfolio_breadcump { 

   background-image: url("Biology_banner.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_bioluminescence, .protfolio_breadcump { 

   background-image: url("Bioluminescence_banner.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_gluc, .protfolio_breadcump { 

   background-image: url("Gluc_banner.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_gold_medal, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_banner_gold.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_app, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_banner_app.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_entrepreneurship, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_banner_entrepreneurship.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_silver_medal, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_banner_silver.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_ecoli, .protfolio_breadcump { 

   background-image: url("Ecoli_banner.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_european, .protfolio_breadcump { 

   background-image: url("European_ban.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_protocol, .protfolio_breadcump { 

   background-image: url("Protocol_banner.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_cloning, .protfolio_breadcump { 

   background-image: url("Cloning_banner.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_eng, .protfolio_breadcump { 

   background-image: url("Eng_banner.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_labo, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_page_protocol.jpeg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_actions, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_actions.jpeg");
   padding: 120px 0;
   background-size: cover;
   background-size: cover;

} .about_auther{ 

   border-bottom: 1px solid #e51658;

}

.auther_details{ 

   width: calc(100% - 103px);
   background: #e51658;

}

.auther_details h5 a, .about_commenter h5 a { 

   color: #ffffff;

}

.auther_details p{ 

   font-size: 12px;
   color: #82002a;

}

  1. globalWrapper{
   font-size: 100%;

}

  1. top_title {
   display:none !important;

}

  1. sideMenu {
   display:none !important;

}

  1. content {
   border: none;
   width: 100%;
   margin: 0 auto !important;
   position: relative;
   padding: 0px;
   background:none;

}

  1. content {
   width:100%;

}

.home-5 .header_paralux { 

   background-image: url("HOME.jpg");
   background-size: cover;
   background-repeat: no-repeat;

}


Blog Page Grid

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.

Master Chief

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.

Full Story

Camille Soucies

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

Full Story

Célia Chenebault

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

Full Story

Viktor Plet

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

Full Story

Damien

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

Full Story

Our Marketing team

Jessica Matias

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

Full Story
  • Marketing & Communication
  • June 18,2015

Anthony Renondon

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

Full Story

Alex Dollet

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

Full Story

Our Graphic Designer

Alexandra Momal

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

Full Story

Our Human Practice man

Thomas Jasseir

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

Full Story

Our Computer Ingeneering team

Paul-Louis

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

Full Story

Raphael

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

Full Story

Our Aeoronotic Ingeneering man

Pierre

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

Full Story