Difference between revisions of "Team:Ionis Paris/Home Test&action=edit"

(Creation page Home test)
 
(HTML: Ajout du JS, Réparation du slider dans Collaboration)
 
Line 2: Line 2:
 
<html>  
 
<html>  
 
         <!-- ====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'>
−
        <!-- ====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'>
+
  
−
        <!-- Nos feuilles de style -->
+
    <!-- ====Open Sans==== -->
−
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css-template?action=raw&ctype=text/css" /> <!-- Version minifiée dans le bon ordre de toutes les feuilles de style du template -->
+
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,600italic,400italic,700italic,300,300italic'
−
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css-test?action=raw&ctype=text/css" />
+
          rel='stylesheet' type='text/css'>
−
       
+
 
−
          <!-- ====HEADER PARALUX==== -->  
+
    <!-- Nos feuilles de style -->
−
        <section id="ancre" class="header_paralux" style="background: url('https://static.igem.org/mediawiki/2016/8/88/HOME.jpg');  background-size: cover;
+
    <link rel="stylesheet" type="text/css"
 +
          href="https://2016.igem.org/Template:IONIS_Paris-style-css-template?action=raw&ctype=text/css" />
 +
    <!-- Version minifiée dans le bon ordre de toutes les feuilles de style du template -->
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2016.igem.org/Template:IONIS_Paris-style-css-test?action=raw&ctype=text/css" />
 +
 
 +
    <!-- ====HEADER PARALUX==== -->
 +
    <section id="ancre" class="header_paralux" style="background: url('https://static.igem.org/mediawiki/2016/8/88/HOME.jpg');  background-size: cover;
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     position: relative;
 
     position: relative;
−
     background-attachment: fixed;" >
+
     background-attachment: fixed;">
−
            <div class="container">
+
        <div class="container">
−
                <div class="row">
+
            <div class="row">
−
                    <div class="col-md-12">
+
                <div class="col-md-12">
−
                        <div class="dtable">  
+
                    <div class="dtable">
−
                            <div class="dcell">  
+
                        <div class="dcell">
−
                                <div class="page_down text-center">
+
                            <div class="page_down text-center">
−
                                    <a href="#services" class="go-down">
+
                                <a href="#services" class="go-down">
−
                                        <i class="zmdi zmdi-long-arrow-down testi_prev"></i>
+
                                    <i class="zmdi zmdi-long-arrow-down testi_prev"></i>
−
                                    </a>
+
                                </a>
−
                                </div>
+
 
                             </div>
 
                             </div>
−
                         </div>  
+
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
         </section>
+
         </div>
−
        <!-- ====HEADER PARALUX END==== -->
+
    </section>
−
       
+
    <!-- ====HEADER PARALUX END==== -->
−
        <!-- ====FEATURE AERE==== -->  
+
 
−
    <!--  <section class="feature_area" id="services">
+
    <!-- ====FEATURE AERE==== -->
−
            <div class="container">
+
    <!--  <section class="feature_area" id="services">
−
                <div class="row fix_m">
+
          <div class="container">
−
                    <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
+
              <div class="row fix_m">
−
                        <div class="single_feature text-center">
+
                  <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
−
                            <i class="zmdi zmdi-devices"></i>
+
                      <div class="single_feature text-center">
−
                            <h4>Branding</h4>
+
                          <i class="zmdi zmdi-devices"></i>
−
                            <div class="single_cap">
+
                          <h4>Branding</h4>
−
                            <p>As a business owner or manager, the decision to opt faor offshore software can be difficult.</p>
+
                          <div class="single_cap">
−
                            <a class="th_bt btn waves-effect" href="#!">Read More</a>
+
                          <p>As a business owner or manager, the decision to opt faor offshore software can be difficult.</p>
−
                            </div>
+
                          <a class="th_bt btn waves-effect" href="#!">Read More</a>
−
                        </div>  
+
                          </div>
−
                    </div>
+
                      </div>
−
                    <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
+
                  </div>
−
                        <div class="single_feature text-center">
+
                  <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
−
                            <i class="zmdi zmdi-globe-alt"></i>
+
                      <div class="single_feature text-center">
−
                            <h4>Web Development</h4>
+
                          <i class="zmdi zmdi-globe-alt"></i>
−
                            <div class="single_cap">
+
                          <h4>Web Development</h4>
−
                            <p>As a bu siness owner or manager, the decision to opt faor offshore software can be difficult.</p>
+
                          <div class="single_cap">
−
                            <a class="th_bt btn waves-effect" href="#!">Read More</a>
+
                          <p>As a bu siness owner or manager, the decision to opt faor offshore software can be difficult.</p>
−
                            </div>
+
                          <a class="th_bt btn waves-effect" href="#!">Read More</a>
−
                        </div>  
+
                          </div>
−
                    </div>
+
                      </div>
−
                    <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
+
                  </div>
−
                        <div class="single_feature text-center">
+
                  <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
−
                            <i class="zmdi zmdi-apple"></i>
+
                      <div class="single_feature text-center">
−
                            <h4>Mobile Application</h4>
+
                          <i class="zmdi zmdi-apple"></i>
−
                            <div class="single_cap">
+
                          <h4>Mobile Application</h4>
−
                            <p>As a bu siness owner or manager, the decision to opt faor offshore software can be difficult.</p>
+
                          <div class="single_cap">
−
                            <a class="th_bt btn waves-effect" href="#!">Read More</a>
+
                          <p>As a bu siness owner or manager, the decision to opt faor offshore software can be difficult.</p>
−
                            </div>
+
                          <a class="th_bt btn waves-effect" href="#!">Read More</a>
−
                        </div>  
+
                          </div>
−
                    </div>
+
                      </div>
−
                    <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
+
                  </div>
−
                        <div class="single_feature text-center">
+
                  <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
−
                            <i class="zmdi zmdi-camera"></i>
+
                      <div class="single_feature text-center">
−
                            <h4>Photography</h4>
+
                          <i class="zmdi zmdi-camera"></i>
−
                            <div class="single_cap">
+
                          <h4>Photography</h4>
−
                            <p>As a bu siness owner or manager, the decision to opt faor offshore software can be difficult.</p>
+
                          <div class="single_cap">
−
                            <a class="th_bt btn waves-effect" href="#!">Read More</a>
+
                          <p>As a bu siness owner or manager, the decision to opt faor offshore software can be difficult.</p>
−
                            </div>
+
                          <a class="th_bt btn waves-effect" href="#!">Read More</a>
−
                        </div>  
+
                          </div>
 +
                      </div>
 +
                  </div>
 +
              </div>
 +
          </div>
 +
      </section> -->
 +
    <!-- ====FEATURE AERE END==== -->
 +
 
 +
    <!-- ====ABOUT US==== -->
 +
    <section id="about" class="about_area section-padding">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-xs-12">
 +
                    <div class="section_title mb80">
 +
                        <h2 class="sec text-center">WHAT IS</h2>
 +
                        <h2 class="secHd text-center ">Quantifly ?</h2>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
        </section> -->
