Difference between revisions of "Team:Ionis Paris"

 
(305 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{Ionis_Paris}}
+
{{IONIS_HEADER}}  
−
<html>
+
<html>
 +
    <!-- 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" />
 +
    <!-- Version minifiée dans le bon ordre de toutes les feuilles de style du template -->
 +
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css?action=raw&ctype=text/css" />
  
−
<div class="column full_size" >
+
    <!-- ====HEADER PARALUX==== -->
−
<img src="https://static.igem.org/mediawiki/2016/b/b2/IONIS_Team_800x300.jpeg">
+
    <section id="ancre" class="header_paralux" style="background: url('https://static.igem.org/mediawiki/2016/8/88/HOME.jpg');  background-size: cover;
−
</div>
+
    background-repeat: no-repeat;
 +
    position: relative;
 +
    background-attachment: fixed;">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12">
 +
                    <div class="dtable">
 +
                        <div class="dcell">
 +
                            <div class="page_down text-center">
 +
                                <a href="#quantifly" class="go-down">
 +
                                    <i class="zmdi zmdi-long-arrow-down testi_prev"></i>
 +
                                </a>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
    <!-- ====HEADER PARALUX END==== -->
  
−
<div class="column full_size" >
+
    <!-- ====FEATURE AERE==== -->
−
<h2> What is Quantifly ? </h2>
+
    <!--  <section class="feature_area" >
−
<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. We tried to address this problem by building a biosensor, perfectly adapted to on-field measurements that would allow us to easily and rapidly quantify the amount of VOCs in the air. This 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. We are also working with aeronautical engineers in order to develop a drone able to safely contain our bacteria,that will later be used as a mobile detection platform. </p>
+
          <div class="container">
 +
              <div class="row fix_m">
 +
                  <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
 +
                      <div class="single_feature text-center">
 +
                          <i class="zmdi zmdi-devices"></i>
 +
                          <h4>Branding</h4>
 +
                          <div class="single_cap">
 +
                          <p>As a business 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-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==== -->
  
−
</div>  
+
    <!-- ====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>
  
−
<div class="column half_size" >
+
            <div class="col-xs-12 col-sm-6">
−
<img src = "https://static.igem.org/mediawiki/2016/f/f8/Team_igem_ionis.jpeg">
+
                <div class="about_left">
−
+
                    <img src="https://static.igem.org/mediawiki/2016/2/23/Ville.png" alt="" />
−
<h5>Before you start: </h5>
+
                </div>
−
<p> Please read the following pages:</p>
+
            </div>
−
<ul>
+
            <div class="col-xs-12 col-sm-6">
−
<li> <a href="https://2016.igem.org/Requirements">Requirements page </a> </li>
+
                <div class="section_title">
−
<li> <a href="https://2016.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
+
                    <h5 class="smallHd">(VOC)</h5>
−
<li> <a href="https://2016.igem.org/Resources/Template_Documentation"> Template Documentation </a></li>
+
                    <h2 class="secHd">VOLATILE ORGANIC COMPOUNDS</h2>
−
</ul>
+
                </div>
−
</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 class="column half_size" >
+
                </div>
−
<div class="highlight">
+
            </div>
−
<h3> Our brainstorming</h3>
+
        </div>
−
<p>This project started as we had the idea to value bioluminescence as another process than tagging or imaging. We noticed that bioluminescence seemed underestimated in the competition, which ancouraged us to find a project using it in a very innovative way.</p>
+
        </div>
−
<p>The idea of using it in the detection of pollution came to us with the recent environment related conferences such as COP21 that took place in Paris. As a french team, we were very sensitive to this event and the issue of constantly increasing pollution levels, and we thus decided to focus on the creation of our drone transporting bacteria that would be able to detect and measure air pollution levels.</p>  
+
    </section>
−
</div>
+
    <!-- ====ABOUT US==== -->
−
</div>
+
    <!-- ====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 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>
 +
                     
 +
                    </div>
 +
                </div>
 +
                <div class="col-xs-12 col-sm-6">
  
−
<div class="column full_size" >
+
    <div class="about_left">
−
<h5> Wiki template information </h5>
+
                    <img src="https://static.igem.org/mediawiki/2016/7/75/T--IONIS_Paris--Biosensor.png" alt="" />
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
                </div>
 +
                </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="about_left">
 +
                        <img src="https://static.igem.org/mediawiki/2016/f/f5/Drone_1.png" alt="drone" />
 +
                    </div>
 +
                </div>
 +
                <div class="col-xs-12 col-sm-5">
 +
                    <div class="section_title">
 +
                        <h5 class="smallHd">Bacteria</h5>
 +
                        <h2 class="secHd">Drone</h2>
 +
                    </div>
 +
                    <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>
  
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
    <!-- ====ABOUT US==== -->
 +
    <!-- ====START SKILL AND VEDIO TABLE==== -->
 +
    <section class="skill_and_video">
 +
        <div class="video_area">
 +
            <div class="video_control">
 +
                <div class="dtable">
 +
                    <div class="dcell">
 +
                        <a href="https://www.youtube.com/watch?v=G0SF4aWuL4E" data-type="YouTube" id="control"
 +
                          class="btn waves-effect waves-light veno">
 +
                            <i class="zmdi zmdi-play"></i>
 +
                        </a>
 +
                        <h4>Check out the Video</h4>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
  
 +
        <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 class="column half_size" >
