Difference between revisions of "Team:Ionis Paris"

 
(54 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{IONIS_HEADER}}   
 
{{IONIS_HEADER}}   
 
<html>  
 
<html>  
−
        <!-- ====Google font==== -->
 
−
    <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 -->
 
     <!-- Nos feuilles de style -->
 
     <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css-template?action=raw&ctype=text/css" />
 
     <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css-template?action=raw&ctype=text/css" />
Line 25: Line 17:
 
                         <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="#quantifly" 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>
Line 38: Line 30:
  
 
     <!-- ====FEATURE AERE==== -->
 
     <!-- ====FEATURE AERE==== -->
−
     <!--  <section class="feature_area" id="services">
+
     <!--  <section class="feature_area" >
 
           <div class="container">
 
           <div class="container">
 
               <div class="row fix_m">
 
               <div class="row fix_m">
Line 92: Line 84:
 
                 <div class="col-xs-12">
 
                 <div class="col-xs-12">
 
                     <div class="section_title mb80">
 
                     <div class="section_title mb80">
−
                         <h2 class="sec text-center">WHAT IS</h2>
+
                         <h5 id="qantifly" class="smallHd text-center">What is
−
                         <h2 class="secHd text-center ">Quantifly ?</h2>
+
                        </h5>
 +
                         <h2 class="secHd text-center">Quantifly ?</h2>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 +
 
             <div class="col-xs-12 col-sm-6">
 
             <div class="col-xs-12 col-sm-6">
 
                 <div class="about_left">
 
                 <div class="about_left">
Line 108: Line 102:
 
                 </div>
 
                 </div>
 
                 <div class="about_text">
 
                 <div class="about_text">
−
                     <p>Nowadays, Volatile Organic Compounds (VOCs) are commonly found pollutants that have been proved
+
                     <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
 
                         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
 
                         almost everywhere, VOCs are not efficiently detected. Usual detection devices are very unprecise
−
                         or requires a very long exposure time.</p>
+
                         or require a very long exposure time.</p>
  
 
                 </div>
 
                 </div>
Line 135: Line 129:
 
                             trying to develop a new application for bioluminescence that should allow us to create a
 
                             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>
 
                             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 class="col-xs-12 col-sm-5">
+
                 <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 class="about_left">
 
−
                    <img src="https://static.igem.org/mediawiki/2016/7/7d/Biosensor.png" alt="" />
 
 
                 </div>
 
                 </div>
 +
         
  
  
Line 183: Line 176:
 
                 <div class="dtable">
 
                 <div class="dtable">
 
                     <div class="dcell">
 
                     <div class="dcell">
−
                         <a href="https://www.youtube.com/watch?v=G0SF4aWuL4E" data-type="youtube" id="control"
+
                         <a href="https://www.youtube.com/watch?v=G0SF4aWuL4E" data-type="YouTube" id="control"
 
                           class="btn waves-effect waves-light veno">
 
                           class="btn waves-effect waves-light veno">
 
                             <i class="zmdi zmdi-play"></i>
 
                             <i class="zmdi zmdi-play"></i>
Line 194: Line 187:
  
 
         <div class="row">
 
         <div class="row">
−
            <div class="col-md-3 col-xs-6">
+
        <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>
Line 205: Line 201:
 
     </section>
 
     </section>
 
     <!-- ====END SKILL AND VEDIO TABLE==== -->
 
     <!-- ====END SKILL AND VEDIO TABLE==== -->
 +
<!-- ====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="about_left">
 +
                            <img src="https://static.igem.org/mediawiki/2016/b/ba/Ionis_page_gold_medal.jpg" alt=""/>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-12 col-sm-6">
 +
                        <div class="section_title">
 +
                            <h5 class="smallHd">What we achieved</h5>
 +
                            <h2 class="secHd">About our Successes</h2>
 +
                        </div>
 +
                        <div class="about_text">
 +
                        <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>
 +
                            <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>
 +
        </section>
 +
        <!-- ====ABOUT US==== -->
  
  
Line 227: Line 246:
 
                                 <h1>The European <br>Experience </h1>
 
                                 <h1>The European <br>Experience </h1>
 
                                 <h6>In Paris 2/07/2016</h6>
 
                                 <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>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>
 
                                 </p>
 
                                 <ul class="team_social">
 
                                 <ul class="team_social">
 
                                     <li>
 
                                     <li>
−
                                         <a href="#!">
+
                                         <a href="https://www.facebook.com/The.European.Experience.2016/?fref=ts">
 
                                             <i class="zmdi zmdi-facebook btn waves-effect"></i>
 
                                             <i class="zmdi zmdi-facebook btn waves-effect"></i>
 
                                         </a>
 
                                         </a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