+
             <div class="col-xs-12 col-sm-6">
−
        <!-- ====FEATURE AERE END==== -->
+
                <div class="about_left">
−
       
+
                    <img src="https://static.igem.org/mediawiki/2016/2/23/Ville.png" alt="" />
−
        <!-- ====ABOUT US==== -->
+
−
        <section id="about" class="about_area section-padding">
+
−
             <div class="container">
+
−
                <div class="row">
+
−
                <div class="col-xs-12">
+
−
                        <div class="section_title mb80">
+
−
                            <h2 class="sec text-center">WHAT IS</h2> <h2 class="secHd text-center ">Quantifly ?</h2> 
+
−
                        </div>
+
−
                    </div>                                              
+
 
                 </div>
 
                 </div>
−
                    <div class="col-xs-12 col-sm-6">
+
            </div>
−
                        <div class="about_left">
+
            <div class="col-xs-12 col-sm-6">
−
                            <img src="https://static.igem.org/mediawiki/2016/2/23/Ville.png" alt=""/>
+
                <div class="section_title">
−
                        </div>
+
                    <h5 class="smallHd">(VOC)</h5>
−
                    </div>
+
                    <h2 class="secHd">VOLATILE ORGANIC COMPOUNDS</h2>
−
                    <div class="col-xs-12 col-sm-6">
+
                </div>
−
                        <div class="section_title">
+
                <div class="about_text">
−
                            <h5 class="smallHd">(VOC)</h5>
+
                    <p>Nowadays, Volatile Organic Compounds (VOCs) are commonly found pollutants that have been proved
−
                            <h2 class="secHd">VOLATILE ORGANIC COMPOUNDS</h2>
+
                        present in a wide variety of everyday life situations. Though they are dangerous and present
−
                        </div>
+
                        almost everywhere, VOCs are not efficiently detected. Usual detection devices are very unprecise
−
                        <div class="about_text">
+
                        or requires a very long exposure time.</p>
−
                            <p>Nowadays, Volatile Organic Compounds (VOCs) are commonly found pollutants that have been proved present in a wide variety of everyday life situations. Though they are dangerous and present almost everywhere, VOCs are not efficiently detected. Usual detection devices are very unprecise or requires a very long exposure time.</p>
+
 
−
                       
+
−
                        </div>
+
−
                    </div>
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
         </section>
+
         </div>
−
         <!-- ====ABOUT US==== -->
+
         </div>
−
            <!-- ====ABOUT US==== -->
+
    </section>
−
        <section id="about" class="about_area section-padding">
+
    <!-- ====ABOUT US==== -->
−
            <div class="container">
+
    <!-- ====ABOUT US==== -->
−
                <div class="row">
+
    <section id="about" class="about_area section-padding">
−
                    <div class="col-xs-12 col-sm-6">
+
        <div class="container">
−
<div class="section_title">
+
            <div class="row">
−
                            <h5 class="smallHd">Bacteria</h5>
+
                <div class="col-xs-12 col-sm-6">
−
                            <h2 class="secHd">Biosensor</h2>
+
                    <div class="section_title">
−
                        </div>
+
                        <h5 class="smallHd">Bacteria</h5>
−
                        <div class="about_text">
+
                        <h2 class="secHd">Biosensor</h2>
−
                            <p>This is why we developed the Quantifly project : a combination of a bacterial biosensor, perfectly adapted to on-field measurements, and an innovative drone that will allow us to easily and rapidly quantify the amount of VOCs in the air. The biosensor relies on bioluminescence, a biochemical phenomenon that is commonly used in cell imaging. We are trying to develop a new application for bioluminescence that should allow us to create a biosensor of a new kind, entirely different from the existing devices.</p>
+
−
                          <p class="ab_text">If you’ve followed along and done the steps above, you’ve created a good starting place. You’re going to need to make sure your pages are optimized properly.</p>
+
−
  </div>
+
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-12 col-sm-5" >
+
                     <div class="about_text">
−
                          
+
                         <p>This is why we developed the Quantifly project : a combination of a bacterial biosensor,
−
                       
+
                            perfectly adapted to on-field measurements, and an innovative drone that will allow us to
−
                        </div>
+
                            easily and rapidly quantify the amount of VOCs in the air. The biosensor relies on
−
                         <div class="about_left">
+
                            bioluminescence, a biochemical phenomenon that is commonly used in cell imaging. We are
−
                             <img src="https://static.igem.org/mediawiki/2016/7/7d/Biosensor.png" alt=""/>
+
                            trying to develop a new application for bioluminescence that should allow us to create a
−
                        </div>
+
                            biosensor of a new kind, entirely different from the existing devices.</p>
 +
                         <p class="ab_text">If you’ve followed along and done the steps above, you’ve created a good
 +
                             starting place. You’re going to need to make sure your pages are optimized properly.</p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-xs-12 col-sm-5">
 +
 
  
−
               
 
 
                 </div>
 
                 </div>
 +
                <div class="about_left">
 +
                    <img src="https://static.igem.org/mediawiki/2016/7/7d/Biosensor.png" alt="" />
 +
                </div>
 +
 +
 
             </div>
 
             </div>
−
         </section>
+
         </div>
−
        <!-- ====ABOUT US==== -->
+
    </section>
−
        <!-- ====ABOUT US==== -->
+
    <!-- ====ABOUT US==== -->
−
        <section id="about" class="about_area section-padding">
+
    <!-- ====ABOUT US==== -->
−
            <div class="container">
+
    <section id="about" class="about_area section-padding">
−
                <div class="row">
+
        <div class="container">
−
                    <div class="col-xs-12 col-sm-6">
+
            <div class="row">
−
                        <div class="about_left">
+
                <div class="col-xs-12 col-sm-6">
−
                            <img src="https://static.igem.org/mediawiki/2016/f/f5/Drone_1.png" alt="drone"/>
+
                    <div class="about_left">
−
                        </div>
+
                        <img src="https://static.igem.org/mediawiki/2016/f/f5/Drone_1.png" alt="drone" />
 
                     </div>
 
                     </div>
−
                    <div class="col-xs-12 col-sm-5">
+
                </div>
−
                        <div class="section_title">
+
                <div class="col-xs-12 col-sm-5">
−
                            <h5 class="smallHd">Bacteria</h5>
+
                    <div class="section_title">
−
                            <h2 class="secHd">Drone</h2>
+
                        <h5 class="smallHd">Bacteria</h5>
−
                        </div>
+
                        <h2 class="secHd">Drone</h2>
−
                        <div class="about_text">
+
                    </div>
−
                            <p>Concerning the drone, it is designed to safely contain our organisms and carry them on the field, thus acting as a mobile detection platform.  
+
                    <div class="about_text">
−
</p>
+
                        <p>Concerning the drone, it is designed to safely contain our organisms and carry them on the
−
                         
