Difference between revisions of "Team:Ionis Paris/15 07 16"

Line 180: Line 180:
 
         <!-- ====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 247: Line 243:
 
                                     <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 330: Line 266:
 
                             <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 342: Line 279:
 
                             <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==== -->
+
    <!-- ====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>

Revision as of 12:01, 18 October 2016

Transformation: NEB competent DH5⍺ cells with pSB1C3-RFP

Objectives

To transform competent DH5⍺ cells with pSB1C3-RFP that will be used as a backbone for the creation of biobricks.

Materials

  • 1 aliquot of NEB DH5⍺ Competent E.coli

  • Plasmid DNA: "RFP Coding Device", BBa_J04450, from the iGEM plate 6-12P (concentration: 200-300 pg/µL)

  • Petri dish LB+Cm: Cm concentration = 25 µg/mL

  • Protocol

    Resuspension of pSB1C3-RFP:

    We use the protocol given by the iGEM and availablehere

    1. With a pipette tip, punch a hole through the foil cover into the corresponding well of the part that you want. Make sure you have properly oriented the plate. Do not remove the foil cover, as it could lead to cross contamination between the wells.

    2. Pipette 10 µL of H2O (distilled water) into the well. Pipette up and down a few times and let sit for 5 min to make sure the dried DNA is fully resuspended. The resuspension will be red, as the dried DNA has cresol red dye.

    Experimental conditions achieved

    We need 3 LB+Cm plates + 2 LB plates

    Transformation protocol

    1. Thaw 1 tube of DH5α competent cells on ice for 10 min. Mix gently and carefully pipette 50 µL of cells into 2 transformation tubes on ice.

    2. Add 1 µL of plasmid DNA to the cell mixture. Carefully flick the tube 4-5 times to mix cells and DNA. Do not vortex.

    3. Place the mixture on ice for 30 min. Do not mix.

    4. Heat shock at exactly 42°C for 30 s. Do not mix.

    5. Place on ice for 5 min. Do not mix.

    6. Pipette 250 µL of room temperature SOC into the mixture.

    7. Place at 37°C for 60 min at 250 rpm.

    8. Warm selection plates to 25°C.

    9. Mix the cells thoroughly by flicking the tube and inverting.

    10. Spread the corresponding volume onto each plate.

    11. Incubate all the plates O/N at 37°C.

    Results (obtained on the 16/07)

    Expected results

    Some red colonies on the petri dishes LB+Cm plated with 50 µL of bacteria transformed and more on the petri dishes LB+Cm plated with 200 µL of bacteria.
    A bacterial lawn on the LB petri dishes without antibiotic.
    No colonies on the LB+Cm petri dish plated with bacteria transformed with no plasmid (- control).

    Obtained results:

    We obtained expected results.

    Interpretation

    The transformation worked. Colonies contain the plasmid with the Chloramphenicol resistance gene, present in pSB1C3, and the RFP gene, producing Red Fluorescent protein.

    Creative and impressive building

    How you can be a super creative

    World best photographer and photography