Difference between revisions of "Team:Ionis Paris/HP/Gold"

 
(17 intermediate revisions by 3 users not shown)
Line 7: Line 7:
 
         <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,600italic,400italic,700italic,300,300italic' rel='stylesheet' type='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 -->
+
  <!-- Nos feuilles de style -->
−
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-test?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" />
−
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css?action=raw&ctype=text/css" />
+
 
 +
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css?action=raw&ctype=text/css" />
 
          
 
          
 
        
 
        
 
          
 
          
 
         <!-- ====BREADCUM START==== -->  
 
         <!-- ====BREADCUM START==== -->  
−
         <section class="blog_banner_protocol">
+
         <section class="blog_banner_gold_medal">
 
             <div class="container">
 
             <div class="container">
 
                 <div class="row">
 
                 <div class="row">
 
                     <div class="col-sm-12">
 
                     <div class="col-sm-12">
 
                         <div class="banner_title">
 
                         <div class="banner_title">
−
                             <h1>Gold Human Practice</h1>
+
                             <h1 id="back_to_the_top">Gold Human Practices</h1>
 
                              
 
                              
 
                         </div>
 
                         </div>
Line 28: Line 29:
 
         <!-- ====BREADCUM END==== -->
 
         <!-- ====BREADCUM END==== -->
 
          
 
          
−
 
−
 
−
<!-- ====ABOUT US==== -->
 
−
        <section id="about" class="about_area section-padding">
 
−
            <div class="container">
 
−
                <div class="row">
 
−
                <div class="col-xs-12">
 
−
                        <div class="section_title mb80">
 
−
                            <h2 class="sec text-center">Quantifly</h2> <h2 class="secHd text-center ">Human Practice</h2> 
 
−
                        </div>
 
−
                                                 
 
−
                </div>
 
−
                 
 
−
                </div>
 
−
            </div>
 
−
        </section>
 
−
        <!-- ====ABOUT US==== -->
 
−
 
  
 
<!-- ====ABOUT US==== -->
 
<!-- ====ABOUT US==== -->
Line 52: Line 35:
 
                 <div class="row">
 
                 <div class="row">
 
                     <div class="col-xs-12 col-sm-6">
 
                     <div class="col-xs-12 col-sm-6">
−
<div class="section_title">
+
            <div class="section_title">
  
−
                  <a href="https://2016.igem.org/Team:Ionis_Paris/Protocol_1">
+
 
−
                                           
+
                                  <h5 class="smallHd">Collaborations</h5>
−
                            <h5 class="smallHd">Project Genesis</h5>
+
                               
−
                            <span><h2 class="secHd">Air pollution and its environment</h2></span>
+
                                    <h2 class="secHd">The European Experience</h2>
−
                    </a>
+
                                 
 
                         </div>
 
                         </div>
 +
 
                         <div class="about_text">
 
                         <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>With the help of the iGEM Evry team, we organized a meeting gathering iGEM teams from all europe with many different and really interesting projects. A poster session was conducted, allowing networking and This european jamboree has been the opportunity to encounter professionnals of synthetic biology and to listen to conferences about the evolution and stakes of the discipline. With those scientific and professional activities, guests could also experience Paris during the day. A party was organized to tighten links between iGEMers, providing a week end of human and professionnal interaction !</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>
+
<a href="https://2016.igem.org/Team:Ionis_Paris/Collaborations" ><font color="DeepPink">Discover more !</font></a>
 +
                      </div>
 
                     </div>
 
                     </div>
 +
 +
  
 
                     <div class="col-xs-12 col-sm-6">
 
                     <div class="col-xs-12 col-sm-6">
−
<div class="section_title">
+
 
−
                             <h5 class="smallHd">State of the Art</h5>
+
                  <div class="section_title">
−
                            <h2 class="secHd">Air pollution and its environment</h2>
+
 
 +
                             <h5 class="smallHd">Popularization</h5>
 +
                           
 +
                              <h2 class="secHd">Mobile Application</h2>
 +
                         
 
                         </div>
 
                         </div>
 +
 
                         <div class="about_text">
 
                         <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>Our mobile application was developped in order to popularise our project to a targetted population being unable to be in close contact with our team. In this objective, we worked on a game that would include the concepts of our product, such as pollution detection and bioluminescence reaction. </br> We made a point of creating a game that people aged from 7 to 77 years old could enjoy, as te mechanics stay simple and the graphics are up to date with other mobile game applications that can be found on mobile platforms such sa iOS or Android.</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>
+
 
 +