+
                            field, thus acting as a mobile detection platform.
−
                        </div>
+
                        </p>
 +
 
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
         </section>
+
         </div>
−
        <!-- ====ABOUT US==== -->
+
    </section>
−
          <!-- ====START SKILL AND VEDIO TABLE==== -->
+
    <!-- ====ABOUT US==== -->
−
        <section class="skill_and_video">
+
    <!-- ====START SKILL AND VEDIO TABLE==== -->
−
            <div class="video_area">
+
    <section class="skill_and_video">
−
                <div class="video_control">
+
        <div class="video_area">
−
                    <div class="dtable">
+
            <div class="video_control">
−
                        <div class="dcell">
+
                <div class="dtable">
−
                            <a href="https://www.youtube.com/watch?v=G0SF4aWuL4E" data-type="youtube" id="control" class="btn waves-effect waves-light veno">
+
                    <div class="dcell">
−
                                <i class="zmdi zmdi-play"></i>
+
                        <a href="https://www.youtube.com/watch?v=G0SF4aWuL4E" data-type="youtube" id="control"
−
                            </a>
+
                          class="btn waves-effect waves-light veno">
−
                            <h4>Check out the Video</h4>
+
                            <i class="zmdi zmdi-play"></i>
−
                        </div>
+
                        </a>
 +
                        <h4>Check out the Video</h4>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
             </div>  
+
             </div>
−
           
+
        </div>
−
                        <div class="row">
+
 
−
                            <div class="col-md-3 col-xs-6">
+
        <div class="row">
−
                               
+
            <div class="col-md-3 col-xs-6">
−
                                </div>
+
 
−
                            </div>
+
            </div>
−
                         
+
        </div>
−
                        </div>  
+
 
 +
        </div>
 +
        </div>
 +
        </div>
 +
        </div>
 +
    </section>
 +
    <!-- ====END SKILL AND VEDIO TABLE==== -->
 +
 
 +
 
 +
    <!-- ====START OUR TEAM AREA==== -->
 +
    <section class="our_team">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-xs-12">
 +
                    <div class="section_title mb80">
 +
                        <h5 class="smallHd text-center">OUR BEST INTER-TEAM
 +
                        </h5>
 +
                        <h2 class="secHd text-center">COLLABORATION</h2>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
             </div> 
+
             </div>
−
        </section>
+
             <div class="row team_details_area">
−
        <!-- ====END SKILL AND VEDIO TABLE==== -->
+
                 <div class="col-xs-12 col-sm-6 fix_p">
−
       
+
                    <div class="team_content">
−
     
+
                        <div class="team_cotent_slid">
−
        <!-- ====START OUR TEAM AREA==== -->
+
 
−
        <section class="our_team">
+
                            <div class="item">
−
             <div class="container">
+
                                <h1>The European <br>Experience </h1>
−
              <div class="row">
+
                                <h6>In Paris 2/07/2016</h6>
−
                    <div class="col-xs-12">
+
                                <p>The iGEM IONIS team and the iGEM Evry team worked together to accomplish a great gathering of the European teams: an European Jamboree ! We organized over a week-end a symposium with more than 150 people that could assist to conferences and expose their projects, and create great network through the iGEM competition. We also wanted to give all European teams the opportunity to live an incredible weekend, by coming to Paris and being able to live the “science dream” in the city of light !
−
                        <div class="section_title mb80">
+
                                </p>
−
                            <h5 class="smallHd text-center">OUR BEST INTER-TEAM
+
                                <ul class="team_social">
−
</h5>
+
                                     <li>
−
                            <h2 class="secHd text-center">COLLABORATION</h2>
+
                                        <a href="#!">
−
                        </div>
+
                                            <i class="zmdi zmdi-facebook btn waves-effect"></i>
−
                    </div>                                               
+
                                        </a>
−
                </div>
+
                                     </li>
−
                 <div class="row team_details_area">
+
                                    <li>
−
                    <div class="col-xs-12 col-sm-6 fix_p">
+
                                        <a href="#!">
−
                        <div class="team_content">
+
                                            <i class="zmdi zmdi-twitter btn waves-effect"></i>
−
                            <div class="team_cotent_slid">
+
                                        </a>
−
                               
+
                                    </li>
−
                                <div class="item">
+
                                    <li>
−
                                    <h1>The European <br>Experience </h1>
+
                                        <a href="#!">
−
                                    <h6>In Paris 2/07/2016</h6>
+
                                            <i class="zmdi zmdi-dribbble btn waves-effect"></i>
−
                                    <p>The <b>iGEM IONIS</b> team and the <b>iGEM Evry</b> team worked together to accomplish a great gathering of the European teams: an European Jamboree ! We organized over a week-end a symposium with more than <b>150 people</b> that could assist to conferences and expose their projects, and create great network through the iGEM competition. We also wanted to give all European teams the opportunity to live an incredible weekend, by coming to Paris and being able to live the “science dream” in the city of light !
+
                                        </a>
−
</p>
+
                                    </li>
−
                                      
+
                                    <li>
−
                                     <a class="th_bt btn waves-effect waves-light" href="https://2016.igem.org/Events">Learn More
+
                                        <a href="#!">
−
                                   
+
                                            <i class="zmdi zmdi-behance btn waves-effect"></i>
−
                                     </a>
+
                                        </a>
−
                                 </div>
+
                                    </li>
−
                                  
+
                                    <li>
−
                             </div>    
+
                                        <a href="#!">
 +
                                            <i class="zmdi zmdi-pinterest btn waves-effect"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                </ul>
 +
                                <a class="th_bt btn waves-effect waves-light" href="#!">Learn More
 +
                                    <i class="zmdi zmdi-long-arrow-right"></i>
 +
                                </a>
 +
                            </div>
 +
                            <div class="item">
 +
                                <h1>Timothy<br>Dean</h1>
 +
                                <h6>Creative Director</h6>
 +
                                <p>If you’ve followed along and done the steps above, you’ve created  good starting place. You’re going to need to make sure your pages are optimized properly. This will ensure you get your page ranked high in the search engines.</p>
 +
                                <ul class="team_social">
 +
                                    <li>
 +
                                        <a href="#!">
 +
                                            <i class="zmdi zmdi-facebook btn waves-effect"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#!">
 +
                                            <i class="zmdi zmdi-twitter btn waves-effect"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#!">
 +
                                            <i class="zmdi zmdi-dribbble btn waves-effect"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#!">
 +
                                            <i class="zmdi zmdi-behance btn waves-effect"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#!">
 +
                                            <i class="zmdi zmdi-pinterest btn waves-effect"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                </ul>
 +
                                <a class="th_bt btn waves-effect waves-light" href="#!">Learn More
 +
                                    <i class="zmdi zmdi-long-arrow-right"></i>
 +
                                </a>
 +
                            </div>
 +
                            <div class="item">
 +
                                <h1>Ralph <br>Ramirez</h1>
 +
                                <h6>Creative Director</h6>
 +
                                <p>If you’ve followed along and done the steps above, you’ve created  good starting place. You’re going to need to make sure your pages are optimized properly. This will ensure you get your page ranked high in the search engines.</p>
 +
                                <ul class="team_social">
 +
                                     <li>
 +
                                        <a href="#!">
 +
                                            <i class="zmdi zmdi-facebook btn waves-effect"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#!">
 +
                                            <i class="zmdi zmdi-twitter btn waves-effect"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#!">
 +
                                            <i class="zmdi zmdi-dribbble btn waves-effect"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#!">
 +
                                            <i class="zmdi zmdi-behance btn waves-effect"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#!">
 +
                                            <i class="zmdi zmdi-pinterest btn waves-effect"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                 </ul>
 +
                                 <a class="th_bt btn waves-effect waves-light" href="#!">Learn More
 +
                                    <i class="zmdi zmdi-long-arrow-right"></i>
 +
                                </a>
 +
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                    <div class="col-xs-12 col-sm-6 fix_p_r">
+
                </div>
