Difference between revisions of "Team:Ionis Paris/Protocol 6"

Line 188: Line 188:
 
         <!-- ====END BLOG TABLE==== -->
 
         <!-- ====END BLOG TABLE==== -->
 
          
 
          
 +
 
         <!-- ====START SOCIAL Link==== -->
 
         <!-- ====START SOCIAL Link==== -->
 
         <div class="footer_social">
 
         <div class="footer_social">
Line 194: Line 195:
 
                     <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">
+
−
                                <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>
 
                     </ul>
 
                 </div>
 
                 </div>
Line 236: Line 228:
 
                         <div class="col-xs-12">
 
                         <div class="col-xs-12">
 
                             <div class="scroll_area">
 
                             <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>IONIS IGEM</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 competition we wanted to take advantages of the multiple schools and activity field given by the IONIS education group to create a solid project.</p>
−
            Read More</p>
+
                               <a href="https://2016.igem.org/Team:Ionis_Paris/Team">Read More</a>
−
                               <a href="#">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 254: Line 250:
 
                                     <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 338: Line 275:
 
                                 <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/At_the_lab.html">At the Lab</a></li>
−
                                         <li><a href="#"> About </a></li>
+
                                         <li><a href="https://2016.igem.org/CelloCad"> Side Projects</a></li>
−
                                         <li><a href="#">Portfolio</a></li>
+
                                         <li><a href="Results">Results</a></li>
−
                                         <li><a href="#">Blog </a></li>
+
                                         <li><a href="https://2016.igem.org/Team:Ionis_Paris/Human_Practice">Human Practice</a></li>
−
                                         <li><a href="#">Contact US</a></li>
+
                                         <li><a href="https://2016.igem.org/Team.html">Team</a></li>
 
                                     </ul>
 
                                     </ul>
 
                                 </nav>
 
                                 </nav>
Line 349: Line 286:
 
                             <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>   
Line 358: Line 295:
 
         </footer>
 
         </footer>
 
         <!-- ====END FOOTER AREA==== -->
 
         <!-- ====END FOOTER AREA==== -->
−
       
 
 
        
 
        
 
         <!-- Nos scripts -->
 
         <!-- Nos scripts -->
 +
<!-- TODO: Debug these scripts
 +
        <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS_Venobox&action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS_MDB&action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS_Carousel&action=raw&ctype=text/javascript"></script>
 +
-->
 
         <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS&action=raw&ctype=text/javascript"></script>
 
         <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:33, 16 October 2016

Protocol 6 : E.Coli dh5a and BL21 transformation (Heat-shock)

Aim: Introduce plasmid DNA in E.Coli bacteria

Thaw a tube of DH5-alpha competent cells on ice for 10 min.
Mix gently and carefully pipette 50 µL of cells into a transformation tube on ice
Add 30 µL of plasmid DNA to the cell mixture (one tube for each ratio)
Carefully flick the tube 4-5 times to mix cells and DNA. Do not vortex.
Place the mixture on ice for 30 min. Do not mix.
Heat shock at exactly 42°C for 45 s. Do not mix.
Place on ice for 5 min. Do not mix.
Pipette 250 µL of room temperature SOC into the mixture.
Place at 37°C for 60 min at 250 rpm.
Warm selection plates to 25°C.
Mix the cells thoroughly by flicking the tube and inverting.
Spread 100 µL of cells onto selection plates.
Incubate all the plates O/N at 37°C.