−
                                         <a href="#!">
+
                                         <a href="https://twitter.com/igem_ionis">
 
                                             <i class="zmdi zmdi-twitter btn waves-effect"></i>
 
                                             <i class="zmdi zmdi-twitter btn waves-effect"></i>
 
                                         </a>
 
                                         </a>
 
                                     </li>
 
                                     </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>
 
                                 </ul>
−
                                 <a class="th_bt btn waves-effect waves-light" href="#!">Learn More
+
                                 <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>
 
                                     <i class="zmdi zmdi-long-arrow-right"></i>
 
                                 </a>
 
                                 </a>
 
                             </div>
 
                             </div>
 
                             <div class="item">
 
                             <div class="item">
−
                                 <h1>Timothy<br>Dean</h1>
+
                                 <h1>A professional...</h1>
−
                                 <h6>Creative Director</h6>
+
                                 <h6>V.I.Ps welcome</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>
+
                                 <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>
 
                                 <ul class="team_social">
 
                                 <ul class="team_social">
 
                                     <li>
 
                                     <li>
−
                                         <a href="#!">
+
                                         <a href="https://www.facebook.com/The.European.Experience.2016/?fref=ts">
 
                                             <i class="zmdi zmdi-facebook btn waves-effect"></i>
 
                                             <i class="zmdi zmdi-facebook btn waves-effect"></i>
 
                                         </a>
 
                                         </a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
−
                                         <a href="#!">
+
                                         <a href="https://twitter.com/igem_ionis">
 
                                             <i class="zmdi zmdi-twitter btn waves-effect"></i>
 
                                             <i class="zmdi zmdi-twitter btn waves-effect"></i>
 
                                         </a>
 
                                         </a>
 
                                     </li>
 
                                     </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>
 
                                 </ul>
−
                                 <a class="th_bt btn waves-effect waves-light" href="#!">Learn More
+
                                 <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>
 
                                     <i class="zmdi zmdi-long-arrow-right"></i>
 
                                 </a>
 
                                 </a>
 
                             </div>
 
                             </div>
 
                             <div class="item">
 
                             <div class="item">
−
                                 <h1>Ralph <br>Ramirez</h1>
+
                                 <h1>...and international event</h1>
−
                                 <h6>Creative Director</h6>
+
                                 <h6>organized by iGEM IONIS and iGEM Evry</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>
+
                                 <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">
 
                                 <ul class="team_social">
 
                                     <li>
 
                                     <li>
−
                                         <a href="#!">
+
                                         <a href="https://www.facebook.com/The.European.Experience.2016/?fref=ts">
 
                                             <i class="zmdi zmdi-facebook btn waves-effect"></i>
 
                                             <i class="zmdi zmdi-facebook btn waves-effect"></i>
 
                                         </a>
 
                                         </a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
−
                                         <a href="#!">
+
                                         <a href="https://twitter.com/igem_ionis">
 
                                             <i class="zmdi zmdi-twitter btn waves-effect"></i>
 
                                             <i class="zmdi zmdi-twitter btn waves-effect"></i>
 
                                         </a>
 
                                         </a>
 
                                     </li>
 
                                     </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>
 
                                 </ul>
−
                                 <a class="th_bt btn waves-effect waves-light" href="#!">Learn More
+
                                 <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>
 
                                     <i class="zmdi zmdi-long-arrow-right"></i>
 
                                 </a>
 
                                 </a>
Line 338: Line 315:
 
                             <div class="item waves-effect">
 
                             <div class="item waves-effect">
 
                                 <img src="https://static.igem.org/mediawiki/2016/6/63/European_experience.jpg" alt="">
 
                                 <img src="https://static.igem.org/mediawiki/2016/6/63/European_experience.jpg" alt="">
−
                                 <div class="memberPhoto_border bg1"></div>
+
                                 <div class=""></div>
 
                                 <div class="memberPhoto_border bg2"></div>
 
                                 <div class="memberPhoto_border bg2"></div>
 
                                 <div class="memberPhoto_border bg3"></div>
 
                                 <div class="memberPhoto_border bg3"></div>
Line 344: Line 321:
 
                             </div>
 
                             </div>
 
                             <div class="item waves-effect">
 
                             <div class="item waves-effect">
−
                                 <img src="img/team_member_3.jpg" alt="">
+
                                 <img src="https://static.igem.org/mediawiki/2016/1/18/IONIS_IGEM_EE2016_cocktail.png" alt="">
 
                                 <div class="memberPhoto_border bg1"></div>
 
                                 <div class="memberPhoto_border bg1"></div>
 
                                 <div class="memberPhoto_border bg2"></div>
 
                                 <div class="memberPhoto_border bg2"></div>