−
                        <div class="team_member_photo">
+
                <div class="col-xs-12 col-sm-6 fix_p_r">
−
                            <div class="team_slid">
+
                    <div class="team_member_photo">
−
                                <div class="item waves-effect">
+
                        <div class="team_slid">
−
                                    <img src="https://static.igem.org/mediawiki/2016/6/63/European_experience.jpg" alt="">
+
                            <div class="item waves-effect">
−
                                    <div class="memberPhoto_border bg1"></div>
+
                                <img src="https://static.igem.org/mediawiki/2016/6/63/European_experience.jpg" alt="">
−
                                    <div class="memberPhoto_border bg2"></div>
+
                                <div class="memberPhoto_border bg1"></div>
−
                                    <div class="memberPhoto_border bg3"></div>
+
                                <div class="memberPhoto_border bg2"></div>
−
                                    <div class="memberPhoto_border bg4"></div>
+
                                 <div class="memberPhoto_border bg3"></div>
−
                                 </div>
+
                                 <div class="memberPhoto_border bg4"></div>
−
                                <div class="item waves-effect">
+
−
                                    <img src="img/team_member_3.jpg" alt="">
+
−
                                    <div class="memberPhoto_border bg1"></div>
+
−
                                    <div class="memberPhoto_border bg2"></div>
+
−
                                    <div class="memberPhoto_border bg3"></div>
+
−
                                    <div class="memberPhoto_border bg4"></div>
+
−
                                </div>
+
−
                                 <div class="item waves-effect">
+
−
                                    <img src="img/team_member_2.jpg" alt="">
+
−
                                    <div class="memberPhoto_border bg1"></div>
+
−
                                    <div class="memberPhoto_border bg2"></div>
+
−
                                    <div class="memberPhoto_border bg3"></div>
+
−
                                    <div class="memberPhoto_border bg4"></div>
+
−
                                </div>
+
 
                             </div>
 
                             </div>
−
                             <div class="teamslide_nav">
+
                             <div class="item waves-effect">
−
                                 <i class="zmdi zmdi-long-arrow-left testi_prev"></i>
+
                                 <img src="img/team_member_3.jpg" alt="">
−
                                 <i class="zmdi zmdi-long-arrow-right testi_next"></i>
+
                                <div class="memberPhoto_border bg1"></div>
 +
                                 <div class="memberPhoto_border bg2"></div>
 +
                                <div class="memberPhoto_border bg3"></div>
 +
                                <div class="memberPhoto_border bg4"></div>
 
                             </div>
 
                             </div>
 +
                            <div class="item waves-effect">
 +
                                <img src="img/team_member_2.jpg" alt="">
 +
                                <div class="memberPhoto_border bg1"></div>
 +
                                <div class="memberPhoto_border bg2"></div>
 +
                                <div class="memberPhoto_border bg3"></div>
 +
                                <div class="memberPhoto_border bg4"></div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="teamslide_nav">
 +
                            <i class="zmdi zmdi-long-arrow-left testi_prev"></i>
 +
                            <i class="zmdi zmdi-long-arrow-right testi_next"></i>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
         </section>
+
         </div>
−
        <!-- ====START OUR TEAM AREA==== -->
+
    </section>
−
<!-- ====START SERVICE AREA==== -->
+
    <!-- ====START OUR TEAM AREA==== -->
−
        <section class="service_area section-padding">
+
    <!-- ====START SERVICE AREA==== -->
−
            <div class="container">
+
    <section class="service_area section-padding">
−
                <div class="row">
+
        <div class="container">
−
                    <div class="col-xs-12">
+
            <div class="row">
−
                        <div class="section_title mb80">
+
                <div class="col-xs-12">
−
                            <h2 class="secHd text-center" style="color: #429fd7;">A multidisciplinary team</h2><br/>
+
                    <div class="section_title mb80">
−
                            <h5 class="smallHd text-center" style="color: #429fd7;">The iGEM IONIS team is developping its project through different axes. We are focused on two areas : <br/><br/>the development of our prototype and the realisation of our own european jamboree, the European Experience.</h5>
+
                        <h2 class="secHd text-center" style="color: #429fd7;">A multidisciplinary team</h2><br />
−
                         </div>
+
                        <h5 class="smallHd text-center" style="color: #429fd7;">The iGEM IONIS team is developping its
−
                     </div>                                              
+
                            project through different axes. We are focused on two areas : <br /><br />the development of
 +
                            our prototype and the realisation of our own european jamboree, the European Experience.
 +
                         </h5>
 +
                     </div>
 
                 </div>
 
                 </div>
−
                <div class="row">
+
            </div>
−
                    <div class="col-xs-12 col-sm-6 col-md-4">
+
            <div class="row">
−
                        <div class="single_service text-center">
+
                <div class="col-xs-12 col-sm-6 col-md-4">
−
                         
+
                    <div class="single_service text-center">
−
                            <h3>Biotechnology</h3>
+
 
−
<img src="https://static.igem.org/mediawiki/2016/0/01/IONIS_IGEM_supbiotech_shcool.png" alt=""/>
+
                        <h3>Biotechnology</h3>
−
                        </div>  
+
                        <img src="https://static.igem.org/mediawiki/2016/0/01/IONIS_IGEM_supbiotech_shcool.png" alt="" />
 
                     </div>
 
                     </div>
−
                    <div class="col-xs-12 col-sm-6 col-md-4">
+
                </div>
−
                        <div class="single_service text-center">
+
                <div class="col-xs-12 col-sm-6 col-md-4">
−
                         
+
                    <div class="single_service text-center">
−
                            <h3>Computer Science</h3>
+
 
−
                          <img src="https://static.igem.org/mediawiki/2016/3/30/IONIS_IGEM_epita_shcool.png" alt=""/>
+
                        <h3>Computer Science</h3>
−
                         
+
                        <img src="https://static.igem.org/mediawiki/2016/3/30/IONIS_IGEM_epita_shcool.png" alt="" />
 +
 
  