<a href="https://2016.igem.org/Team:Ionis_Paris/Mobile_application" ><font color="DeepPink">Learn more over here !</font></a>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                      
 
                      
−
                       
+
             </div>                       
−
              
+
                  </div>     
 
             </div>
 
             </div>
 
         </section>
 
         </section>
 
         <!-- ====ABOUT US==== -->
 
         <!-- ====ABOUT US==== -->
  
 +
       
 +
  <!-- ====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>
  
−
            <!-- ====ABOUT US==== -->
+
                </ul>
−
        <section id="about" class="about_area section-padding">
+
            </div>
−
            <div class="container">
+
        </div>
−
                <div class="row">
+
    </div>
−
                    <div class="col-xs-12 col-sm-6">
+
    <!-- ====END FOOTER TOP==== -->
−
                        <div class="section_title">
+
−
                            <h5 class="smallHd">Our Opinion Survey</h5>
+
−
                            <h2 class="secHd">Use of G.M.Os with air pollution</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 class="col-xs-12 col-sm-6">
+
    <!-- ====START FOOTER AREA==== -->
−
                        <div class="section_title">
+
    <footer class="footer_area">
−
                            <h5 class="smallHd">Ethics & Biosafety</h5>
+
         <div class="footer_middle">
−
                            <h2 class="secHd">Risk assessment and Management</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==== -->
+
−
        <!-- ====ABOUT US==== -->
+
−
         <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 col-sm-5">
+
                     <div class="col-xs-12">
−
                         <div class="section_title">
+
                         <div class="scroll_area">
−
                             <h5 class="smallHd">Our Actions</h5>
+
                             <div class="sroll_top">
−
                            <h2 class="secHd">How did we spread the word ?</h2>
+
                                <a href="#ancre"> <i class="zmdi zmdi-chevron-up btn waves-effect"> </i> </a>
−
                        </div>
+
                             </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>
−
                   
 
−
                    <div class="col-xs-12 col-sm-5">
 
−
                        <div class="about_left">
 
−
                            <img src="https://static.igem.org/mediawiki/2016/f/f5/Drone_1.png" alt="drone"/>
 
−
                        </div>
 
−
                    </div>
 
−
 
 
                 </div>
 
                 </div>
−
            </div>
 
−
        </section>
 
−
        <!-- ====ABOUT US==== -->
 
−
       
 
−
        <!-- ====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="#" 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="#" 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>
 
−
                        </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 209: Line 140:
 
                                     <ul>
 
                                     <ul>
 
                                         <li><i class="zmdi zmdi-pin"></i>
 
                                         <li><i class="zmdi zmdi-pin"></i>
−
                                             <span>Location: Lorance Road 542B,5248 MT, Wordwide Country</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: contact@domain.com</a>
+
                                             <a href="mailto:igem.ionis@gmail.com">email: igem.ionis@gmail.com</a>
−
                                        </li>
+
−
                                        <li><i class="zmdi zmdi-globe"></i>
+
−
                                            <a href="#">www.domain.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="img/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="img/gallery_2.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="img/gallery_3.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 292: Line 191:
 
                             <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 304: Line 204:
 
                             <div class="col-md-5 fix_p">
 
                             <div class="col-md-5 fix_p">
 
                                 <div class="ft_paragraph">
 
                                 <div class="ft_paragraph">
−
                                     <p>©2016 Design by <a href="https://www.behance.net/googoling">Faridul Haque</a> and Develop by <a href="http://themeebit.com">ThemeeBiT</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==== -->
−
        <!-- 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>
+
    <!-- ====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 21:01, 19 October 2016

Collaborations

The European Experience

With the help of the iGEM Evry team, we organized a meeting gathering iGEM teams from all europe with many different and really interesting projects. A poster session was conducted, allowing networking and This european jamboree has been the opportunity to encounter professionnals of synthetic biology and to listen to conferences about the evolution and stakes of the discipline. With those scientific and professional activities, guests could also experience Paris during the day. A party was organized to tighten links between iGEMers, providing a week end of human and professionnal interaction !

Discover more !
Popularization

Mobile Application

Our mobile application was developped in order to popularise our project to a targetted population being unable to be in close contact with our team. In this objective, we worked on a game that would include the concepts of our product, such as pollution detection and bioluminescence reaction.
We made a point of creating a game that people aged from 7 to 77 years old could enjoy, as te mechanics stay simple and the graphics are up to date with other mobile game applications that can be found on mobile platforms such sa iOS or Android.

Learn more over here !