+
            </div>
−
<h5> Editing your wiki </h5>
+
        </div>
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
−
<p> <a href="https://2016.igem.org/wiki/index.php?title=Team:Example&action=edit"> Click here to edit this page! </a></p>
+
  
−
</div>
 
  
 +
        </div>
 +
        </div>
 +
        </div>
 +
        </div>
 +
    </section>
 +
    <!-- ====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==== -->
  
−
<div class="column half_size" >
 
−
<h5>Tips</h5>
 
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
 
−
<ul>
 
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
 
−
<li>Be clear about what you are doing and how you plan to do this.</li>
 
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
 
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
 
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
 
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2016.igem.org/Calendar">iGEM 2016 calendar</a> </li>
 
−
<li>Have lots of fun! </li>
 
−
</ul>
 
−
</div>
 
  
 +
    <!-- ====START OUR TEAM AREA==== -->
 +
    <section class="our_team">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-xs-12">
 +
                    <div class="section_title mb80">
 +
                        <h5 class="smallHd text-center">OUR BEST INTER-TEAM
 +
                        </h5>
 +
                        <h2 class="secHd text-center">COLLABORATION</h2>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div 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="column half_size" >
+
                            <div class="item">
−
<h5>Inspiration</h5>
+
                                <h1>The European <br>Experience </h1>
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
                                <h6>In Paris 2/07/2016</h6>
−
<ul>
+
                                <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!
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
                                </p>
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
                                <ul class="team_social">
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
                                    <li>
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
                                        <a href="https://www.facebook.com/The.European.Experience.2016/?fref=ts">
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
                                            <i class="zmdi zmdi-facebook btn waves-effect"></i>
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
                                        </a>
−
</ul>
+
                                    </li>
−
</div>
+
                                    <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 class="item">
 +
                                <h1>A professional...</h1>
 +
                                <h6>V.I.Ps welcome</h6>
 +
                                <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">
 +
                                    <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 class="item">
 +
                                <h1>...and international event</h1>
 +
                                <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>
  
−
<div class="column half_size" >
+
                                </ul>
−
<h5> Uploading pictures and files </h5>
+
                                <a class="th_bt btn waves-effect waves-light" href="https://2016.igem.org/Team:Ionis_Paris/Events">Learn More
−
<p> You can upload your pictures and files to the iGEM 2016 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
                                    <i class="zmdi zmdi-long-arrow-right"></i>
−
When you upload, set the "Destination Filename" to <code>Team:YourOfficialTeamName/NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
                                </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=""></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="https://static.igem.org/mediawiki/2016/1/18/IONIS_IGEM_EE2016_cocktail.png" 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="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 bg2"></div>
 +
                                <div class="memberPhoto_border bg3"></div>
 +
                                <div class="memberPhoto_border bg4"></div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="teamslide_nav">
 +
                            <i class="zmdi zmdi-long-arrow-left testi_prev"></i>
 +
                            <i class="zmdi zmdi-long-arrow-right testi_next"></i>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
    <!-- ====START OUR TEAM AREA==== -->
  
 +
    <!-- ====START SERVICE AREA==== -->
 +
    <section class="service_area section-padding">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-xs-12">
 +
                    <div class="section_title mb80">
 +
                        <h2 class="secHd text-center" style="color: #429fd7;">A multidisciplinary team</h2><br />
 +
                        <h5 class="smallHd text-center" style="color: #429fd7;">The iGEM IONIS team is developping its
 +
                            project through different axes. We are focused on two areas : <br /><br />the development of
 +
                            our prototype and the realisation of our own european jamboree, the European Experience.
 +
                        </h5>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col-xs-12 col-sm-6 col-md-4">
 +
                    <div class="single_service text-center">
  
−
<div class="button_click"  onClick=" parent.location= 'https://2016.igem.org/Special:Upload '">
+
                        <h3>Biotechnology</h3>
−
UPLOAD FILES
+
                        <img src="https://static.igem.org/mediawiki/2016/0/01/IONIS_IGEM_supbiotech_shcool.png" alt="" />
−
</div>
+
                    </div>
 +
                </div>
 +
                <div class="col-xs-12 col-sm-6 col-md-4">
 +
                    <div class="single_service text-center">
  