−
                        </div>
 
 
                     </div>
 
                     </div>
−
                    <div class="col-xs-12 col-sm-6 col-md-4">
+
                </div>
−
                        <div class="single_service text-center">
+
                <div class="col-xs-12 col-sm-6 col-md-4">
−
                            <h3>Development</h3>
+
                    <div class="single_service text-center">
−
                         <img src="https://static.igem.org/mediawiki/2016/0/04/IONIS_IGEM_epitech_shcool.png" alt=""/>   
+
                        <h3>Development</h3>
−
                        </div>  
+
                         <img src="https://static.igem.org/mediawiki/2016/0/04/IONIS_IGEM_epitech_shcool.png" alt="" />
 
                     </div>
 
                     </div>
−
                    <div class="col-xs-12 col-sm-6 col-md-4">
+
                </div>
−
                        <div class="single_service text-center">
+
                <div class="col-xs-12 col-sm-6 col-md-4">
−
                         
+
                    <div class="single_service text-center">
−
                            <h3>Graphic Design</h3>
+
 
−
                          <img src="https://static.igem.org/mediawiki/2016/5/5d/IONIS_IGEM_eartsup_shcool.png" alt=""/>
+
                        <h3>Graphic Design</h3>
−
                        </div>  
+
                        <img src="https://static.igem.org/mediawiki/2016/5/5d/IONIS_IGEM_eartsup_shcool.png" alt="" />
 
                     </div>
 
                     </div>
−
                    <div class="col-xs-12 col-sm-6 col-md-4">
+
                </div>
−
                        <div class="single_service text-center">
+
                <div class="col-xs-12 col-sm-6 col-md-4">
−
                   
+
                    <div class="single_service text-center">
−
                            <h3>Marketing & Communication</h3>
+
 
−
                          <img src="https://static.igem.org/mediawiki/2016/6/69/IONIS_IGEM_ISTM_shcool.png" alt=""/>
+
                        <h3>Marketing & Communication</h3>
−
                        </div>  
+
                        <img src="https://static.igem.org/mediawiki/2016/6/69/IONIS_IGEM_ISTM_shcool.png" alt="" />
 
                     </div>
 
                     </div>
−
                    <div class="col-xs-12 col-sm-6 col-md-4">
+
                </div>
−
                        <div class="single_service text-center">
+
                <div class="col-xs-12 col-sm-6 col-md-4">
−
                 
+
                    <div class="single_service text-center">
−
                            <h3>Aeronautics</h3>
+
 
−
                          <img src="https://static.igem.org/mediawiki/2016/a/a5/IONIS_IGEM_IPSA_shcool.png" alt=""/>
+
                        <h3>Aeronautics</h3>
−
 
+
                        <img src="https://static.igem.org/mediawiki/2016/a/a5/IONIS_IGEM_IPSA_shcool.png" alt="" />
−
                        </div>
+
 
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
         </section>
+
         </div>
−
        <!-- ====END SERVICE AREA==== -->
+
    </section>
−
       
+
    <!-- ====END SERVICE AREA==== -->
−
     
+
 
−
       
+
 
−
        <!-- ====START WHY CHOOSE==== -->
+
    <!-- ====START WHY CHOOSE==== -->
−
        <section class="whychoose">
+
    <section class="whychoose">
−
            <div class="container">
+
        <div class="container">
−
                <div class="row">
+
            <div class="row">
−
                    <div class="col-xs-12">
+
                <div class="col-xs-12">
−
                        <div class="section_title mb80">
+
                    <div class="section_title mb80">
−
                            <h2 class="secHd text-center" style="color: #e62562;">What we aim to do</h2><br/>
+
                        <h2 class="secHd text-center" style="color: #e62562;">What we aim to do</h2><br />
−
                            <h5 class="smallHd text-center" style="color: #e62562;">Though our project aims to realise a lot in a short period of time, we have objectives<br/><br/> that would develop further our project Quantifly :</h5>
+
                        <h5 class="smallHd text-center" style="color: #e62562;">Though our project aims to realise a lot
−
                        </div>
+
                            in a short period of time, we have objectives<br /><br /> that would develop further our
−
                     </div>                                              
+
                            project Quantifly :</h5>
 +
                     </div>
 
                 </div>
 
                 </div>
−
                <div class="row checkBGFull">
+
            </div>
−
                    <div class="col-xs-12 col-sm-6 ourFeaturesContent section-padding">
+
            <div class="row checkBGFull">
−
                        <div class="single_checkCont">
+
                <div class="col-xs-12 col-sm-6 ourFeaturesContent section-padding">
−
                            <div class="checkIcon">
+
                    <div class="single_checkCont">
−
                             <img src="https://static.igem.org/mediawiki/2016/6/6c/IONIS_IGEM_picto_1.png" alt=""/>
+
                        <div class="checkIcon">
−
                            </div>
+
                             <img src="https://static.igem.org/mediawiki/2016/6/6c/IONIS_IGEM_picto_1.png" alt="" />
−
                            <div class="checkText">
+
                        </div>
−
                                <h4>cost effectiveness</h4>
+
                        <div class="checkText">
−
                                <p>Also, we aim to develop metabolic pathways in order to add a degradation ability to the cell in complement of detecting and measuring pollutant levels in the air.</p> 
+
                            <h4>cost effectiveness</h4>
−
                            </div>
+
                            <p>Also, we aim to develop metabolic pathways in order to add a degradation ability to the
 +
                                cell in complement of detecting and measuring pollutant levels in the air.</p>
 
                         </div>
 
                         </div>
−
                        <div class="single_checkCont">
 
−
                            <div class="checkIcon">
 
−
                                <i class="zmdi zmdi-lamp"></i>
 
−
                            </div>
 
−
                            <div class="checkText">
 
−
                                <h4>unique ideas</h4>
 
−
                                <p>Last but not least, we want to popularize even more synthetic biology by participating in other science conferences during all the year 2016.</p> 
 
−
                            </div>
 
−
                        </div> 
 
 
                     </div>
 
                     </div>
−
                      
+
                     <div class="single_checkCont">
−
                </div>
+
                         <div class="checkIcon">
−
                <div class="row checkBGFull">
+
                             <i class="zmdi zmdi-lamp"></i>
−
                    <div class="col-xs-12 col-sm-6 ourFeaturesContent section-padding">
+
−
                         <div class="single_checkCont">
+
−
                             <div class="checkIcon">
+
−
                                <i class="zmdi zmdi-account-add"></i>
+
−
                            </div>
+
−
                            <div class="checkText">
+
−
                                <h4>reliability</h4>
+
−
                                <p>We wish to compare our measurement results with already existing results gathered with different methods, in order to evaluate our biosensor efficiency.</p> 
+
−
                            </div>
+
 
                         </div>
 
                         </div>
−
                         <div class="single_checkCont">
+
                         <div class="checkText">
