Difference between revisions of "Team:Ionis Paris"

 
(125 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
{{IONIS_HEADER}}   
 
{{IONIS_HEADER}}   
 
<html>  
 
<html>  
−
        <!-- ====Google font==== -->
+
    <!-- Nos feuilles de style -->
−
        <link href='https://fonts.googleapis.com/css?family=Merriweather:400,700,700italic,400italic,300italic,300' rel='stylesheet' type='text/css'>
+
    <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 -->
−
        <!-- ====Open Sans==== -->
+
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css?action=raw&ctype=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'>
+
  
−
        <!-- Nos feuilles de style -->
+
    <!-- ====HEADER PARALUX==== -->
−
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-test?action=raw&ctype=text/css" />
+
    <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?action=raw&ctype=text/css" />
+
    background-repeat: no-repeat;
−
       
+
    position: relative;
−
          <!-- ====HEADER PARALUX==== -->  
+
    background-attachment: fixed;">
−
        <section class="header_paralux" style="background: url('https://static.igem.org/mediawiki/2016/8/88/HOME.jpg');" >
+
        <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="#quantifly" 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" >
−
                <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 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 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 class="single_feature text-center">
 +
                          <i class="zmdi zmdi-globe-alt"></i>
 +
                          <h4>Web Development</h4>
 +
                          <div class="single_cap">
 +
                          <p>As a bu siness owner or manager, the decision to opt faor offshore software can be difficult.</p>
 +
                          <a class="th_bt btn waves-effect" href="#!">Read More</a>
 +
                          </div>
 +
                      </div>
 +
                  </div>
 +
                  <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
 +
                      <div class="single_feature text-center">
 +
                          <i class="zmdi zmdi-apple"></i>
 +
                          <h4>Mobile Application</h4>
 +
                          <div class="single_cap">
 +
                          <p>As a bu siness owner or manager, the decision to opt faor offshore software can be difficult.</p>
 +
                          <a class="th_bt btn waves-effect" href="#!">Read More</a>
 +
                          </div>
 +
                      </div>
 +
                  </div>
 +
                  <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
 +
                      <div class="single_feature text-center">
 +
                          <i class="zmdi zmdi-camera"></i>
 +
                          <h4>Photography</h4>
 +
                          <div class="single_cap">
 +
                          <p>As a bu siness owner or manager, the decision to opt faor offshore software can be difficult.</p>
 +
                          <a class="th_bt btn waves-effect" href="#!">Read More</a>
 +
                          </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">
 +
                        <h5 id="qantifly" class="smallHd text-center">What is
 +
                        </h5>
 +
                        <h2 class="secHd text-center">Quantifly ?</h2>
 
                     </div>
 
                     </div>
−
                    <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
+
                </div>
−
                        <div class="single_feature text-center">
+
            </div>
−
                            <i class="zmdi zmdi-globe-alt"></i>
+
 
−
                            <h4>Web Development</h4>
+
            <div class="col-xs-12 col-sm-6">
−
                            <div class="single_cap">
+
                <div class="about_left">
−
                            <p>As a bu siness owner or manager, the decision to opt faor offshore software can be difficult.</p>
+
                    <img src="https://static.igem.org/mediawiki/2016/2/23/Ville.png" alt="" />
−
                            <a class="th_bt btn waves-effect" href="#!">Read More</a>
+
                </div>
−
                            </div>
+
            </div>
−
                         </div>  
+
            <div class="col-xs-12 col-sm-6">
 +
                <div class="section_title">
 +
                    <h5 class="smallHd">(VOC)</h5>
 +
                    <h2 class="secHd">VOLATILE ORGANIC COMPOUNDS</h2>
 +
                </div>
 +
                <div class="about_text">
 +
                    <p>Nowadays, Volatile Organic Compounds (VOCs) are commonly found pollutants that have been proven
 +
                        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 require a very long exposure time.</p>
 +
 
 +
                </div>
 +
            </div>
 +
        </div>
 +
        </div>
 +
    </section>
 +
    <!-- ====ABOUT US==== -->
 +
    <!-- ====ABOUT US==== -->
 +
    <section id="about" class="about_area section-padding">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-xs-12 col-sm-6">
 +
                    <div class="section_title">
 +
                         <h5 class="smallHd">Bacteria</h5>
 +
                        <h2 class="secHd">Biosensor</h2>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
+
                     <div class="about_text">
−
                         <div class="single_feature text-center">
+
                         <p>This is why we developed the Quantifly project : a combination of a bacterial biosensor,
−
                             <i class="zmdi zmdi-apple"></i>
+
                             perfectly adapted to on-field measurements, and an innovative drone that will allow us to
−
                             <h4>Mobile Application</h4>
+
                             easily and rapidly quantify the amount of VOCs in the air. The biosensor relies on
−
                             <div class="single_cap">
+
                             bioluminescence, a biochemical phenomenon that is commonly used in cell imaging. We are
−
                            <p>As a bu siness owner or manager, the decision to opt faor offshore software can be difficult.</p>
+
                             trying to develop a new application for bioluminescence that should allow us to create a
−
                             <a class="th_bt btn waves-effect" href="#!">Read More</a>
+
                             biosensor of a new kind, entirely different from the existing devices.</p>
−
                             </div>
+
                     
−
                        </div> 
+
−
                    </div>
+
−
                    <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
+
−
                        <div class="single_feature text-center">
+
−
                            <i class="zmdi zmdi-camera"></i>
+
−
                            <h4>Photography</h4>
+
−
                            <div class="single_cap">
+
−
                            <p>As a bu siness owner or manager, the decision to opt faor offshore software can be difficult.</p>
+
−
                            <a class="th_bt btn waves-effect" href="#!">Read More</a>
+
−
                            </div>
+
−
                        </div> 
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 +
                <div class="col-xs-12 col-sm-6">
 +
 +
    <div class="about_left">
 +
                    <img src="https://static.igem.org/mediawiki/2016/7/75/T--IONIS_Paris--Biosensor.png" alt="" />
 +
                </div>
 +
                </div>
 +
         
 +
 +
 
             </div>
 
             </div>
−
         </section> -->  
+
         </div>
−
        <!-- ====FEATURE AERE END==== -->
+
    </section>
−
       
+
    <!-- ====ABOUT US==== -->
−
        <!-- ====ABOUT US==== -->
+
    <!-- ====ABOUT US==== -->
−
        <section id="about" class="about_area section-padding">
+
    <section id="about" class="about_area section-padding">
−
            <div class="container">
+
        <div class="container">
−
                <div class="row">
+
            <div class="row">
−
                 <div class="col-xs-12">
+
                 <div class="col-xs-12 col-sm-6">
−
                        <div class="section_title mb80">
+
                    <div class="about_left">
−
                            <h2 class="sec text-center">WHAT IS</h2> <h2 class="secHd text-center">Quantifly ?</h2> 
+
                        <img src="https://static.igem.org/mediawiki/2016/f/f5/Drone_1.png" alt="drone" />
−
                        </div>
+
                     </div>
−
                     </div>                                              
+
 
                 </div>
 
                 </div>
−
                    <div class="col-xs-12 col-sm-6">
+
                <div class="col-xs-12 col-sm-5">
−
                        <div class="about_left">
+
                    <div class="section_title">
−
                            <img src="https://static.igem.org/mediawiki/2016/2/23/Ville.png" alt=""/>
+
                        <h5 class="smallHd">Bacteria</h5>
−
                         </div>
+
                         <h2 class="secHd">Drone</h2>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-12 col-sm-5">
+
                     <div class="about_text">
−
                         <div class="section_title">
+
                         <p>Concerning the drone, it is designed to safely contain our organisms and carry them on the
−
                             <h5 class="smallHd">(VOC)</h5>
+
                             field, thus acting as a mobile detection platform.
−
                            <h2 class="secHd">VOLATILE ORGANIC COMPOUNDS</h2>
+
                        </p>
−
                        </div>
+
 
−
                        <div class="about_text">
+
−
                            <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>
 
             </div>
−
         </section>
+
         </div>
−
        <!-- ====ABOUT US==== -->
+
    </section>
−
            <!-- ====ABOUT US==== -->
+
    <!-- ====ABOUT US==== -->
−
        <section id="about" class="about_area section-padding">
+
    <!-- ====START SKILL AND VEDIO TABLE==== -->
−
            <div class="container">
+
    <section class="skill_and_video">
−
                <div class="row">
+
        <div class="video_area">
−
                    <div class="col-xs-12 col-sm-6">
+
            <div class="video_control">
−
                        <div class="about_left">
+
                <div class="dtable">
−
                            <img src="https://static.igem.org/mediawiki/2016/7/7d/Biosensor.png" alt=""/>
+
                    <div class="dcell">
−
                        </div>
+
                        <a href="https://www.youtube.com/watch?v=G0SF4aWuL4E" data-type="YouTube" id="control"
−
                    </div>
+
                          class="btn waves-effect waves-light veno">
−
                    <div class="col-xs-12 col-sm-5">
+
                             <i class="zmdi zmdi-play"></i>
−
                        <div class="section_title">
+
                         </a>
−
                            <h5 class="smallHd">Bacteria</h5>
+
                         <h4>Check out the Video</h4>
−
                             <h2 class="secHd">Biosensor</h2>
+
−
                         </div>
+
−
                         <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 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>
 
                 </div>
 
             </div>
 
             </div>
−
         </section>
+
         </div>
−
         <!-- ====ABOUT US==== -->
+
 
−
        <!-- ====ABOUT US==== -->
+
         <div class="row">
 +
        <div class="col-sm-12">
 +
<center><video width="760" height="415"  poster="https://static.igem.org/mediawiki/2015/8/83/Logo_IONIS.png" controls><source src="https://static.igem.org/mediawiki/2016/0/0e/T--Ionis_Paris--QuantiflyProjectVideo.mp4" type='video/mp4'/><a href="https://www.youtube.com/watch?v=G0SF4aWuL4E"><img border="0" src="https://static.igem.org/mediawiki/2015/8/83/Logo_IONIS.png" alt="Click to view on Youtube" width="760" height="415"></a>
 +
<p><font color ="DeepPink">Your browser either does not support HTML5 or cannot handle MediaWiki open video formats. Please consider upgrading your browser, installing the appropriate plugin or switching to a Firefox or Chrome install.</font></p></video></center>
 +
 
 +
            </div>
 +
        </div>
 +
 
 +
 
 +
        </div>
 +
        </div>
 +
        </div>
 +
        </div>
 +
    </section>
 +
    <!-- ====END SKILL AND VEDIO TABLE==== -->
 +
<!-- ====ABOUT US==== -->
 
         <section id="about" class="about_area section-padding">
 
         <section id="about" class="about_area section-padding">
 
             <div class="container">
 
             <div class="container">
Line 139: Line 207:
 
                     <div class="col-xs-12 col-sm-6">
 
                     <div class="col-xs-12 col-sm-6">
 
                         <div class="about_left">
 
                         <div class="about_left">
−
                             <img src="https://static.igem.org/mediawiki/2016/f/f5/Drone_1.png" alt="drone"/>
+
                             <img src="https://static.igem.org/mediawiki/2016/b/ba/Ionis_page_gold_medal.jpg" alt=""/>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-12 col-sm-5">
+
                     <div class="col-xs-12 col-sm-6">
 
                         <div class="section_title">
 
                         <div class="section_title">
−
                             <h5 class="smallHd">Bacteria</h5>
+
                             <h5 class="smallHd">What we achieved</h5>
−
                             <h2 class="secHd">Drone</h2>
+
                             <h2 class="secHd">About our Successes</h2>
 
                         </div>
 
                         </div>
 
                         <div class="about_text">
 
                         <div class="about_text">
−
                            <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
+
                        <p class="ab_text">This year, we won a Gold Medal for our Quantifly project and were nominated for the following prizes : «<a href = "https://2016.igem.org/Team:Ionis_Paris/Description"><font color = DeepPink>Best Environmental Project</font></a>» , «<a href = "https://2016.igem.org/Team:Ionis_Paris/Design"><font color = DeepPink>Best Applied Design</font></a>» and «<a href = "https://2016.igem.org/Files/presentation/Ionis_Paris.pdf"><font color = DeepPink>Best Presentation</font></a>».</p>
−
</p>
+
                            <a class="th_bt btn waves-effect waves-light" href="https://2016.igem.org/Team:Ionis_Paris/Prices">Read More</a>
−
                         
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 157: Line 224:
 
         </section>
 
         </section>
 
         <!-- ====ABOUT US==== -->
 
         <!-- ====ABOUT US==== -->
−
          <!-- ====START SKILL AND VEDIO TABLE==== -->
+
 
−
        <section class="skill_and_video">
+
 
−
            <div class="video_area">
+
    <!-- ====START OUR TEAM AREA==== -->
−
                <div class="video_control">
+
    <section class="our_team">
−
                    <div class="dtable">
+
        <div class="container">
−
                        <div class="dcell">
+
            <div class="row">
−
                            <a href="https://www.youtube.com/watch?v=G0SF4aWuL4E" data-type="youtube" id="control" class="btn waves-effect waves-light veno">
+
                <div class="col-xs-12">
−
                                <i class="zmdi zmdi-play"></i>
+
                    <div class="section_title mb80">
−
                            </a>
+
                        <h5 class="smallHd text-center">OUR BEST INTER-TEAM
−
                            <h4>Check out the Video</h4>
+
                        </h5>
−
                        </div>
+
                        <h2 class="secHd text-center">COLLABORATION</h2>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
             </div>  
+
             </div>
−
              
+
             <div class="row team_details_area">
−
                        <div class="row">
+
                <div class="col-xs-12 col-sm-6 fix_p">
−
                            <div class="col-md-3 col-xs-6">
+
                    <div class="team_content">
−
                                  
+
                        <div class="team_cotent_slid">
−
                                 </div>
+
 
 +
                            <div class="item">
 +
                                 <h1>The European <br>Experience </h1>
 +
                                 <h6>In Paris 2/07/2016</h6>
 +
                                <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 week-end, by coming to Paris and being able to live the “science dream” in the city of light!
 +
                                </p>
 +
                                <ul class="team_social">
 +
                                    <li>
 +
                                        <a href="https://www.facebook.com/The.European.Experience.2016/?fref=ts">
 +
                                            <i class="zmdi zmdi-facebook btn waves-effect"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://twitter.com/igem_ionis">
 +
                                            <i class="zmdi zmdi-twitter btn waves-effect"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                 
 +
                                </ul>
 +
                                <a class="th_bt btn waves-effect waves-light" href="https://2016.igem.org/Team:Ionis_Paris/Events">Learn More
 +
                                    <i class="zmdi zmdi-long-arrow-right"></i>
 +
                                </a>
 
                             </div>
 
                             </div>
−
                         
+
                             <div class="item">
−
                        </div> 
+
                                 <h1>A professional...</h1>
−
                    </div>
+
                                <h6>V.I.Ps welcome</h6>
−
                </div>
+
                                <p>We organized some conferences, followed by a cocktail on Paris' rooftops! We even had the luck to count Mr. RETTBERG among our guests.</p>
−
            </div> 
+
                                <ul class="team_social">
−
        </section>
+
                                    <li>
−
        <!-- ====END SKILL AND VEDIO TABLE==== -->
+
                                        <a href="https://www.facebook.com/The.European.Experience.2016/?fref=ts">
−
       
+
                                            <i class="zmdi zmdi-facebook btn waves-effect"></i>
−
     
+
                                        </a>
−
        <!-- ====START OUR TEAM AREA==== -->
+
                                     </li>
−
        <section class="our_team">
+
                                     <li>
−
            <div class="container">
+
                                        <a href="https://twitter.com/igem_ionis">
−
              <div class="row">
+
                                            <i class="zmdi zmdi-twitter btn waves-effect"></i>
−
                    <div class="col-xs-12">
+
                                        </a>
−
                        <div class="section_title mb80">
+
                                     </li>
−
                             <h5 class="smallHd text-center">OUR BEST INTER-TEAM
+
             
−
</h5>
+
                                 </ul>
−
                            <h2 class="secHd text-center">COLLABORATION</h2>
+
                                 <a class="th_bt btn waves-effect waves-light" href="https://2016.igem.org/Team:Ionis_Paris/Events">Learn More
−
                        </div>
+
                                     <i class="zmdi zmdi-long-arrow-right"></i>
−
                    </div>                                               
+
                                 </a>
−
                </div>
+
−
                <div class="row team_details_area">
+
−
                    <div class="col-xs-12 col-sm-6 fix_p">
+
−
                        <div class="team_content">
+
−
                            <div class="team_cotent_slid">
+
−
                                  
+
−
                                <div class="item">
+
−
                                    <h1>The European <br>Experience </h1>
+
−
                                    <h6>In Paris 2/07/2016</h6>
+
−
                                    <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 !
+
−
</p>
+
−
                                   
+
−
                                    <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 class="col-xs-12 col-sm-6 fix_p_r">
+
−
                        <div class="team_member_photo">
+
−
                            <div class="team_slid">
+
−
                                <div class="item waves-effect">
+
−
                                    <img src="https://static.igem.org/mediawiki/2016/6/63/European_experience.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_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">
−
                                 <i class="zmdi zmdi-long-arrow-left testi_prev"></i>
+
                                 <h1>...and international event</h1>
−
                                 <i class="zmdi zmdi-long-arrow-right testi_next"></i>
+
                                <h6>organized by iGEM IONIS and iGEM Evry</h6>
 +
                                <p>Our event gathered 170 iGEMers, from 35 idifferent teams scattered in 11 countries! We had tons of fun with everyone and discovered amazing projects.</p>
 +
                                <ul class="team_social">
 +
                                    <li>
 +
                                        <a href="https://www.facebook.com/The.European.Experience.2016/?fref=ts">
 +
                                            <i class="zmdi zmdi-facebook btn waves-effect"></i>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://twitter.com/igem_ionis">
 +
                                            <i class="zmdi zmdi-twitter btn waves-effect"></i>
 +
                                        </a>
 +
                                    </li>
 +
 
 +
                                 </ul>
 +
                                <a class="th_bt btn waves-effect waves-light" href="https://2016.igem.org/Team:Ionis_Paris/Events">Learn More
 +
                                    <i class="zmdi zmdi-long-arrow-right"></i>
 +
                                </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="col-xs-12 col-sm-6 fix_p_r">
−
        </section>
+
                    <div class="team_member_photo">
−
        <!-- ====START OUR TEAM AREA==== -->
+
                        <div class="team_slid">
−
       
+
                            <div class="item waves-effect">
−
     
+
                                <img src="https://static.igem.org/mediawiki/2016/6/63/European_experience.jpg" alt="">
−
       
+
                                <div class=""></div>
−
        <!-- ====START WHY CHOOSE==== -->
+
                                <div class="memberPhoto_border bg2"></div>
−
        <section class="whychoose">
+
                                <div class="memberPhoto_border bg3"></div>
−
            <div class="container">
+
                                <div class="memberPhoto_border bg4"></div>
−
                <div class="row">
+
−
                    <div class="col-xs-12">
+
−
                        <div class="section_title mb80">
+
−
                            <h2 class="secHd text-center">What we aim to do</h2><br/>
+
−
                            <h5 class="smallHd text-center">Though our project aims to realise a lot in a short period of time, we have objectives<br/> that would develop further our project Quantifly :</h5>
+
−
                        </div>
+
−
                    </div>                                              
+
−
                </div>
+
−
                <div class="row checkBGFull">
+
−
                    <div class="col-xs-12 col-sm-6 ourFeaturesContent section-padding">
+
−
                        <div class="single_checkCont">
+
−
                            <div class="checkIcon">
+
−
                            <img src="https://static.igem.org/mediawiki/2016/6/6c/IONIS_IGEM_picto_1.png" alt=""/>
+
−
                               
+
 
                             </div>
 
                             </div>
−
                             <div class="checkText">
+
                             <div class="item waves-effect">
−
                                 <h4>cost effectiveness</h4>
+
                                 <img src="https://static.igem.org/mediawiki/2016/1/18/IONIS_IGEM_EE2016_cocktail.png" alt="">
−
                                 <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 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="item waves-effect">
−
                        <div class="single_checkCont">
+
                                 <img src="https://static.igem.org/mediawiki/2016/b/b0/IONIS_IGEM_EE2016_home_group.png" alt="">
−
                             <div class="checkIcon">
+
                                <div class="memberPhoto_border bg1"></div>
−
                                 <i class="zmdi zmdi-lamp"></i>
+
                                <div class="memberPhoto_border bg2"></div>
−
                            </div>
+
                                 <div class="memberPhoto_border bg3"></div>
−
                            <div class="checkText">
+
                                <div class="memberPhoto_border bg4"></div>
−
                                <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="row checkBGFull">
+
−
                    <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>
−
                         <div class="single_checkCont">
+
                         <div class="teamslide_nav">
−
                             <div class="checkIcon">
+
                             <i class="zmdi zmdi-long-arrow-left testi_prev"></i>
−
                                <i class="zmdi zmdi-accounts"></i>
+
                             <i class="zmdi zmdi-long-arrow-right testi_next"></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>
−
                 
 
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
         </section>
+
         </div>
−
        <!-- ====END WHY CHOOSE==== -->
+
    </section>
−
       
+
    <!-- ====START OUR TEAM AREA==== -->
−
        <!-- ====START SERVICE 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">
−
                            <h5 class="smallHd text-center">here are services</h5>
+
                    <div class="section_title mb80">
−
                            <h2 class="secHd text-center">We also offer</h2>
+
                        <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/0/04/IONIS_IGEM_epitech_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>Developpement</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>
−
                           
+
                        <img src="https://static.igem.org/mediawiki/2016/0/04/IONIS_IGEM_epitech_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">
−
                            <i class="zmdi zmdi-tab-unselected"></i>
+
                    <div class="single_service text-center">
−
                            <h3>Pixel Perfect Web</h3>
+
 
−
                            <p>EPROM or Erasable Programmable Read Only Memory is rewritable memory chip that can hold its data without power. A programmed.</p>
+
                        <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">
−
                            <i class="zmdi zmdi-code-setting"></i>
+
                    <div class="single_service text-center">
−
                            <h3>Front End Development</h3>
+
 
−
                            <p>EPROM or Erasable Programmable Read Only Memory is rewritable memory chip that can hold its data without power. A programmed.</p>
+
                        <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">
−
                            <i class="zmdi zmdi-brush"></i>
+
                    <div class="single_service text-center">
−
                            <h3>Graphic Design</h3>
+
 
−
                            <p>EPROM or Erasable Programmable Read Only Memory is rewritable memory chip that can hold its data without power. A programmed.</p>
+
                        <h3>Aeronautics</h3>
−
                        </div>  
+
                        <img src="https://static.igem.org/mediawiki/2016/a/a5/IONIS_IGEM_IPSA_shcool.png" alt="" />
 +
 
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
         </section>
+
         </div>
−
        <!-- ====END SERVICE AREA==== -->
+
    </section>
−
       
+
    <!-- ====END SERVICE AREA==== -->
−
       
+
 
−
       
+
 
−
     
+
 
−
       
+
 
−
        <!-- ====START PROCESS TABLE==== -->
+
−
        <section class="process_area section-padding">
+
    <!-- ====START PARTNER==== -->
−
            <div class="container">
+
    <div class="partner_area">
−
                <div class="row">
+
        <div class="container">
−
                    <div class="col-xs-12">
+
            <div class="row">
−
                        <div class="section_title mb80">
+
                <div class="col-xs-12">
−
                            <h5 class="smallHd text-center">the simple step of</h5>
+
                    <div class="section_title mb80">
−
                            <h2 class="secHd text-center">our working process</h2>
+
                        <h5 class="smallHd text-center">Our</h5>
−
                        </div>
+
                        <h2 class="secHd text-center">SPONSORS AND PARTNERS </h2>
−
                    </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 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>
−
                 <div class="row">
+
                 <div class="col-md-12">
−
                    <div class="col-sm-8 col-sm-offset-2">
+
                    <div class="partner_slider">
−
                        <div class="pro_content">
+
                      <div class="item">
−
                            <div class="single_pro_content">
+
                             <img src="https://static.igem.org/mediawiki/2016/0/0e/IONIS_IGEM_partener_ARPF.png" alt="partner slider" />
−
                                <fieldset>
+
−
                                    <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>
+
−
                             </div>
+
−
                            <div class="single_pro_content">
+
−
                                <fieldset>
+
−
                                    <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 class="single_pro_content">
+
−
                                <fieldset>
+
−
                                    <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 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>
+
                      <div class="item">
−
                </div>
+
                             <img src="https://static.igem.org/mediawiki/2016/0/08/IONIS_IGEM_partener_bouygues.png" alt="partner slider" />
−
            </div>
+
                        </div>
−
        </section>
+
                      <div class="item">
−
        <!-- ====END PROCESS TABLE==== -->
+
                            <img src="https://static.igem.org/mediawiki/2016/3/36/IONIS_IGEM_partener_Bio_new_england.png" alt="partner slider" />
−
       
+
−
     
+
−
     
+
−
       
+
−
        <!-- ====START CLIENT PART==== -->
+
−
        <section class="client_part">
+
−
            <div class="container">
+
−
                <div class="client_slider_area">
+
−
                    <div class="client-caro">
+
−
                        <div class="row">
+
−
                             <div class="col-xs-12 col-sm-3">
+
−
                                <div class="client_img">
+
−
                                    <div class="singleClientImg">
+
−
                                        <img src="https://static.igem.org/mediawiki/2016/7/72/Ionis_group.jpg" alt="">
+
−
                                        <h6><a href="#">IONIS GROUP </a></h6>
+
−
                                        <p>CEO, Omuk Group </p>
+
−
                                    </div>
+
−
                                    <div class="singleClientImg">
+
−
                                        <img src="img/ionis_group.jpg" alt="">
+
−
                                        <h6><a href="#">Johnny Peters</a></h6>
+
−
                                        <p>MD, CTS Group </p>
+
−
                                    </div>
+
−
                                    <div class="singleClientImg">
+
−
                                        <img src="img/ionis_group.jpg" alt="">
+
−
                                        <h6><a href="#">William Morales</a></h6>
+
−
                                        <p>CEO, Lorem Group </p>
+
−
                                    </div>
+
−
                                </div>
+
−
                                <div class="clientslide_nav">
+
−
                                    <i class="zmdi zmdi-long-arrow-left testi_prev"></i>
+
−
                                    <i class="zmdi zmdi-long-arrow-right testi_next"></i>
+
−
                                </div>
+
−
                            </div>
+
−
                            <div class="col-xs-12 col-sm-9">
+
−
                                <div class="section_title">
+
−
                                    <h5 class="smallHd text-left">some of inspiration</h5>
+
−
                                    <h2 class="secHd text-left">We talked about us</h2>
+
−
                                </div>
+
−
                                <div class="clientTestiSlider">
+
−
                                    <div class="singleClientTesti">
+
−
                                        <div class="cleint-testi">
+
−
                                            <p>En 2015, une équipe 100 % IONIS Education Group participait pour la première fois à l’International Genetically Engineered Machine competition (iGEM), cette compétition de biologie synthétique qui rassemble plus de 300 groupes d’étudiants du monde entier et dont la finale se déroule chaque année au sein du mythique Massachusetts Institute of Technology (MIT) à Boston. Nommée « iGEM IONIS », cette team inter-écoles avait remporté une médaille d’or pour sa Bio-Console originale et ludique. </p>
+
−
                                        </div>
+
−
                                    </div>
+
−
                                    <div class="singleClientTesti">
+
−
                                        <div class="cleint-testi">
+
−
                                            <p>If you’ve followed along and done the steps above, you’ve created a good starting place. You’re going to need to make sure your pages are optimized properly. This will ensure you get your page ranked high in the search engines. ou’re going to need to make sure your pages are optimized properly.This will ensure high in the search properly.</p>
+
−
                                        </div>
+
−
                                    </div>
+
−
                                    <div class="singleClientTesti">
+
−
                                        <div class="cleint-testi">
+
−
                                            <p>If you’ve followed along and done the steps above, you’ve created a good starting place. You’re going to need to make sure your pages are optimized properly. This will ensure you get your page ranked high in the search engines. ou’re going to need to make sure your pages are optimized properly.This will ensure high in the search properly.</p>
+
−
                                        </div>
+
−
                                    </div>
+
−
                                </div>
+
−
                            </div>
+
 
                         </div>
 
                         </div>
 +
 +
 +
                        <div class="item">
 +
                            <img src="https://static.igem.org/mediawiki/2016/e/eb/IONIS_IGEM_partener_qiagen.png" alt="partner slider" />
 +
                        </div>
 +
                        <div class="item">
 +
                            <img src="https://static.igem.org/mediawiki/2016/7/71/IONIS_IGEM_partener_IDT.png" alt="partner slider" />
 +
                        </div>
 +
                        <div class="item">
 +
                            <img src="https://static.igem.org/mediawiki/2016/7/73/IONIS_IGEM_partener_INSERM.png" alt="partner slider" />
 +
                        </div>
 +
                        <div class="item">
 +
                            <img src="https://static.igem.org/mediawiki/2016/8/81/IONIS_IGEM_partener_lapaillasse.png" alt="partner slider" />
 +
                        </div>
 +
 +
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
         </section>
+
         </div>
−
        <!-- ====END CLIENT PART==== -->
+
    </div>
−
          
+
    <!-- ====END PARTNER==== -->
−
         <!-- ====START PARTNER==== -->
+
 
−
         <div class="partner_area">
+
 
 +
    <!-- ====END BLOG TABLE==== -->
 +
 
 +
 
 +
    <!-- ====START SOCIAL Link==== -->
 +
    <div class="footer_social">
 +
         <div class="container-fluid">
 +
            <div class="row">
 +
                <ul class="ft_top clearfix">
 +
                    <li class="waves-effect waves-light">
 +
                        <a href="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="container">
 
                 <div class="row">
 
                 <div class="row">
−
                     <div class="col-md-12">
+
                     <div class="col-xs-12">
−
                         <div class="partner_slider">
+
                         <div class="scroll_area">
−
                             <div class="item">
+
                             <div class="sroll_top">
−
                                 <img src="" alt="partner slider" />
+
                                 <a href="#ancre"> <i class="zmdi zmdi-chevron-up btn waves-effect"> </i> </a>
−
                            </div>
+
−
                            <div class="item">
+
−
                                <img src="" alt="partner slider" />
+
−
                            </div>
+
−
                            <div class="item">
+
−
                                <img src="" alt="partner slider" />
+
−
                            </div>
+
−
                            <div class="item">
+
−
                                <img src="" alt="partner slider" />
+
−
                            </div>
+
−
                            <div class="item">
+
−
                                <img src="" alt="partner slider" />
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
            </div>
 
−
        </div>
 
−
        <!-- ====END PARTNER==== -->
 
−
       
 
−
     
 
−
        <!-- ====END BLOG TABLE==== -->
 
−
       
 
−
       
 
−
       
 
−
        <!-- ====START CONTACT AREA==== -->
 
−
        <section id="contact" class="map-area">
 
−
            <div class="contact_google_map">
 
−
                <div id="contactgoogleMap"></div>
 
−
            </div>
 
−
            <div class="contact-area">
 
−
                <div class="container">
 
−
                    <div class="contact_text col-md-6">
 
−
                        <div class="section_title">
 
−
                            <h2 class="text-left">Get in touch</h2>
 
−
                            <p class="colorWh">feel free to contact us with any questions</p>
 
−
                        </div>
 
−
                        <form action="mail-process.php" method="post">
 
−
                            <div class="row jsSubmit_button">
 
−
                                <div class="input-field col-md-6">
 
−
                                    <input id="contact_name" type="text" class="validate" name="your_name" required>
 
−
                                    <label for="contact_name">
 
−
                                        <i class="zmdi zmdi-account"></i>Your Name
 
−
                                        <span>*</span>
 
−
                                    </label>
 
−
                                </div>
 
−
                                <div class="input-field col-md-6">
 
−
                                    <input id="contact_email" type="email" class="validate" name="your_mail" required>
 
−
                                        <label for="contact_email"><i class="zmdi zmdi-email"></i>Your Email
 
−
                                        <span>*</span>
 
−
                                    </label>
 
−
                                </div>
 
−
                                <div class="input-field col-md-12">
 
−
                                    <textarea id="textarea1" name="your_text" class="materialize-textarea" required></textarea>
 
−
                                    <label for="textarea1"><i class="zmdi zmdi-border-color"></i>Your Massage
 
−
                                        <span>*</span>
 
−
                                    </label>
 
−
                                   
 
−
                                </div>
 
−
                                <div class="col-md-12">
 
−
                                    <button type="submit" class="th_bt btn waves-effect" name="submit_btn" disabled>
 
−
                                        send<i class="zmdi zmdi-mail-send"></i>
 
−
                                    </button>
 
−
                                </div>
 
−
                            </div>
 
−
                        </form>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
        </section>
 
−
        <!-- ====END CONTACT==== -->
 
−
       
 
−
        <!-- ====START SOCIAL Link==== -->
 
−
        <div class="footer_social">
 
−
            <div class="container-fluid">
 
 
                 <div class="row">
 
                 <div class="row">
−
                    <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="#" target="_blank">
 
−
                                <i class="zmdi zmdi-twitter"></i>Twitter
 
−
                            </a>
 
−
                        </li>
 
−
                        <li class="waves-effect waves-light">
 
−
                            <a href="#" target="_blank">
 
−
                                <i class="zmdi zmdi-flickr"></i>Flickr
 
−
                            </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>
 
−
                        <li class="waves-effect waves-light">
 
−
                            <a href="#" target="_blank">
 
−
                                <i class="zmdi zmdi-dribbble"></i>Dribble
 
−
                            </a>
 
−
                        </li>
 
−
                        <li class="waves-effect waves-light">
 
−
                            <a href="#" target="_blank">
 
−
                                <i class="zmdi zmdi-vimeo"></i>Vimeo
 
−
                            </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">
 
−
                                    <i class="zmdi zmdi-chevron-up btn waves-effect"></i>   
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                    </div>
 
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-lg-5 col-md-5 col-sm-12">
 
                         <div class="col-lg-5 col-md-5 col-sm-12">
 
                             <div class="middle_content">
 
                             <div class="middle_content">
−
                                 <h4>More about us</h4>
+
                                 <h4>iGEM IONIS</h4>
−
                                 <p>If you’ve followed along and done the steps above, you’ve created a good starting place. You’re going to need to make sure your pages are optimized properly. This will ensure you get your page ranked high in the search engines. ou’re going to need to make sure your pages are optimized properly.
+
                                 <p> We're a group of six different schools from the IONIS Education Group. For this
−
            Read More</p>
+
                                    competition we wanted to take advantage of the multiple schools and fields of activity
−
                              <a href="#">Read More</a>
+
                                    given by the IONIS education group to create a solid project.</p>
 +
                                <a href="https://2016.igem.org/Team:Ionis_Paris/Team">Read More</a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 +
 
                         <div class="col-lg-3 col-lg-offset-1 col-md-4 col-sm-7">
 
                         <div class="col-lg-3 col-lg-offset-1 col-md-4 col-sm-7">
 
                             <div class="footer_Widgets">
 
                             <div class="footer_Widgets">
Line 670: Line 525:
 
                                     <ul>
 
                                     <ul>
 
                                         <li><i class="zmdi zmdi-pin"></i>
 
                                         <li><i class="zmdi zmdi-pin"></i>
−
                                             <span>Location: Lorance Road 542B,5248 MT, France</span>
+
                                             <span>Location: 66 Rue Guy Môquet, 94800 Villejuif, France</span>
−
                                        </li>
+
−
                                        <li><i class="zmdi zmdi-phone"></i>
+
−
                                            <a href="tel:123-456-7890">Phone: 123-456-7890</a>
+
 
                                         </li>
 
                                         </li>
 +
 
                                         <li><i class="zmdi zmdi-email"></i>
 
                                         <li><i class="zmdi zmdi-email"></i>
−
                                             <a href="mailto:contact@domain.com">email: clement@lapierre-fr.net</a>
+
                                             <a href="mailto:igem.ionis@gmail.com">email: igem.ionis@gmail.com</a>
 
                                         </li>
 
                                         </li>
−
                                     
+
 
 
                                     </ul>
 
                                     </ul>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <div class="col-lg-3 col-md-3 col-sm-5">
+
                    <div class="col-lg-3 col-md-3 col-sm-5">
 
                             <div class="footer_Widgets">
 
                             <div class="footer_Widgets">
−
                                 <h4>Galleries</h4>
+
                                 <h4>Download the app</h4>
−
                                 <figure class="widget_gallery">
+
                                 <a href="https://itunes.apple.com/us/app/quantifly/id1166875690?ls=1&mt=8"
−
                                    <div class="RXcircleEffect"></div>
+
                                  target="_blank" style="target-new: tab;">
−
                                    <img src="https://static.igem.org/mediawiki/2016/6/67/Gallery_1.jpg" alt="" />
+
                                    <figure class="widget_gallery">
−
                                    <figcaption>
+
                                        <div class="RXcircleEffect"></div>
−
                                         <a class="veno vbox-item" href="img/gallery_1.jpg" data-gall="group_4">
+
                                        <img src="https://static.igem.org/mediawiki/2016/8/8d/IONIS_IGEM_paris_logo_apple.png"
 +
                                            alt="" />
 +
                                         <figcaption>
 
                                             <i class="zmdi zmdi-link"></i>
 
                                             <i class="zmdi zmdi-link"></i>
−
                                         </a>
+
                                         </figcaption>
−
                                     </figcaption>
+
                                     </figure>
−
                                 </figure>
+
                                 </a>
−
                                 <figure class="widget_gallery">
+
                                 <a href="https://play.google.com/store/apps/details?id=fr.plnech.quantifly&hl=en"
−
                                    <div class="RXcircleEffect"></div>
+
                                  target="_blank" style="target-new: tab;">
−
                                    <img src="img/gallery_2.jpg" alt="" />
+
                                    <figure class="widget_gallery">
−
                                    <figcaption>
+
                                        <div class="RXcircleEffect"></div>
−
                                        <a class="veno vbox-item" href="https://static.igem.org/mediawiki/2016/6/67/Gallery_1.jpg" data-gall="group_4">
+
                                        <img src="https://static.igem.org/mediawiki/2016/6/65/IONIS_IGEM_paris_google_play.png"
 +
                                            alt="" />
 +
                                        <figcaption>
 
                                             <i class="zmdi zmdi-link"></i>
 
                                             <i class="zmdi zmdi-link"></i>
−
                                         </a>
+
                                         </figcaption>
−
                                    </figcaption>
+
                                     </figure>
−
                                </figure>
+
                                 </a>
−
                                <figure class="widget_gallery">
+
 
−
                                     <div class="RXcircleEffect"></div>
+
                       
−
                                    <img src="img/gallery_3.jpg" alt="" />
+
−
                                    <figcaption>
+
−
                                        <a class="veno vbox-item" href="https://static.igem.org/mediawiki/2016/6/67/Gallery_1.jpg" data-gall="group_4">
+
−
                                            <i class="zmdi zmdi-link"></i>
+
−
                                        </a>
+
−
                                    </figcaption>
+
−
                                </figure>
+
−
                                 <figure class="widget_gallery">
+
−
                                    <div class="RXcircleEffect"></div>
+
−
                                    <img src="img/gallery_4.jpg" alt="" />
+
−
                                    <figcaption>
+
−
                                        <a class="veno vbox-item" href="img/gallery_4.jpg" data-gall="group_4">
+
−
                                            <i class="zmdi zmdi-link"></i>
+
−
                                        </a>
+
−
                                    </figcaption>
+
−
                                </figure>
+
−
                                <figure class="widget_gallery">
+
−
                                    <div class="RXcircleEffect"></div>
+
−
                                    <img src="img/gallery_5.jpg" alt="" />
+
−
                                    <figcaption>
+
−
                                        <a class="veno vbox-item" href="img/gallery_5.jpg" data-gall="group_4">
+
−
                                            <i class="zmdi zmdi-link"></i>
+
−
                                        </a>
+
−
                                    </figcaption>
+
−
                                </figure>
+
−
                                <figure class="widget_gallery">
+
−
                                    <div class="RXcircleEffect"></div>
+
−
                                    <img src="img/gallery_6.jpg" alt="" />
+
−
                                    <figcaption>
+
−
                                        <a class="veno vbox-item" href="img/gallery_6.jpg" data-gall="group_4">
+
−
                                            <i class="zmdi zmdi-link"></i>
+
−
                                        </a>
+
−
                                    </figcaption>
+
−
                                </figure>
+
 
                             </div>
 
                             </div>
 
                         </div>  
 
                         </div>  
 +
 
                     </div>
 
                     </div>
 +
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 751: Line 576:
 
                             <div class="col-md-7 fix_p_l">
 
                             <div class="col-md-7 fix_p_l">
 
                                 <nav>
 
                                 <nav>
−
                                     <ul class="ft_bottom">    
+
                                     <ul class="ft_bottom">
−
                                         <li><a href="#">Home</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris">Home</a></li>
−
                                         <li><a href="#">Services</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Working_at_La_Paillasse">in the Lab</a></li>
−
                                         <li><a href="#"> About </a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Measurement"> Side Projects</a></li>
−
                                         <li><a href="#">Portfolio</a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Parts">Results</a></li>
−
                                         <li><a href="#">Blog </a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/HPintro">Human
−
                                         <li><a href="#">Contact US</a></li>
+
                                            Practice</a></li>
 +
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Team">Team</a></li>
 
                                     </ul>
 
                                     </ul>
 
                                 </nav>
 
                                 </nav>
Line 763: Line 589:
 
                             <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 01:06, 2 December 2016

What is

Quantifly ?

(VOC)

VOLATILE ORGANIC COMPOUNDS

Nowadays, Volatile Organic Compounds (VOCs) are commonly found pollutants that have been proven 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 require 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.

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