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

(Prototype team page)
 
Line 1: Line 1:
−
{{Ionis_Paris}}
+
{{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'>
  
−
<div class="column full_size judges-will-not-evaluate">
+
        <!-- Nos feuilles de style -->
−
<h3>★  ALERT! </h3>
+
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-test?action=raw&ctype=text/css" />
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Medals">human practices gold medal criterion</a>. </p>
+
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css?action=raw&ctype=text/css" />
 +
       
 +
     
 +
       
 +
        <!-- ====BREADCUM START==== -->
 +
        <section class="blog_banner_protocol">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-sm-12">
 +
                        <div class="banner_title">
 +
                            <h1>Gold Human Practice</h1>
 +
                           
 +
                        </div>
 +
                    </div>
 +
                </div>   
 +
            </div>
 +
        </section>
 +
        <!-- ====BREADCUM END==== -->
 +
       
  
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
<!-- ====ABOUT US==== -->
−
</div>
+
        <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==== -->
 +
        <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">
  
−
<div class="column full_size">
+
                  <a href="https://2016.igem.org/Team:Ionis_Paris/Protocol_1">
 +
                                           
 +
                            <h5 class="smallHd">Project Genesis</h5>
 +
                            <span><h2 class="secHd">Air pollution and its environment</h2></span>
 +
                    </a>
 +
                        </div>
 +
                        <div class="about_text">
 +
                            <p>This is why we developed the Quantifly project: a combination of a bacterial biosensor, perfectly adapted to on-field measurements, and an innovative drone that will allow us to easily and rapidly quantify the amount of VOCs in the air. The biosensor relies on bioluminescence, a biochemical phenomenon that is commonly used in cell imaging. We are trying to develop a new application for bioluminescence that should allow us to create a biosensor of a new kind, entirely different from the existing devices.</p>
 +
                          <p class="ab_text">If you’ve followed along and done the steps above, you’ve created a good starting place. You’re going to need to make sure your pages are optimized properly.</p>
 +
  </div>
 +
                    </div>
  
 +
                    <div class="col-xs-12 col-sm-6">
 +
<div class="section_title">
 +
                            <h5 class="smallHd">State of the Art</h5>
 +
                            <h2 class="secHd">Air pollution and its environment</h2>
 +
                        </div>
 +
                        <div class="about_text">
 +
                            <p>This is why we developed the Quantifly project: a combination of a bacterial biosensor, perfectly adapted to on-field measurements, and an innovative drone that will allow us to easily and rapidly quantify the amount of VOCs in the air. The biosensor relies on bioluminescence, a biochemical phenomenon that is commonly used in cell imaging. We are trying to develop a new application for bioluminescence that should allow us to create a biosensor of a new kind, entirely different from the existing devices.</p>
 +
                          <p class="ab_text">If you’ve followed along and done the steps above, you’ve created a good starting place. You’re going to need to make sure your pages are optimized properly.</p>
 +
                        </div>
 +
                    </div>
 +
                   
 +
                       
 +
           
 +
            </div>
 +
        </section>
 +
        <!-- ====ABOUT US==== -->
  
−
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
 
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
 
−
<p>For more information, please see the <a href="https://2016.igem.org/Human_Practices">Human Practices Hub</a>.</p>
 
  
−
</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">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">
 +
                        <div class="section_title">
 +
                            <h5 class="smallHd">Ethics & Biosafety</h5>
 +
                            <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="row">
 +
                    <div class="col-xs-12 col-sm-5">
 +
                        <div class="section_title">
 +
                            <h5 class="smallHd">Our Actions</h5>
 +
                            <h2 class="secHd">How did we spread the word ?</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-5">
 +
                        <div class="about_left">
 +
                            <img src="https://static.igem.org/mediawiki/2016/f/f5/Drone_1.png" alt="drone"/>
 +
                        </div>
 +
                    </div>
  
 +
                </div>
 +
            </div>
 +
        </section>
 +
        <!-- ====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="#" 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="col-lg-5 col-md-5 col-sm-12">
 +
                            <div class="middle_content">
 +
                                <h4>More about us</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.
 +
            Read More</p>
 +
                              <a href="#">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: Lorance Road 542B,5248 MT, Wordwide Country</span>
 +
                                        </li>
 +
                                        <li><i class="zmdi zmdi-phone"></i>
 +
                                            <a href="tel:123-456-7890">Phone: 123-456-7890</a>
 +
                                        </li>
 +
                                        <li><i class="zmdi zmdi-email"></i>
 +
                                            <a href="mailto:contact@domain.com">email: contact@domain.com</a>
 +
                                        </li>
 +
                                        <li><i class="zmdi zmdi-globe"></i>
 +
                                            <a href="#">www.domain.com</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-lg-3 col-md-3 col-sm-5">
 +
                            <div class="footer_Widgets">
 +
                                <h4>Galleries</h4>
 +
                                <figure class="widget_gallery">
 +
                                    <div class="RXcircleEffect"></div>
 +
                                    <img src="img/gallery_1.jpg" alt="" />
 +
                                    <figcaption>
 +
                                        <a class="veno vbox-item" href="img/gallery_1.jpg" data-gall="group_4">
 +
                                            <i class="zmdi zmdi-link"></i>
 +
                                        </a>
 +
                                    </figcaption>
 +
                                </figure>
 +
                                <figure class="widget_gallery">
 +
                                    <div class="RXcircleEffect"></div>
 +
                                    <img src="img/gallery_2.jpg" alt="" />
 +
                                    <figcaption>
 +
                                        <a class="veno vbox-item" href="img/gallery_2.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_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 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="#">Home</a></li>
 +
                                        <li><a href="#">Services</a></li>
 +
                                        <li><a href="#"> About </a></li>
 +
                                        <li><a href="#">Portfolio</a></li>
 +
                                        <li><a href="#">Blog </a></li>
 +
                                        <li><a href="#">Contact US</a></li>
 +
                                    </ul>
 +
                                </nav>
 +
                            </div>
 +
                            <div class="col-md-5 fix_p">
 +
                                <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> 
 +
                                </div>
 +
                            </div> 
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>             
 +
        </footer>
 +
     
 +
        <!-- 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>

Revision as of 13:54, 11 October 2016

Quantifly

Human Practice

Project Genesis

Air pollution and its environment

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

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

State of the Art

Air pollution and its environment

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

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

Our Opinion Survey

Use of G.M.Os with air pollution

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

Ethics & Biosafety

Risk assessment and Management

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

Our Actions

How did we spread the word ?

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

drone