−
                             <div class="checkIcon">
+
                             <h4>unique ideas</h4>
−
                                <i class="zmdi zmdi-accounts"></i>
+
                            <p>Last but not least, we want to popularize even more synthetic biology by participating in
−
                            </div>
+
                                other science conferences during all the year 2016.</p>
−
                            <div class="checkText">
+
−
                                <h4>customer relationship</h4>
+
−
                                <p>We want to optimize our bacteria by  
+
−
enhancing the bioluminescence signal emitted by the cell.</p> 
+
−
                            </div>
+
 
                         </div>
 
                         </div>
−
             
 
 
                     </div>
 
                     </div>
−
                 
 
 
                 </div>
 
                 </div>
 +
 
             </div>
 
             </div>
−
        </section>
+
             <div class="row checkBGFull">
−
        <!-- ====END WHY CHOOSE==== -->
+
                 <div class="col-xs-12 col-sm-6 ourFeaturesContent section-padding">
−
       
+
                    <div class="single_checkCont">
−
       
+
                        <div class="checkIcon">
−
       
+
                             <i class="zmdi zmdi-account-add"></i>
−
       
+
−
       
+
−
     
+
−
       
+
−
        <!-- ====START PROCESS TABLE==== -->
+
−
        <section class="process_area section-padding">
+
−
             <div class="container">
+
−
                 <div class="row">
+
−
                    <div class="col-xs-12">
+
−
                        <div class="section_title mb80">
+
−
                            <h5 class="smallHd text-center">the simple step of</h5>
+
−
                             <h2 class="secHd text-center">our working process</h2>
+
 
                         </div>
 
                         </div>
−
                    </div>                                               
+
                         <div class="checkText">
−
                </div>
+
                             <h4>reliability</h4>
−
                <div class="row">
+
                            <p>We wish to compare our measurement results with already existing results gathered with
−
                    <div class="col-md-10 col-md-offset-1 text-center">
+
                                 different methods, in order to evaluate our biosensor efficiency.</p>
−
                         <div class="tab_trigger_img">
+
−
                             <img src="https://static.igem.org/mediawiki/2016/5/5b/Pro_bg.svg" class="waveBg svg" alt="">
+
−
                            <div class="tab_trigger_icon">
+
−
                                <div class="singleTabIcon">
+
−
                                    <i class="zmdi zmdi-settings" data-index="0"></i>
+
−
                                </div>
+
−
                                 <div class="singleTabIcon">
+
−
                                    <i class="zmdi zmdi-gesture" data-index="1"></i>
+
−
                                </div>
+
−
                                <div class="singleTabIcon">
+
−
                                    <i class="zmdi zmdi-desktop-mac" data-index="2"></i>
+
−
                                </div>
+
−
                                <div class="singleTabIcon">
+
−
                                    <i class="zmdi zmdi-rotate-cw" data-index="3"></i>
+
−
                                </div>
+
−
                                <div class="singleTabIcon">
+
−
                                    <i class="zmdi zmdi-thumb-up" data-index="4"></i>
+
−
                                </div>
+
−
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 +
                    <div class="single_checkCont">
 +
                        <div class="checkIcon">
 +
                            <i class="zmdi zmdi-accounts"></i>
 +
                        </div>
 +
                        <div class="checkText">
 +
                            <h4>customer relationship</h4>
 +
                            <p>We want to optimize our bacteria by
 +
                                enhancing the bioluminescence signal emitted by the cell.</p>
 +
                        </div>
 +
                    </div>
 +
 
                 </div>
 
                 </div>
−
                <div class="row">
+
 
−
                    <div class="col-sm-8 col-sm-offset-2">
+
            </div>
−
                        <div class="pro_content">
+
        </div>
−
                            <div class="single_pro_content">
+
    </section>
−
                                <fieldset>
+
    <!-- ====END WHY CHOOSE==== -->
−
                                    <legend>DEVELOPMENT</legend>
+
 
−
                                    <p>RSS, (Really Simple Syndication) has become so popular today and is being referred to by internet users as Pull Technology rather than “Push” Technology. Utilizing RSS “Pull” technology has become a popular source of income for webmasters that use RSS Feeds on their websites. </p>
+
 
−
                                 </fieldset>
+
    <!-- ====START PROCESS TABLE==== -->
 +
    <section class="process_area section-padding">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-xs-12">
 +
                    <div class="section_title mb80">
 +
                        <h5 class="smallHd text-center">the simple step of</h5>
 +
                        <h2 class="secHd text-center">our working process</h2>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col-md-10 col-md-offset-1 text-center">
 +
                    <div class="tab_trigger_img">
 +
                        <img src="https://static.igem.org/mediawiki/2016/5/5b/Pro_bg.svg" class="waveBg svg" alt="">
 +
                        <div class="tab_trigger_icon">
 +
                            <div class="singleTabIcon">
 +
                                 <i class="zmdi zmdi-settings" data-index="0"></i>
 
                             </div>
 
                             </div>
−
                             <div class="single_pro_content">
+
                             <div class="singleTabIcon">
−
                                 <fieldset>
+
                                 <i class="zmdi zmdi-gesture" data-index="1"></i>
−
                                    <legend>Logo Design</legend>
+
−
                                    <p>RSS, (Really Simple Syndication) has become so popular today and is being referred to by internet users as Pull Technology rather than “Push” Technology. Utilizing RSS “Pull” technology has become a popular source of income for webmasters that use RSS Feeds on their websites. </p>
+
−
                                </fieldset>
+
 
                             </div>
 
                             </div>
−
                             <div class="single_pro_content">
+
                             <div class="singleTabIcon">
−
                                 <fieldset>
+
                                 <i class="zmdi zmdi-desktop-mac" data-index="2"></i>
−
                                    <legend>Graphic Design</legend>
+
−
                                    <p>RSS, (Really Simple Syndication) has become so popular today and is being referred to by internet users as Pull Technology rather than “Push” Technology. Utilizing RSS “Pull” technology has become a popular source of income for webmasters that use RSS Feeds on their websites. </p>
+
−
                                </fieldset>
+
 
                             </div>
 
                             </div>
−
                             <div class="single_pro_content">
+
                             <div class="singleTabIcon">
−
                                 <fieldset>
+
                                 <i class="zmdi zmdi-rotate-cw" data-index="3"></i>
−
                                    <legend>WordPress</legend>
+
−
                                    <p>RSS, (Really Simple Syndication) has become so popular today and is being referred to by internet users as Pull Technology rather than “Push” Technology. Utilizing RSS “Pull” technology has become a popular source of income for webmasters that use RSS Feeds on their websites. </p>
+
−
                                </fieldset>
+
 
                             </div>
 
                             </div>
−
                             <div class="single_pro_content">
+
                             <div class="singleTabIcon">
−
                                 <fieldset>
+
                                 <i class="zmdi zmdi-thumb-up" data-index="4"></i>
−
                                    <legend>Banner Design</legend>