Line 351: Line 328:
 
                             </div>
 
                             </div>
 
                             <div class="item waves-effect">
 
                             <div class="item waves-effect">
−
                                 <img src="img/team_member_2.jpg" alt="">
+
                                 <img src="https://static.igem.org/mediawiki/2016/b/b0/IONIS_IGEM_EE2016_home_group.png" alt="">
 
                                 <div class="memberPhoto_border bg1"></div>
 
                                 <div class="memberPhoto_border bg1"></div>
 
                                 <div class="memberPhoto_border bg2"></div>
 
                                 <div class="memberPhoto_border bg2"></div>
Line 368: Line 345:
 
     </section>
 
     </section>
 
     <!-- ====START OUR TEAM AREA==== -->
 
     <!-- ====START OUR TEAM AREA==== -->
 +
 
     <!-- ====START SERVICE AREA==== -->
 
     <!-- ====START SERVICE AREA==== -->
 
     <section class="service_area section-padding">
 
     <section class="service_area section-padding">
Line 435: Line 413:
 
    
 
    
  
−
    <!-- ====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 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 class="row">
+
−
                <div class="col-sm-8 col-sm-offset-2">
+
−
                    <div class="pro_content">
+
−
                        <div class="single_pro_content">
+
−
                            <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>
+
−
    </section>
+
−
    <!-- ====END PROCESS TABLE==== -->
+
−
 
+
 
     <!-- ====START PARTNER==== -->
 
     <!-- ====START PARTNER==== -->
 
     <div class="partner_area">
 
     <div class="partner_area">
Line 532: Line 421:
 
                     <div class="section_title mb80">
 
                     <div class="section_title mb80">
 
                         <h5 class="smallHd text-center">Our</h5>
 
                         <h5 class="smallHd text-center">Our</h5>
−
                         <h2 class="secHd text-center">SPONSORS AND PARTENAIRS </h2>
+
                         <h2 class="secHd text-center">SPONSORS AND PARTNERS </h2>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 590: Line 479:
 
                     <li class="waves-effect waves-light">
 
                     <li class="waves-effect waves-light">
 
                         <a href="https://www.youtube.com/channel/UC0RyQsB5YpweSRBYQlAdZDA" target="_blank">
 
                         <a href="https://www.youtube.com/channel/UC0RyQsB5YpweSRBYQlAdZDA" target="_blank">
−
                             <i class="zmdi zmdi-youtube"></i>youtube
+
                             <i class="zmdi zmdi-youtube"></i>YouTube
 
                         </a>
 
                         </a>
 
                     </li>
 
                     </li>
Line 624: Line 513:
 
                                 <h4>iGEM IONIS</h4>
 
                                 <h4>iGEM IONIS</h4>
 
                                 <p> We're a group of six different schools from the IONIS Education Group. For this
 
                                 <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
+
                                     competition we wanted to take advantage of the multiple schools and fields of activity
 
                                     given by the IONIS education group to create a solid project.</p>
 
                                     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>
 
                                 <a href="https://2016.igem.org/Team:Ionis_Paris/Team">Read More</a>
Line 647: Line 536:
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 +
                    <div class="col-lg-3 col-md-3 col-sm-5">
 +
                            <div class="footer_Widgets">
 +
                                <h4>Download the app</h4>
 +
                                <a href="https://itunes.apple.com/us/app/quantifly/id1166875690?ls=1&mt=8"
 +
                                  target="_blank" style="target-new: tab;">
 +
                                    <figure class="widget_gallery">
 +
                                        <div class="RXcircleEffect"></div>
 +
                                        <img src="https://static.igem.org/mediawiki/2016/8/8d/IONIS_IGEM_paris_logo_apple.png"
 +
                                            alt="" />
 +
                                        <figcaption>
 +
                                            <i class="zmdi zmdi-link"></i>
 +
                                        </figcaption>
 +
                                    </figure>
 +
                                </a>
 +
                                <a href="https://play.google.com/store/apps/details?id=fr.plnech.quantifly&hl=en"
 +
                                  target="_blank" style="target-new: tab;">
 +
                                    <figure class="widget_gallery">
 +
                                        <div class="RXcircleEffect"></div>
 +
                                        <img src="https://static.igem.org/mediawiki/2016/6/65/IONIS_IGEM_paris_google_play.png"
 +
                                            alt="" />
 +
                                        <figcaption>
 +
                                            <i class="zmdi zmdi-link"></i>
 +
                                        </figcaption>
 +
                                    </figure>
 +
                                </a>
  
 +
                       
 +
                            </div>
 +
                        </div>
  
 
                     </div>
 
                     </div>

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