Difference between revisions of "Team:Ionis Paris/Protocols"

 
(7 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" />
+
    <!-- Version minifiée dans le bon ordre de toutes les feuilles de style du template -->
 +
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css?action=raw&ctype=text/css" />
 
        
 
        
 
         <!-- ====BREADCUM START==== -->  
 
         <!-- ====BREADCUM START==== -->  
Line 17: Line 18:
 
                     <div class="col-sm-12">
 
                     <div class="col-sm-12">
 
                         <div class="banner_title" >
 
                         <div class="banner_title" >
                             <h1 style="color :#c0144b;">Protocols</h1>
+
                             <h1 style="color :#960c38;" id="back_to_the_top">Protocols</h1>
 
                              
 
                              
 
                         </div>
 
                         </div>
Line 106: Line 107:
 
                                     <li>
 
                                     <li>
 
                                         <a href="https://2016.igem.org/Team:Ionis_Paris/Protocol_12">
 
                                         <a href="https://2016.igem.org/Team:Ionis_Paris/Protocol_12">
                                             <span>Protocol 12 : Bacterial growth analysis</span>
+
                                             <span>Protocol 12: Cell Survival assay</span>
 
                                            
 
                                            
 
                                         </a>
 
                                         </a>
Line 125: Line 126:
 
                         </aside>
 
                         </aside>
 
                     </div>
 
                     </div>
 +
                </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 130: Line 132:
 
         <!-- ====END BLOG TABLE==== -->
 
         <!-- ====END BLOG TABLE==== -->
 
          
 
          
        <!-- ====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 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 196: Line 195:
 
                                     <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 279: Line 246:
 
                             <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 291: Line 259:
 
                             <div class="col-md-5 fix_p">
 
                             <div class="col-md-5 fix_p">
 
                                 <div class="ft_paragraph">
 
                                 <div class="ft_paragraph">
                                     <p>©IONIS_IGEM_2016</p>  
+
                                     <p>©IONIS_IGEM_2016</a>.</p>
 
                                 </div>
 
                                 </div>
                             </div>
+
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
             </div>            
+
             </div>
        </footer>
+
    </footer>
        <!-- ====END FOOTER AREA==== -->
+
    <!-- ====END FOOTER AREA==== -->
       
+
 
        <!-- Nos scripts -->
+
    <!-- ====Google Maps API==== -->
        <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS&action=raw&ctype=text/javascript"></script>
+
    <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 19:36, 19 October 2016