+
−
                                    <p>RSS, (Really Simple Syndication) has become so popular today and is being referred to by internet users as Pull Technology rather than “Push” Technology. Utilizing RSS “Pull” technology has become a popular source of income for webmasters that use RSS Feeds on their websites. </p>
+
−
                                </fieldset>
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 462: Line 539:
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
        </section>
+
             <div class="row">
−
        <!-- ====END PROCESS TABLE==== -->
+
                 <div class="col-sm-8 col-sm-offset-2">
−
       
+
                    <div class="pro_content">
−
        <!-- ====START PARTNER==== -->
+
                         <div class="single_pro_content">
−
        <div class="partner_area">
+
                             <fieldset>
−
             <div class="container">
+
                                <legend>DEVELOPMENT</legend>
−
                 <div class="row">
+
                                <p>RSS, (Really Simple Syndication) has become so popular today and is being referred to
−
      <div class="col-xs-12">
+
                                    by internet users as Pull Technology rather than “Push” Technology. Utilizing RSS
−
                         <div class="section_title mb80">
+
                                    “Pull” technology has become a popular source of income for webmasters that use RSS
−
                             <h5 class="smallHd text-center">Our</h5>
+
                                    Feeds on their websites. </p>
−
                            <h2 class="secHd text-center">SPONSORS AND PARTENAIRS </h2>
+
                            </fieldset>
 
                         </div>
 
                         </div>
−
                    </div>
+
                        <div class="single_pro_content">
−
                    <div class="col-md-12">
+
                            <fieldset>
−
                        <div class="partner_slider">
+
                                <legend>Logo Design</legend>
−
                            <div class="item">
+
                                 <p>RSS, (Really Simple Syndication) has become so popular today and is being referred to
−
                                 <img src="" alt="partner slider" />
+
                                    by internet users as Pull Technology rather than “Push” Technology. Utilizing RSS
−
                             </div>
+
                                    “Pull” technology has become a popular source of income for webmasters that use RSS
−
                            <div class="item">
+
                                    Feeds on their websites. </p>
−
                                <img src="" alt="partner slider" />
+
                             </fieldset>
−
                            </div>
+
                        </div>
−
                            <div class="item">
+
                        <div class="single_pro_content">
−
                                <img src="" alt="partner slider" />
+
                            <fieldset>
−
                             </div>
+
                                <legend>Graphic Design</legend>
−
                            <div class="item">
+
                                <p>RSS, (Really Simple Syndication) has become so popular today and is being referred to
−
                                 <img src="" alt="partner slider" />
+
                                    by internet users as Pull Technology rather than “Push” Technology. Utilizing RSS
−
                             </div>
+
                                    “Pull” technology has become a popular source of income for webmasters that use RSS
−
                            <div class="item">
+
                                    Feeds on their websites. </p>
−
                                 <img src="" alt="partner slider" />
+
                             </fieldset>
−
                             </div>
+
                        </div>
 +
                        <div class="single_pro_content">
 +
                            <fieldset>
 +
                                 <legend>WordPress</legend>
 +
                                <p>RSS, (Really Simple Syndication) has become so popular today and is being referred to
 +
                                    by internet users as Pull Technology rather than “Push” Technology. Utilizing RSS
 +
                                    “Pull” technology has become a popular source of income for webmasters that use RSS
 +
                                    Feeds on their websites. </p>
 +
                             </fieldset>
 +
                        </div>
 +
                        <div class="single_pro_content">
 +
                            <fieldset>
 +
                                 <legend>Banner Design</legend>
 +
                                <p>RSS, (Really Simple Syndication) has become so popular today and is being referred to
 +
                                    by internet users as Pull Technology rather than “Push” Technology. Utilizing RSS
 +
                                    “Pull” technology has become a popular source of income for webmasters that use RSS
 +
                                    Feeds on their websites. </p>
 +
                             </fieldset>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 497: Line 591:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
        <!-- ====END PARTNER==== -->
+
    </section>
−
       
+
    <!-- ====END PROCESS TABLE==== -->
−
     
+
 
−
        <!-- ====END BLOG TABLE==== -->
+
    <!-- ====START PARTNER==== -->
−
       
+
    <div class="partner_area">
−
       
+
         <div class="container">
−
       
+
             <div class="row">
−
     
+
                 <div class="col-xs-12">
−
       
+
                     <div class="section_title mb80">
−
        <!-- ====START SOCIAL Link==== -->
+
                         <h5 class="smallHd text-center">Our</h5>
−
         <div class="footer_social">
+
                        <h2 class="secHd text-center">SPONSORS AND PARTENAIRS </h2>
−
             <div class="container-fluid">
+
                    </div>
−
                 <div class="row">
+
                </div>
−
                     <ul class="ft_top clearfix">
+
                <div class="col-md-12">
−
                         <li class="waves-effect waves-light">
+
                    <div class="partner_slider">
−
                            <a href="https://www.facebook.com/ionisigem/?fref=ts" target="_blank">
+
                        <div class="item">
−
                                <i class="zmdi zmdi-facebook "></i>Facebook
+
                             <img src="" alt="partner slider" />
−
                            </a>
+
                         </div>
−
                        </li>  
+
                         <div class="item">
−
                        <li class="waves-effect waves-light">
+
                             <img src="" alt="partner slider" />
−
                            <a href="https://twitter.com/igem_ionis" target="_blank">
+
                        </div>
−
                                <i class="zmdi zmdi-twitter"></i>Twitter
+
                        <div class="item">
−
                             </a>
+
                             <img src="" alt="partner slider" />
−
                         </li>  
+
                         </div>
−
                         <li class="waves-effect waves-light">
+
                         <div class="item">
−
                             <a href="https://www.youtube.com/channel/UC0RyQsB5YpweSRBYQlAdZDA" target="_blank">
+
                             <img src="" alt="partner slider" />
−
                                <i class="zmdi zmdi-youtube"></i>youtube
+
                        </div>
−
                             </a>
+
                        <div class="item">
−
                         </li>  
+
                             <img src="" alt="partner slider" />
−
                         <li class="waves-effect waves-light">
+
                         </div>
−
                             <a href="https://www.linkedin.com/company/igem-ionis" target="_blank">
+
                     </div>
−
                                <i class="zmdi zmdi-linkedin"></i>LinkedIn
+
−
                             </a>
+
−
                         </li>  
+
−
+
−
                     </ul>
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <!-- ====END FOOTER TOP==== -->
+
    </div>
−
       
+
    <!-- ====END PARTNER==== -->
−
        <!-- ====START FOOTER AREA==== -->
+
 
−
        <footer class="footer_area">
+
 
−
            <div class="footer_middle">
+
    <!-- ====END BLOG TABLE==== -->
−
                <div class="container">
+
 
−
                    <div class="row">
+
 
−
                        <div class="col-xs-12">
+
    <!-- ====START SOCIAL Link==== -->
−
                            <div class="scroll_area">
+
    <div class="footer_social">
