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

 
(13 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 Practices</h1>
+
                             <h1 id="back_to_the_top">Gold Human Practices</h1>
 
                              
 
                              
 
                         </div>
 
                         </div>
Line 38: Line 39:
  
 
                                   <h5 class="smallHd">Collaborations</h5>
 
                                   <h5 class="smallHd">Collaborations</h5>
−
                                 <a href="https://2016.igem.org/Team:Ionis_Paris/Collaborations">
+
                                  
 
                                     <h2 class="secHd">The European Experience</h2>
 
                                     <h2 class="secHd">The European Experience</h2>
−
                                  </a>
+
                                 
 
                         </div>
 
                         </div>
  
 
                         <div class="about_text">
 
                         <div class="about_text">
 
                             <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>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>
 +
 +
<a href="https://2016.igem.org/Team:Ionis_Paris/Collaborations" ><font color="DeepPink">Discover more !</font></a>
 
                       </div>
 
                       </div>
 
                     </div>
 
                     </div>
Line 55: Line 58:
  
 
                             <h5 class="smallHd">Popularization</h5>
 
                             <h5 class="smallHd">Popularization</h5>
−
                             <a href="https://2016.igem.org/Team:Ionis_Paris/Mobile_application">
+
                              
 
                               <h2 class="secHd">Mobile Application</h2>
 
                               <h2 class="secHd">Mobile Application</h2>
−
                              </a>
+
                         
 
                         </div>
 
                         </div>
  
 
                         <div class="about_text">
 
                         <div class="about_text">
−
                             <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.</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>
 +
 
 +
<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>
Line 72: Line 77:
  
 
          
 
          
−
        <!-- ====START SOCIAL Link==== -->
+
  <!-- ====START SOCIAL Link==== -->
−
        <div class="footer_social">
+
    <div class="footer_social">
−
            <div class="container-fluid">
+
        <div class="container-fluid">
−
                <div class="row">
+
            <div class="row">
−
                    <ul class="ft_top clearfix">
+
                <ul class="ft_top clearfix">
−
                        <li class="waves-effect waves-light">
+
                    <li class="waves-effect waves-light">
−
                            <a href="#" target="_blank">
+
                        <a href="https://www.facebook.com/ionisigem/?fref=ts" target="_blank">
−
                                <i class="zmdi zmdi-facebook "></i>Facebook
+
                            <i class="zmdi zmdi-facebook "></i>Facebook
−
                            </a>
+
                        </a>
−
                        </li>  
+
                    </li>
−
                        <li class="waves-effect waves-light">
+
                    <li class="waves-effect waves-light">
−
                            <a href="#" target="_blank">
+
                        <a href="https://twitter.com/igem_ionis" target="_blank">
−
                                <i class="zmdi zmdi-twitter"></i>Twitter
+
                            <i class="zmdi zmdi-twitter"></i>Twitter
−
                            </a>
+
                        </a>
−
                        </li>  
+
                    </li>
−
                        <li class="waves-effect waves-light">
+
                    <li class="waves-effect waves-light">
−
                            <a href="#" target="_blank">
+
                        <a href="https://www.youtube.com/channel/UC0RyQsB5YpweSRBYQlAdZDA" target="_blank">
−
                                <i class="zmdi zmdi-flickr"></i>Flickr
+
                            <i class="zmdi zmdi-youtube"></i>YouTube
−
                            </a>
+
                        </a>
−
                        </li>
+
                    </li>
−
                        <li class="waves-effect waves-light">
+
                    <li class="waves-effect waves-light">
−
                            <a href="#" target="_blank">
+
                        <a href="https://www.linkedin.com/company/igem-ionis" target="_blank">
−
                                <i class="zmdi zmdi-linkedin"></i>LinkedIn
+
                            <i class="zmdi zmdi-linkedin"></i>LinkedIn
−
                            </a>
+
                        </a>
−
                        </li>  
+
                    </li>
−
                        <li class="waves-effect waves-light">
+
 
−
                            <a href="#" target="_blank">
+
                 </ul>
−
                                <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 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 138: 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 221: 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 233: 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 !