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

Line 172: Line 172:
  
 
         <!-- ====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>
  
        <!-- ====START SOCIAL Link==== -->
+
                 </ul>
        <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>
 
         </div>
 
         </div>
        <!-- ====END FOOTER TOP==== -->
+
    </div>
       
+
    <!-- ====END FOOTER TOP==== -->
        <!-- ====START FOOTER AREA==== -->
+
 
        <footer class="footer_area">
+
    <!-- ====START FOOTER AREA==== -->
            <div class="footer_middle">
+
    <footer class="footer_area">
                <div class="container">
+
        <div class="footer_middle">
                    <div class="row">
+
            <div class="container">
                        <div class="col-xs-12">
+
                <div class="row">
                            <div class="scroll_area">
+
                    <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>
 
                     </div>
 +
                </div>
 +
                <div class="row">
 
                     <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 advantages of the multiple schools and activity field
                              <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 239: Line 235:
 
                                     <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="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>
 
             </div>
 
             </div>
Line 322: Line 258:
 
                             <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 334: Line 271:
 
                             <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>

Revision as of 12:22, 18 October 2016

Project Genesis

Quantifly's birth

This section has the objective to show the project's creation process. Among differetn ideas ranging from water treatment to genetically engineered cells, our brainstormings were highly productive.

With many meetings and research sessions, we emerged with the ideal of answering a contemporary issue by creating an innovative solution, a tool that would implement biology as a mean of producing a challenging technology.

An that's how Quantifly was born !
Air Pollution

A summary

In order to conduct a meaningful project, we had to first establish the envionmental and scientific context of our topic. We did so by conceiving a survey about air pollution and mainly about V.O.Cs (Volatile Organic Compounds), a group of pollutant we chose to focus on.

This analysis allowed us to determine how important it is to fully understand our context, because it allows us to knowingly direct our project to a more pertinent and appropriate destination that would compete with already existing solutions to our problematic.

It's this way !


Our Opinion Survey

Use of G.M.Os with air pollution

Although we were preoccupied with the pertinence of our project compared to the issue we decided to adress, we also worried about how our product based on G.M.Os would be perceived by someone who would have nothing to do with science, as in our culture modified organismsn have known a difficult past.

As such, we designed and conducted an opinion survey about the use of genetically modified organisms in the detection of air pollution. the study was made by the team members and it was created in a way that we could gatherinformation about the potential of our project as well as how people see G.M.Os and what they think about it.

Survey's results are here !


Ethics & Biosafety

Risk assessment and Management

We could not create a new G.M.O-based product without thinking about the potential risks and issues that a leaking in the open environment could cause. We reflected about the risks that our project can carry and that allowed us to think about solutions that could prevent such problems to happen.

We also conducted a reflexion about the biological and mechanical questions inherent to our product and developped theoretical solutions that we can implement in further development. Those solutions provide a fully safe manipulation of our product in any environment.

Discover our solutions !


Our Actions

How did we spread the word ?

All along our project, we had several opportunities to participate in scientific conventions suh as the "Festival vivant" in Paris, France, as well as organize sensibilisation sessions on our campus. We tried to touch as many people as we could in order to have them discover what are the potentialities of synthetic biology and what we could do in the context of the iGEM or any other opportunity to develop a transdisciplinary project. Those events allowed us to have countless passionating discussions with professionnals and students that could ask us any question about our project.

Needless to say that we learned as much as they did !



drone