−
                                <div class="sroll_top">
+
         <div class="container-fluid">
−
                                  <a href="#ancre"> <i class="zmdi zmdi-chevron-up btn waves-effect"> </i> </a> 
+
            <div class="row">
−
                                </div>
+
                <ul class="ft_top clearfix">
 +
                    <li class="waves-effect waves-light">
 +
                        <a href="https://www.facebook.com/ionisigem/?fref=ts" target="_blank">
 +
                            <i class="zmdi zmdi-facebook "></i>Facebook
 +
                        </a>
 +
                    </li>
 +
                    <li class="waves-effect waves-light">
 +
                        <a href="https://twitter.com/igem_ionis" target="_blank">
 +
                            <i class="zmdi zmdi-twitter"></i>Twitter
 +
                        </a>
 +
                    </li>
 +
                    <li class="waves-effect waves-light">
 +
                        <a href="https://www.youtube.com/channel/UC0RyQsB5YpweSRBYQlAdZDA" target="_blank">
 +
                            <i class="zmdi zmdi-youtube"></i>youtube
 +
                        </a>
 +
                    </li>
 +
                    <li class="waves-effect waves-light">
 +
                        <a href="https://www.linkedin.com/company/igem-ionis" target="_blank">
 +
                            <i class="zmdi zmdi-linkedin"></i>LinkedIn
 +
                        </a>
 +
                    </li>
 +
 
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <!-- ====END FOOTER TOP==== -->
 +
 
 +
    <!-- ====START FOOTER AREA==== -->
 +
    <footer class="footer_area">
 +
        <div class="footer_middle">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-xs-12">
 +
                        <div class="scroll_area">
 +
                            <div class="sroll_top">
 +
                                <a href="#ancre"> <i class="zmdi zmdi-chevron-up btn waves-effect"> </i> </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 +
                </div>
 +
                <div class="row">
 
                     <div class="row">
 
                     <div class="row">
−
                      <div class="row">
 
 
                         <div class="col-lg-5 col-md-5 col-sm-12">
 
                         <div class="col-lg-5 col-md-5 col-sm-12">
 
                             <div class="middle_content">
 
                             <div class="middle_content">
 
                                 <h4>IONIS IGEM</h4>
 
                                 <h4>IONIS IGEM</h4>
−
                                 <p> We're a group of six different schools from the IONIS Education Group. For this competition we wanted to take advantages of the multiple schools and activity field given by the IONIS education group to create a solid project.</p>
+
                                 <p> We're a group of six different schools from the IONIS Education Group. For this
−
                              <a href="https://2016.igem.org/Team:Ionis_Paris/Team">Read More</a>
+
                                    competition we wanted to take advantages of the multiple schools and activity field
 +
                                    given by the IONIS education group to create a solid project.</p>
 +
                                <a href="https://2016.igem.org/Team:Ionis_Paris/Team">Read More</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
             
+
 
 
                         <div class="col-lg-3 col-lg-offset-1 col-md-4 col-sm-7">
 
                         <div class="col-lg-3 col-lg-offset-1 col-md-4 col-sm-7">
 
                             <div class="footer_Widgets">
 
                             <div class="footer_Widgets">
Line 573: Line 701:
 
                                             <a href="mailto:igem.ionis@gmail.com">email: igem.ionis@gmail.com</a>
 
                                             <a href="mailto:igem.ionis@gmail.com">email: igem.ionis@gmail.com</a>
 
                                         </li>
 
                                         </li>
−
                                     
+
 
 
                                     </ul>
 
                                     </ul>
 
                                 </div>
 
                                 </div>
Line 579: Line 707:
 
                         </div>
 
                         </div>
  
−
                       
 
  
 
                     </div>
 
                     </div>
Line 591: Line 718:
 
                             <div class="col-md-7 fix_p_l">
 
                             <div class="col-md-7 fix_p_l">
 
                                 <nav>
 
                                 <nav>
−
                                     <ul class="ft_bottom">    
+
                                     <ul class="ft_bottom">
 
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris">Home</a></li>
 
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris">Home</a></li>
 
                                         <li><a href="https://2016.igem.org/At_the_lab.html">At the Lab</a></li>
 
                                         <li><a href="https://2016.igem.org/At_the_lab.html">At the Lab</a></li>
 
                                         <li><a href="https://2016.igem.org/CelloCad"> Side Projects</a></li>
 
                                         <li><a href="https://2016.igem.org/CelloCad"> Side Projects</a></li>
 
                                         <li><a href="Results">Results</a></li>
 
                                         <li><a href="Results">Results</a></li>
−
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Human_Practice">Human Practice</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Human_Practice">Human
 +
                                            Practice</a></li>
 
                                         <li><a href="https://2016.igem.org/Team.html">Team</a></li>
 
                                         <li><a href="https://2016.igem.org/Team.html">Team</a></li>
 
                                     </ul>
 
                                     </ul>
Line 603: Line 731:
 
                             <div class="col-md-5 fix_p">
 
                             <div class="col-md-5 fix_p">
 
                                 <div class="ft_paragraph">
 
                                 <div class="ft_paragraph">
−
                                     <p>©IONIS_IGEM_2016</a>.</p>  
+
                                     <p>©IONIS_IGEM_2016</a>.</p>
 
                                 </div>
 
                                 </div>
−
                             </div>
+
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
             </div>            
+
             </div>
−
        </footer>
+
    </footer>
−
        <!-- ====END FOOTER AREA==== -->
+
    <!-- ====END FOOTER AREA==== -->
−
     
+
 
−
        <!-- Nos scripts -->
+
    <!-- ====Google Maps API==== -->
−
        <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS&action=raw&ctype=text/javascript"></script>      
+
    <script src="https://maps.googleapis.com/maps/api/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>
 +
   
 
</html>
 
</html>

Latest revision as of 21:52, 17 October 2016

WHAT IS

Quantifly ?

(VOC)

VOLATILE ORGANIC COMPOUNDS

Nowadays, Volatile Organic Compounds (VOCs) are commonly found pollutants that have been proved present in a wide variety of everyday life situations. Though they are dangerous and present almost everywhere, VOCs are not efficiently detected. Usual detection devices are very unprecise or requires a very long exposure time.

Bacteria

Biosensor

This is why we developed the Quantifly project : a combination of a bacterial biosensor, perfectly adapted to on-field measurements, and an innovative drone that will allow us to easily and rapidly quantify the amount of VOCs in the air. The biosensor relies on bioluminescence, a biochemical phenomenon that is commonly used in cell imaging. We are trying to develop a new application for bioluminescence that should allow us to create a biosensor of a new kind, entirely different from the existing devices.

If you’ve followed along and done the steps above, you’ve created a good starting place. You’re going to need to make sure your pages are optimized properly.

drone
Bacteria

Drone

Concerning the drone, it is designed to safely contain our organisms and carry them on the field, thus acting as a mobile detection platform.

Check out the Video