−
</div>
+
                        <h3>Computer Science</h3>
 +
                        <img src="https://static.igem.org/mediawiki/2016/3/30/IONIS_IGEM_epita_shcool.png" alt="" />
  
  
 +
                    </div>
 +
                </div>
 +
                <div class="col-xs-12 col-sm-6 col-md-4">
 +
                    <div class="single_service text-center">
 +
                        <h3>Development</h3>
 +
                        <img src="https://static.igem.org/mediawiki/2016/0/04/IONIS_IGEM_epitech_shcool.png" alt="" />
 +
                    </div>
 +
                </div>
 +
                <div class="col-xs-12 col-sm-6 col-md-4">
 +
                    <div class="single_service text-center">
  
 +
                        <h3>Graphic Design</h3>
 +
                        <img src="https://static.igem.org/mediawiki/2016/5/5d/IONIS_IGEM_eartsup_shcool.png" alt="" />
 +
                    </div>
 +
                </div>
 +
                <div class="col-xs-12 col-sm-6 col-md-4">
 +
                    <div class="single_service text-center">
  
 +
                        <h3>Marketing & Communication</h3>
 +
                        <img src="https://static.igem.org/mediawiki/2016/6/69/IONIS_IGEM_ISTM_shcool.png" alt="" />
 +
                    </div>
 +
                </div>
 +
                <div class="col-xs-12 col-sm-6 col-md-4">
 +
                    <div class="single_service text-center">
  
 +
                        <h3>Aeronautics</h3>
 +
                        <img src="https://static.igem.org/mediawiki/2016/a/a5/IONIS_IGEM_IPSA_shcool.png" alt="" />
  
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
    <!-- ====END SERVICE AREA==== -->
 +
 +
 +
 
 +
 +
 +
    <!-- ====START PARTNER==== -->
 +
    <div class="partner_area">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-xs-12">
 +
                    <div class="section_title mb80">
 +
                        <h5 class="smallHd text-center">Our</h5>
 +
                        <h2 class="secHd text-center">SPONSORS AND PARTNERS </h2>
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-12">
 +
                    <div class="partner_slider">
 +
                      <div class="item">
 +
                            <img src="https://static.igem.org/mediawiki/2016/0/0e/IONIS_IGEM_partener_ARPF.png" alt="partner slider" />
 +
                        </div>
 +
                      <div class="item">
 +
                            <img src="https://static.igem.org/mediawiki/2016/0/08/IONIS_IGEM_partener_bouygues.png" alt="partner slider" />
 +
                        </div>
 +
                      <div class="item">
 +
                            <img src="https://static.igem.org/mediawiki/2016/3/36/IONIS_IGEM_partener_Bio_new_england.png" alt="partner slider" />
 +
                        </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>
 +
    <!-- ====END PARTNER==== -->
 +
 +
 +
    <!-- ====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="row">
 +
                    <div class="col-xs-12">
 +
                        <div class="scroll_area">
 +
                            <div class="sroll_top">
 +
                                <a href="#ancre"> <i class="zmdi zmdi-chevron-up btn waves-effect"> </i> </a>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="row">
 +
                    <div class="row">
 +
                        <div class="col-lg-5 col-md-5 col-sm-12">
 +
                            <div class="middle_content">
 +
                                <h4>iGEM IONIS</h4>
 +
                                <p> We're a group of six different schools from the IONIS Education Group. For this
 +
                                    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>
 +
                                <a href="https://2016.igem.org/Team:Ionis_Paris/Team">Read More</a>
 +
                            </div>
 +
                        </div>
 +
 +
                        <div class="col-lg-3 col-lg-offset-1 col-md-4 col-sm-7">
 +
                            <div class="footer_Widgets">
 +
                                <h4>Stay in touch</h4>
 +
                                <div class="ft_contact">
 +
                                    <ul>
 +
                                        <li><i class="zmdi zmdi-pin"></i>
 +
                                            <span>Location: 66 Rue Guy Môquet, 94800 Villejuif, France</span>
 +
                                        </li>
 +
 +
                                        <li><i class="zmdi zmdi-email"></i>
 +
                                            <a href="mailto:igem.ionis@gmail.com">email: igem.ionis@gmail.com</a>
 +
                                        </li>
 +
 +
                                    </ul>
 +
                                </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>
 +
            </div>
 +
            <div class="footer_bottom">
 +
                <div class="container">
 +
                    <div class="ft_area">
 +
                        <div class="row">
 +
                            <div class="col-md-7 fix_p_l">
 +
                                <nav>
 +
                                    <ul class="ft_bottom">
 +
                                        <li><a href="https://2016.igem.org/Team:Ionis_Paris">Home</a></li>
 +
                                        <li><a href="https://2016.igem.org/Team:Ionis_Paris/Working_at_La_Paillasse">in the Lab</a></li>
 +
                                        <li><a href="https://2016.igem.org/Team:Ionis_Paris/Measurement"> Side Projects</a></li>
 +
                                        <li><a href="https://2016.igem.org/Team:Ionis_Paris/Parts">Results</a></li>
 +
                                        <li><a href="https://2016.igem.org/Team:Ionis_Paris/HPintro">Human
 +
                                            Practice</a></li>
 +
                                        <li><a href="https://2016.igem.org/Team:Ionis_Paris/Team">Team</a></li>
 +
                                    </ul>
 +
                                </nav>
 +
                            </div>
 +
                            <div class="col-md-5 fix_p">
 +
                                <div class="ft_paragraph">
 +
                                    <p>©IONIS_IGEM_2016</a>.</p>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
    </footer>
 +
    <!-- ====END FOOTER AREA==== -->
 +
 +
    <!-- ====Google Maps API==== -->
 +
    <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