Difference between revisions of "Team:IIT Delhi"

Line 1: Line 1:
 
<html>
 
<html>
<!--
+
<link href='https://fonts.googleapis.com/css?family=Boogaloo' rel='stylesheet'>
Interphase by TEMPLATED
+
<script>
templated.co @templatedco
+
// When the user scrolls down 20px from the top of the document, show the button
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
+
window.onscroll = function() {scrollFunction()};
-->
+
 
+
  
 +
function scrollFunction() {
 +
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
 +
        document.getElementById("myBtn").style.display = "block";
 +
    } else {
 +
        document.getElementById("myBtn").style.display = "none";
 +
    }
 +
}
  
 +
// When the user clicks on the button, scroll to the top of the document
 +
function topFunction() {
 +
    document.body.scrollTop = 0;
 +
    document.documentElement.scrollTop = 0;
 +
}
 +
</script>
 
<style>
 
<style>
 
@charset "UTF-8";
 
@charset "UTF-8";
 
@import url(font-awesome.min.css);
 
@import url(font-awesome.min.css);
 
@import url("http://fonts.googleapis.com/css?family=Lato:300,400");
 
@import url("http://fonts.googleapis.com/css?family=Lato:300,400");
 +
@import url ("'https://fonts.googleapis.com/css?family=Boogaloo");
 +
 +
#myBtn {
 +
  display: none;
 +
  position: fixed;
 +
  bottom: 30px;
 +
  right: 200px;
 +
  z-index: 99999;
 +
  border: none;
 +
  outline: none;
 +
  background-color: red;
 +
  color: white;
 +
  cursor: pointer;
 +
  padding: 15px;
 +
  height: 50px;
 +
  width: 50px;
 +
  border-radius: 50px;
 +
  }
 +
 +
#myBtn:hover {
 +
  background-color: #555;
 +
}
 +
.pagetop{
 +
  position:relative;
 +
}
 +
.fitum {
 +
 +
 +
  width:50%;
 +
 +
}
 +
.igem_iit_delhi_width-max
 +
{
 +
width:100%;
 +
height: auto;
 +
}
 +
.navbar {
 +
position:fixed;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
 +
top:0px;
 +
left:0px;
 +
height:28px;
 +
width:100%;;
 +
margin:0;
 +
padding:20px;
 +
z-index:999;
 +
background-color: #333;
 +
overflow:visible;
 +
}
 +
button.accordion:after {
 +
    content: '+';
 +
    color: #777;
 +
    font-weight: bold;
 +
    float: right;
 +
    margin-left: 5px;
 +
}
 +
 +
button.accordion.active:after {
 +
    content: "-";
 +
 +
}
 +
button.back1{
 +
  background-color: #FFA0A0;
 +
}
 +
button.back2{
 +
  background-color: #FFFBA0;
 +
}
 +
button.back3{
 +
  background-color: #AEFFA0;
 +
}
 +
button.back4{
 +
  background-color: #A0B1FF;
 +
}
 +
button.accordion {
 +
   
 +
    color: #444;
 +
    cursor: pointer;
 +
    padding: 18px;
 +
    width: 100%;
 +
    border: none;
 +
    text-align: left;
 +
    outline: none;
 +
    font-size: 25px;
 +
    transition: 0.4s;
 +
    border: 2px solid black;
 +
    font-family: 'Boogaloo';
 +
}
 +
.h2font {
 +
   
 +
    color: #444;
 +
    font-size: 50px;
 +
 +
    font-family: 'Boogaloo';
 +
}
 +
#pfont {
 +
   
 +
    color: #444;
 +
    font-size: 30px;
 +
 +
    font-family: 'Boogaloo';
 +
}
 +
button.accordion.active, button.accordion:hover {
 +
    background-color: #fff;
 +
}
 +
 +
div.panel {
 +
    padding: 10 10px;
 +
    background-color: #FDFF88;
 +
    display: none;
 +
 +
   
 +
   
 +
}
 +
 +
 +
 +
  
/*
 
Interphase by TEMPLATED
 
templated.co @templatedco
 
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
 
*/
 
  
 
/* Basic */
 
/* Basic */
Line 27: Line 149:
 
body, input, select, textarea {
 
body, input, select, textarea {
 
color: #444;
 
color: #444;
font-family: "Lato", Helvetica, sans-serif;
+
font-family: 'Boogaloo', Helvetica, sans-serif;
 
font-size: 15pt;
 
font-size: 15pt;
 
font-weight: 300;
 
font-weight: 300;
Line 43: Line 165:
  
 
strong, b {
 
strong, b {
color: #eee;
+
color: #000;
font-weight: 400;
+
font-weight: 500;
 
}
 
}
  
Line 158: Line 280:
  
 
/* Section/Article */
 
/* Section/Article */
 +
.paddingleft{
 +
padding-left: 10px;
 +
}
 +
.paddingright{
 +
padding-right: 10px;
 +
}
  
 
section.special, article.special {
 
section.special, article.special {
Line 198: Line 326:
  
 
header.major p {
 
header.major p {
border-top: medium double rgba(144, 144, 144, 0.25);
+
border-top: thick double rgba(144, 144, 144, 0.25);
 
display: inline-block;
 
display: inline-block;
 
padding: 2em 2em 0 2em;
 
padding: 2em 2em 0 2em;
Line 266: Line 394:
 
-moz-osx-font-smoothing: grayscale;
 
-moz-osx-font-smoothing: grayscale;
 
-webkit-font-smoothing: antialiased;
 
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
+
font-family: 'Boogaloo';
 
font-style: normal;
 
font-style: normal;
 
font-weight: normal;
 
font-weight: normal;
Line 332: Line 460:
 
-moz-osx-font-smoothing: grayscale;
 
-moz-osx-font-smoothing: grayscale;
 
-webkit-font-smoothing: antialiased;
 
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
+
font-family:'Boogaloo';
 
font-style: normal;
 
font-style: normal;
 
font-weight: normal;
 
font-weight: normal;
Line 433: Line 561:
 
-moz-osx-font-smoothing: grayscale;
 
-moz-osx-font-smoothing: grayscale;
 
-webkit-font-smoothing: antialiased;
 
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
+
font-family: 'Boogaloo';
 
font-style: normal;
 
font-style: normal;
 
font-weight: normal;
 
font-weight: normal;
Line 660: Line 788:
  
 
table {
 
table {
margin: 0 0 2em 0;
+
margin: 0 0 0em 0;
width: 100%;
+
width: 98.5%;
 
}
 
}
  
 
table tbody tr {
 
table tbody tr {
border: solid 1px rgba(144, 144, 144, 0.25);
+
border: solid 0px #000;
 
border-left: 0;
 
border-left: 0;
 
border-right: 0;
 
border-right: 0;
 
}
 
}
  
table tbody tr:nth-child(2n + 1) {
+
background-color: rgba(144, 144, 144, 0.075);
+
 
}
+
.tr2{
 +
background-color: rgba(82,82,82,0.99);
 +
}
 +
.tr3{
 +
background-color: #000;
 +
 
 +
}
 +
.tr4{
 +
font-color: #fff;
 +
}
 +
 
  
 
table td {
 
table td {
padding: 0.75em 0.75em;
+
padding: 0em 0em;
 +
                        color: #fff;
 +
                       
 +
}
 +
.table1 td {
 +
padding: 0em 0em;
 +
                        color: #000;
 +
                       
 
}
 
}
  
 
table th {
 
table th {
color: #666;
+
color: #fe4400;
 +
                        background-color: #fff;
 
font-size: 0.9em;
 
font-size: 0.9em;
 
font-weight: 400;
 
font-weight: 400;
Line 687: Line 833:
  
 
table thead {
 
table thead {
border-bottom: solid 0px rgba(144, 144, 144, 0.25);
+
border-bottom: solid 0px rgba(0,0,0, 0.25);
 
}
 
}
  
 
table tfoot {
 
table tfoot {
border-top: solid 2px rgba(144, 144, 144, 0.25);
+
border-top: solid 0.5px rgba(0,0,0, 0.25);
 
}
 
}
  
Line 699: Line 845:
  
 
table.alt tbody tr td {
 
table.alt tbody tr td {
border: solid 1px rgba(144, 144, 144, 0.25);
+
border: solid 0.5px rgba(144, 144, 144, 0.25);
 
border-left-width: 0;
 
border-left-width: 0;
 
border-top-width: 0;
 
border-top-width: 0;
Line 968: Line 1,114:
  
 
#banner {
 
#banner {
background: url("https://static.igem.org/mediawiki/2017/8/8d/T--IIT_DELHI--banner_index.jpg") ;
+
background: url("https://static.igem.org/mediawiki/2017/8/80/T--IIT_Delhi--notebook.png") ;
  
 
background-position: center;
 
background-position: center;
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
background-size: 100%;
+
background-size: cover ;
 +
             
 
color: #ffffff;
 
color: #ffffff;
padding: 41em 0em 1em;
+
padding: 27.5em 0em 1em;
 
text-align: center;
 
text-align: center;
 +
padding-bottom: 150px;
  
 
}
 
}
Line 1,054: Line 1,202:
 
background: #202222;
 
background: #202222;
 
color: #ddd;
 
color: #ddd;
padding: 1em 0em 1em;
+
padding: 1em 0em;
 
}
 
}
  
Line 1,136: Line 1,284:
 
-webkit-font-smoothing: antialiased;
 
-webkit-font-smoothing: antialiased;
 
}
 
}
.navbar {
+
 
position:fixed;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
+
top:0px;
+
left:0px;
+
height:50px;
+
width:100%;
+
margin:0;
+
padding:0;
+
z-index:999;
+
background-color: #333;
+
overflow:visible;
+
}
+
  
  
Line 1,158: Line 1,295:
 
.bggg
 
.bggg
 
{
 
{
   background-image: url("background.png");
+
   background-image: url("https://static.igem.org/mediawiki/2017/c/c9/T--IIT_Delhi--background.png");
 
   padding-left: 300px;
 
   padding-left: 300px;
 
   padding-right: 300px;
 
   padding-right: 300px;
Line 1,167: Line 1,304:
 
   background-size: cover;
 
   background-size: cover;
 
   padding-bottom: 0px;
 
   padding-bottom: 0px;
 +
 
}
 
}
 
.width-max
 
.width-max
Line 1,194: Line 1,332:
 
     outline: none;
 
     outline: none;
 
     color: white;
 
     color: white;
     padding: 18px 16px;
+
     padding: 15px 16px;
 
     background-color: inherit;
 
     background-color: inherit;
 +
    z-index: 101;
 +
}
 +
 +
.dropbtn1 {
 +
    font-size: 16px;   
 +
    border: none;
 +
    outline: none;
 +
    color: white;
 +
    padding: 15px 16px;
 +
    background-color: inherit;
 +
    z-index: 101;
 +
}
 +
 +
.dropbtn2 {
 +
    font-size: 16px;   
 +
    border: none;
 +
    outline: none;
 +
    color: white;
 +
    padding: 15px 16px;
 +
    background-color: #000;
 +
    background-size: 100% 100%;
 
     z-index: 101;
 
     z-index: 101;
 
}
 
}
Line 1,203: Line 1,362:
 
     z-index: 101;
 
     z-index: 101;
 
}
 
}
 +
  
 
.dropdown-content {
 
.dropdown-content {
Line 1,274: Line 1,434:
 
     margin-right: 60px;
 
     margin-right: 60px;
 
}
 
}
 +
 +
.right_menu1{
 +
    float: left;
 +
    text-align: left;
 +
    width: auto;
 +
    margin-right: 60px;
 +
}
 +
 
.backbody {
 
.backbody {
 
     background-image: url("1.png");
 
     background-image: url("1.png");
Line 1,405: Line 1,573:
 
 
 
<div class = "navbar ">
 
<div class = "navbar ">
<a href="index.html">iGEM IIT Delhi</a>
+
 +
                                                        <button class="dropbtn2"><a href="https://2017.igem.org/Team:IIT_Delhi">iGEM IIT Delhi</a></button>
 
<div class = "right_menu">
 
<div class = "right_menu">
 
   <div class="dropdown">
 
   <div class="dropdown">
Line 1,412: Line 1,581:
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
       <a href="#">Description</a>
+
       <a href="/Team:IIT_Delhi/Description">Overview</a>
       <a href="#">Results</a>
+
       <a href="/Team:IIT_Delhi/Design">Squarewave Generator</a>
      <a href="#">Proof of Concept</a>
+
 
       <a href="#">Basic Parts</a>
+
       <a href="/Team:IIT_Delhi/InterLab">Interlab</a>
      <a href="#">Composite Parts</a>
+
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
  <div class="dropdown">
+
                                                        <div class="dropdown">
     <button class="dropbtn">Modelling
+
     <button class="dropbtn">Results
 
     <i class="fa fa-caret-down"></i>
 
     <i class="fa fa-caret-down"></i>
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
       <a href="#">Overview</a>
+
       <a href="/Team:IIT_Delhi/Circuit_Design">Circuit design and construction</a>
       <a href="#">Logic Assessment</a>
+
       <a href="/Team:IIT_Delhi/Microfluidics">Microfluidics and Fluroscence</a>
       <a href="#">Signalling Tools</a>
+
       <a href="/Team:IIT_Delhi/Photobleaching">Photobleaching</a>
 +
      <a href="/Team:IIT_Delhi/Promoter">Promoter strength</a>
 +
                                                      <a href="/Team:IIT_Delhi/Oscillations">Oscillations</a>
 +
                                                     
 
     </div>
 
     </div>
   </div>  
+
   </div>
 +
 
 +
                                                          <div class="dropdown">
 +
    <button class="dropbtn">Parts
 +
    <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="/Team:IIT_Delhi/Basic_Part">Basic Parts</a>
 +
      <a href="/Team:IIT_Delhi/Composite_Part">Composite Parts</a>
 +
      <a href="/Team:IIT_Delhi/Improved_Part">Improved Parts</a>
 +
      <a href="/Team:IIT_Delhi/Part_Collection">Part Collection</a>
 +
                                                     
 +
    </div>
 +
  </div>
 +
 
 +
  <div class="dropdown">
 +
    <button class="dropbtn">Modeling
 +
                                                        <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content-big">
 +
      <a href="/Team:IIT_Delhi/Model">Overview</a>
 +
      <a href="/Team:IIT_Delhi/Write_Model">Writing a Model</a>
 +
                                                        <a href="/Team:IIT_Delhi/Deterministic_Model">Deterministic Model </a>
 +
                                                        <a href="/Team:IIT_Delhi/Stochastic_Model">Stochastic Model</a>
 +
                                                        <a href="/Team:IIT_Delhi/Bifurcation">Bifurcation and Squareness</a>
 +
                                                        <a href="/Team:IIT_Delhi/Resources">Resource sharing</a>
 +
    </div>
 +
    </div>
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Human Practices  
 
     <button class="dropbtn">Human Practices  
Line 1,434: Line 1,632:
 
     </button>
 
     </button>
 
     <div class="dropdown-content-big">
 
     <div class="dropdown-content-big">
       <a href="#">Human Practices</a>
+
       <a href="/Team:IIT_Delhi/HP/Silver">Human Practices</a>
       <a href="#">Integrated Practices</a>
+
       <a href="/Team:IIT_Delhi/HP/Gold_Integrated">Integrated Practices</a>
       <a href="#">Public Engagement</a>
+
       <a href="/Team:IIT_Delhi/Engagement">Public Engagement</a>
       <a href="https://2017.igem.org/Team:IIT_Delhi/collaborations">Collaborations</a>
+
       <a href="/Team:IIT_Delhi/Collaborations">Collaborations</a>
 +
                                                        <a href="/Team:IIT_Delhi/Safety">Safety</a>
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
 +
 +
                                                        <div class="dropdown">
 +
    <button class="dropbtn">Collaborations
 +
    <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
                                                        <a href="/Team:IIT_Delhi/Collaborations">Overview</a>
 +
      <a href="/Team:IIT_Delhi/GMM_legislation">GMM Legislation</a>
 +
      <a href="/Team:IIT_Delhi/berlin">iGEM Berlin</a>
 +
      <a href="/Team:IIT_Delhi/mohali">Mentoring IISER Mohali</a>
 +
      <a href="/Team:IIT_Delhi/glasgow">iGEM Glasgow</a>
 +
             
 +
    </div>
 +
  </div> 
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Notebook  
 
     <button class="dropbtn">Notebook  
Line 1,445: Line 1,658:
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
       <a href="#">Lab Records</a>
+
       <a href="/Team:IIT_Delhi/Notebook">Lab Records</a>
       <a href="#">Protocols</a>
+
       <a href="/Team:IIT_Delhi/protocol">Protocols</a>
       <a href="#">Recipes</a>
+
       <a href="/Team:IIT_Delhi/recipe">Recipes</a>
       <a href="#">Medal Criteria</a>
+
       <a href="/Team:IIT_Delhi/medal">Medal Criteria</a>
      <a href="#">Recipes</a>
+
     
 
     </div>
 
     </div>
 
   </div>   
 
   </div>   
Line 1,457: Line 1,670:
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
       <a href="team.html">The Team</a>
+
       <a href="/Team:IIT_Delhi/Team">The Team</a>
       <a href="https://2017.igem.org/Team:IIT_Delhi/attributes">Attributions</a>
+
 
 +
       <a href="/Team:IIT_Delhi/Attributions">Attributions</a>
 
     </div>
 
     </div>
 
   </div>   
 
   </div>   
Line 1,474: Line 1,688:
 
</section>
 
</section>
  
<!-- Abstract -->
 
 
 
<section class=" align-center">
 
        <div class="bggg ">
 
    <h2 class="toppad">Abstract</h2>
 
              <blockquote><p align = "left"  >Lack of digital responses in Synthetic Biology have inhibited the diverse potential that accompanies the digitization of biological circuits. This year we aim to develop synthetic modules for signal processing in biological systems, in the form of elements of specialized logic gates based on transcriptional regulation. We move from developing near digital logic gates with sharp responses, to more specialized collapsible and reconfigurable circuits which can perform various operations like developing square pulses. Further, to realize this aim of making a square wave generator, we engineered a five node repression based ring network to give digital oscillations. Quantitative computational modelling would be used to tailor the cellular environment and observe period, steepness, noise and amplitude variations. Our project poses to be an integral element in genetic networks intended to solve scientific challenges for years to come, ranging from making light sensitive frequency modulators and bacterial memory storage systems.</p>
 
      </blockquote>
 
    </div>
 
      </section>
 
  
  
<!-- One -->
+
<section id="one" class="wrapper style1 align-center">
+
<center><div class=" panel_back bggg">
<div class="container ">
+
      <header class="major">
<header>
+
       
<h2>Consectetur adipisicing elit</h2>
+
       
<p>Lorem ipsum dolor sit amet adipisicing elit. Delectus consequatur sed tempus.</p>
+
            <h2 class="h2font">LAB PROTOCOLS</h2>
</header>
+
<div class="row 200%">
+
<section class="4u 12u$(small)">
+
<i class="icon big rounded fa-clock-o"></i>
+
<p>
+
+
</p>
+
</section>
+
<section class="4u 12u$(small)">
+
<i class="icon big rounded fa-comments"></i>
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium ullam consequatur repellat debitis maxime molestiae.</p>
+
</section>
+
<section class="4u$ 12u$(small)">
+
<i class="icon big rounded fa-user"></i>
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque eaque eveniet, nesciunt molestias. Ipsam, voluptate vero.</p>
+
</section>
+
</div>
+
</div>
+
</section>
+
  
<!-- Two -->
+
            <p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<section id="two" class="wrapper style2 align-center">
+
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<div class=" bggg toppad">
+
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<header>
+
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<h2>Lorem ipsum dolor sit</h2>
+
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, autem.</p>
+
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</header>
+
</p>
<div class="row">
+
<h2 id="pfont">Accurate Experimenting for Accurate Results !!</h2>
<section class="feature 6u 12u$(small)">
+
          </header>
<img class="image fit" src="images/pic01.jpg" alt="" />
+
          <button class="accordion back1" style="font-weight: bold;">Transformation</button>
<h3 class="title">Lorem ipsum dolor</h3>
+
          <div class="panel paddingright">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore ipsa voluptate, quae quibusdam. Doloremque similique, reiciendis sit quibusdam aperiam? Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+
           
</section>
+
<!--<u><b><h4 id="pfont"  style="font-size: 90%;">Preparation of competent  cells:-</h4></b></u>-->
<section class="feature 6u$ 12u$(small)">
+
<b id="pfont">Preparation of competent  cells:-</b>
<img class="image fit" src="images/pic02.jpg" alt="" />
+
<div align="left" style="font-size: 84%;">
<h3 class="title">Esse, fugiat, in</h3>
+
<ol ><left>
<p>Natus perspiciatis fugit illum porro iusto fuga nam voluptas minima voluptates deserunt, veniam reiciendis harum repellat necessitatibus. Animi, adipisci qui. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+
<li>Dilute an overnight culture of E. coli 1:200 with LB broth.
</section>
+
<li>Incubate at 37°C with shaking (at 200 rpm) until the cells reach early log phase (OD600 = 0.25-0.4).
<section class="feature 6u 12u$(small)">
+
<li>We already have 1X TSS in 4 deg fridge(old). Use it without dilution or thawing. Keep it inside the icebox just after taking out from the fridge. <br>
<img class="image fit" src="images/pic03.jpg" alt="" />
+
OR <br>
<h3 class="title">Voluptates, repudiandae, dolor</h3>
+
(if the above 1X TSS is not available)<br>
<p>Voluptatibus repellendus tempora, quia! Consequuntur atque, rerum quis, ullam labore officiis ipsa beatae dolore, assumenda eos harum repudiandae, qui ab! Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+
While cells are growing, thaw 2X TSS on ice and dilute an appropriate amount 1:1 with sterile distilled water (100µl of diluted TSS will be needed for each ml of cells). Chill on ice.
</section>
+
<li>  Place 2-ml aliquots of early log-phase cells into sterile 2-ml micro-centrifuge tubes and pellet the cells by centrifugation at 4°C  at 3000g for 10 min.(6-8 mins for taking part from Igem kit)
<section class="feature 6u$ 12u$(small)">
+
<li> Remove the supernatant and discard. Add 0.2 ml of the ice-cold 1X TSS and place the tubes on ice.
<img class="image fit" src="images/pic04.jpg" alt="" />
+
<li>Gently suspend the cells by pipetting.
<h3 class="title">Eveniet, reiciendis, veniam</h3>
+
<li> Proceed with the transformation protocol below (Step 2), or immediately freeze cells by immersion in liquid nitrogen or a dry ice/ethanol bath. Store the frozen cells at –70°C.
<p>Rem nulla molestiae inventore quibusdam repudiandae doloremque eveniet ullam, qui autem possimus saepe laudantium numquam sapiente vel. Repudiandae, nihil tempore. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
+
</left>
</section>
+
</ol>
</div>
+
</div>
<footer>
+
 
<ul class="actions">
+
<b id="pfont">Transformation:-</b>
<li>
+
<br>
<a href="#" class="button alt big">Learn More</a>
+
<div align="left" style="font-size: 84%;">
</li>
+
<ol ><left>
</ul>
+
<li>Thaw frozen TSS-competent cells slowly on ice(if stored at -70°C).
</footer>
+
<li>Add 100 pg -200 ng (2.5 to 4 ul)(15ul for ligation product)of DNA to each tube of competent cells. <br>Note:Addition of more than 10ng of DNA may significantly decrease transformation efficiencies.
</div>
+
<li>Flick the tubes to mix the cells and DNA and incubate the cells on ice for 30 minutes. <br>
</section>
+
 
 +
<li>  Transfer the tubes to water bath/dry bath(42°C) for 90 seconds.
 +
<li> Transfer the tubes to ice and incubate for an additional 10 minutes.
 +
<li>Add 800 ul (total 1 mL)of LB broth and incubate the cells at 37°C for up to 1 hour with shaking (at 200 rpm).
 +
 
 +
<li> Centrifuge the cells at 3000g for  ~ 6min (10 mins after ligation)at 4deg(in temperature control centrifuge).
 +
  <li> Aspirate the tubes to leave the pellets with 1/4 broth .(keep ~300ul)
 +
    <li>Plate the cells on-to the appropriate selective or differential medium and incubate overnight at 37°C.Check the procedure for antibiotic.
 +
      <ol> <li>For Ampicillin: 12ul Amp + 188 ul MQ. In MCT spread it on the culture plate before adding the DNA.
 +
        <li>For Chloramphenicol: 1:1000 volume ratio of antibiotic : culture broth. Directly suspend into the culture broth and spread it on the plate.
 +
          <li> For Kanamycin: 1:1000 volume ratio of antibiotic : culture broth. Directly suspend into the culture broth and spread it on the plate.
 +
          </ol>
 +
          <ul>
 +
<li>DNA should be added as soon as the last trace of ice in the tube disappears.
 +
<li>Incubate on ice for 30 minutes. Expect a 2-fold loss in TE for every 10 minutes you shorten this step.
 +
</ul>
 +
</left>
 +
</ol>
 +
<br>
 +
</div>
 +
 
 +
            </p>
 +
          </div>
 +
 
 +
          <button class="accordion back2" style="font-weight: bold;">Washing 96 Well Plates</button>
 +
          <div class="panel paddingleft">
 +
            <div align="left" style="font-size: 84%;" >
 +
              <ul>
 +
                  <li> Perform all the steps gently
 +
                  <li> Wash twice with tap water, jerk it off
 +
                  <li> Wash twice with distilled water, jerk it off
 +
                  <li> Put ethanol in plates and stand for 5 min
 +
                  <li> Jerk it off
 +
                  <li> Put open plate in oven for 20 minutes
 +
                  <li> Put closed plate in UV for 10 minutes
 +
              </ul>
 +
<br>
 +
            </div>
 +
          </div>
 +
 
 +
<button class="accordion back3" style="font-weight: bold;">Agarose Gel Electrophoresis</button>
 +
          <div class="panel paddingright">
 +
            <div align="left" style="font-size:84%;">
 +
            <ol>           
 +
              <li> <b> Prepare sufficient electrophoresis buffer (usually 1x TAE ) to fill the
 +
electrophoresis tank and to cast the gel:</b><br>
 +
For example, we take 2ml of TAE stock solution in an Erlenmeyer flask and make
 +
the volume to 100ml by adding 98 ml of distilled water. The 1x working solution
 +
is 40 mM Tris-acetate/1 mM EDTA.<br>
 +
<b>It is important to use the same batch of electrophoresis buffer in both
 +
the electrophoresis tank and the gel preparation.</b>
 +
 
 +
              <li>Loosely plug the neck of the Erlenmeyer flask using a paper cap. Heat the
 +
slurry in a boiling-water bath or a microwave oven until the agarose dissolves.
 +
The agarose solution can boil over very easily so keep checking it. It is good to
 +
stop it after 45 seconds and give it a swirl. It can become superheated and NOT
 +
boil until you take it out where upon it boils out all over your hands.
 +
 
 +
 
 +
              <li>When the molten gel has cooled to ~50 deg C, add 0.5μg/ml of ethidium
 +
bromide. Mix the gel solution thoroughly by gentle swirling.
 +
 
 +
              <li>While the agarose solution is cooling, choose an appropriate comb for forming
 +
the sample slots in the gel. Apply cellotape tightly onto the sodes of comb to
 +
form a mold for gel.
 +
 
 +
              <li>Pour the warm agarose solution into the mold.<b>(The gel should be between
 +
3 - 5 mm thick. Check that no air bubbles are under or between the
 +
teeth of the comb).<b>
 +
 
 +
              <li>Allow the gel to set completely (30-45 minutes at room temperature), then
 +
pour a small amount of electrophoresis buffer on the top of the gel, and carefully
 +
remove the comb. Pour off the electrophoresis buffer. Mount the gel in the
 +
electrophoresis tank. <b>Wash the Erlenmeyer flask as quick as possible. (Add
 +
just enough electrophoresis buffers to cover the gel to a depth of
 +
approx. 1mm).</b>
 +
 
 +
              <li>Mix the samples of DNA with 0.20 volumes of the desired 6x gel-loading dye
 +
on a clean piece of cello tape spread on an even surface.
 +
 
 +
              <li>Slowly load the sample mixture into the slots of the submerged gel using a
 +
disposable micropipette or an automatic micropipettor or a drawn-out Pasteur
 +
pipette or a glass capillary tube. Load size standards into slots on both the right
 +
and left sides of the gel.
 +
 
 +
              <li>Close the lid of the gel tank and attach the electrical leads so that the DNA
 +
will migrate toward the positive anode (red lead). Apply a voltage of 7-10 V/cm (measured as the distance between the positive and negative electrodes). If the electrodes are 10 cm apart then run the gel at 50V. It is fine to run the gel
 +
slower than this but do not run it any faster. Above 5V/cm the agarose may heat up and begin to melt with disastrous effects on your gel's resolution. If the leads have been attached correctly, bubbles should be generated at the anode and
 +
cathode.
 +
 
 +
              <li>Run the gel until the loading dye has migrated an appropriate distance(~ 2/3
 +
the length of gel) through the gel.
 +
             
 +
              <li>Remove the gel tray and place directly on a UV transilluminator or under a
 +
gel doc.
 +
            </ol>
 +
<br><div class="paddingright paddingleft"> NOTE:
 +
<ul>
 +
<li>Use TBE 1x for < 1000bp(can't extract DNA) and TAE for large DNA(12-15kb)
 +
<li>Percentage of agarose matters
 +
<li>Gel thickness should not be more than 3-4mm.
 +
<li>Comb should be cleaned well
 +
<li>Add buffer before removing the comb</ul>
 +
</div>
 +
            </ol>
 +
<br>
 +
            </div>
 +
          </div>
 +
<button class="accordion back4" style="font-weight: bold;">Plasmid Isolation</button>
 +
    <div class="panel paddingright">
 +
            <div align="left" style="font-size:84%;">
 +
            <ol>           
 +
            <li>Inoculate 5 ml of rich medium (LB, YT, or Terrific Broth) containing the
 +
appropriate antibiotic with a single colony of transformed bacteria.
 +
Incubate the culture overnight at 37°C with vigorous shaking at 200
 +
rpm.
 +
              <li>Pour 2 ml of the culture into a microfuge tube. Centrifuge at maximum
 +
speed(13400 rpm) for 4-5 minutes in a microfuge. Store the unused
 +
portion(if any) of the original culture at 4°C.
 +
              <li>Remove the medium by aspiration leaving the
 +
bacterial pellet as dry as possible.
 +
              <li>Resuspend the bacterial pellet in 100 μl of ice-cold Alkaline lysis
 +
solution I by vigorous vortexing.
 +
              <li>Add 200 μl of freshly prepared Alkaline lysis solution II to each
 +
bacterial suspension. Close the tube tightly, and mix the contents well
 +
by inverting the tube.
 +
              <br>NOTE:
 +
              <ol>
 +
              <li>Do not vortex!
 +
              <li>Do not let the reaction proceed for more than 1 minutes.
 +
              </ol>
 +
            <li>Add 150 μl of ice-cold Alkaline lysis solution III. Close the tube and
 +
disperse Alkaline lysis solution III through the viscous bacterial lysate
 +
by inverting the tube several times. Store the tube in ice for 3-5
 +
minutes(optional).
 +
            <li>Centrifuge the bacterial lysate for 10 minutes at maximum speed in a
 +
microfuge. Collect the supernatant to a fresh 1.5 ml mctube.
 +
            <li>(Optional) Add equal volume of phenol: chloroform. Mix the organic
 +
and aqueous phases by vortexing and then centrifuge the emulsion at
 +
maximum speed for 2 minutes in a microfuge. Transfer the aqueous
 +
upper layer to a fresh tube.
 +
            <li>Precipitate nucleic acids from the supernatant. Now add 2 volumes of
 +
ethanol at room temperature to the supernatant in a 1.5 ml MCT. Mix
 +
the solution by vortexing and then allow the mixture to stand for 2
 +
minutes at room temperature(optional). Discard the pellet in the
 +
original 2 ml MCT.
 +
            <li>Collect the precipitated nucleic acids by centrifugation at maximum
 +
speed for 10 minutes in a microfuge.
 +
            <li>Discard the supernatant by aspiration. Stand the tube in an inverted
 +
position on a paper towel to allow all of the fluid to drain away. Use a
 +
Kim wipe or disposable pipette tip to remove any drops of fluid
 +
adhering to the walls of the tube. Stand the tube for 10 minutes.
 +
            <li>(Optional)Add 1 ml of 70% ethanol to the pellet and invert the closed
 +
tube several times. Recover the DNA by centrifugation at maximum
 +
speed for 2 minutes at in a microfuge.
 +
            <li>(Optional)Remove all of the supernatant by aspiration. Take care with
 +
this step, as the pellet sometimes does not adhere tightly to the tube.
 +
            <li>(Optional)Remove any beads of ethanol from the tube. Store the open
 +
tube at room temperature until the ethanol has evaporated and no
 +
fluid is visible in the tube (5-10 minutes).
 +
            <li>Store the tube for 10 minutes at 37 degrees without shaking.
 +
            <li>Dissolve the nucleic acids in 20 μl of mQ ( 1/100 times the initial
 +
volume in the MCT) or TE (pH 8.0) [containing 20 μg/ml Dnas e-free
 +
RNase A (pancreatic RNase)] . Vortex the solution gently for a few
 +
seconds and store the DNA at -20°C.
 +
            </ol>  
 +
<br>
 +
          </div>
 +
</div>
 +
<button class="accordion back1" style="font-weight: bold;">Restriction Digestion</button>
 +
          <div class="panel paddingright paddingleft">
 +
          <div align="left" style="font-size:84%;">
 +
            <ol>
 +
            <li>Transfer the following solutions in a micro centrifuge tube.
 +
<table style="width:50%" class="table1">
 +
  <tr>
 +
    <th>Component</th>
 +
    <th>Volume(uL)</th>
 +
  </tr>
 +
  <tr>
 +
    <td>Deionized Water</td>
 +
    <td>5</td>
 +
  </tr>
 +
  <tr>
 +
    <td>10x Reaction Buffer</td>
 +
    <td>1</td>
 +
  </tr>
 +
  <tr>
 +
<td>Plasmid DNA</td>
 +
    <td>3</td>
 +
  </tr>
 +
<tr>
 +
<td>(Enzyme 1)EcoRI</td>
 +
    <td>0.5</td>
 +
  </tr>
 +
<tr>
 +
<td>(Enzyme 2)BamHI</td>
 +
    <td>0.5</td>
 +
  </tr>
 +
<td>Total</td>
 +
    <td>10</td>
 +
</table>
 +
            <li>Incubate the mixture at 37 o C for 1 h to overnight. Keep the tubes in -4o C
 +
freezer or in -20o C freezer, after the incubation.
 +
</ol>
 +
              <br><div class="pddingleft1 paddingright">NOTE:
 +
              <ul>
 +
              <li>10X buffer should be added in the reaction such that its final concentration is 1x (e.g. - in
 +
a 50 ul reaction 5 ul of buffer would be added).
 +
              <li>Amount of DNA to be added depends on concentration and the amount of DNA to be
 +
digested.
 +
              <li>Make sure that the restriction enzyme does not exceed more than 10%
 +
of the total reaction volume, Otherwise the glycerol and the EDTA in
 +
the enzyme storage buffer may inhibit digestion process.
 +
              <li>Enzymes on ice, when not in freezer
 +
              <li>Mix by pipetting
 +
              <li>A 50 μl reaction volume is recommended for digestion of 1 μg of substrate
 +
              <li>Control DNA (DNA with multiple known sites for the enzyme, e.g. lambda or
 +
adenovirus-2 DNA) with restriction enzyme to test enzyme viability
 +
                <li>If the control DNA is cleaved and the experimental DNA resists cleavage, the two
 +
DNAs can be mixed to determine if an inhibitor is present in the experimental
 +
sample. If an inhibitor (often salt, EDTA or phenol) is present, the control DNA will
 +
not cut after mixing.
 +
                <li>Cleanup of the PCR fragment prior to restriction digestion is recommended. PCR
 +
components can inhibit enzyme activity. In addition, the polymerase present in
 +
the PCR is active during the digestion step, and can modify the newly created
 +
ends by blunting them.
 +
                <li>Some enzymes may bind tightly to the substrate DNA. This binding can result in
 +
smearing or the presence of unexpectedly high molecular weight bands on a gel.
 +
To prevent this, add SDS to a final concentration of approximately 0.1%, or use
 +
Gel Loading Dye, Purple (6x), which contains sufficient SDS to dissociate the
 +
enzyme from the substrate.
 +
                  <li>To prevent star activity, make sure that you use the recommended buffer, that the
 +
amount of glycerol in the reaction is no more than 5% of the total reaction
 +
volume
 +
              </ul>
 +
          </div>
 +
<br>
 +
          </div>
 +
</div>
 +
<button class="accordion back2" style="font-weight: bold;" >Gel Extraction</button>
 +
          <div class="panel paddingright">
 +
          <div align="left" style="font-size:84%;">
 +
          <ol>
 +
          <li>Excise the DNA fragment from agarose gel with clean, sharp scalpel.
 +
          <li>Weigh the gel slice. Add 3 volumes buffer QG to 1 volume of gel( 100 mg gel = 100 ul). ( if we
 +
have 18 mg of gel take around 20 ul of buffer QG)
 +
          <li>Incubate at 50 degree celsius for 10 minutes. Vortex after 5 minutes to dissolve the gel slice .
 +
After gel has dissolved the color of mixture is yellow. NOTE: tilt the MCT upside down, to see if the
 +
gel has completely dissolved. If it has not dissolved, incubate it for 2-3 minutes more. NOTE: if
 +
mixture color is orange or violet, ad 10 ul 3M sodium acetate, pH 5.0 and mix. The mixture turns
 +
yellow.
 +
          <li>Add 1 gel volume isopropanol to sample and mix.
 +
          <li>Take the whole volume in the MCT and transfer it to spin column.
 +
          <li>Spin it on minispin for 90 sec at maximum speed.
 +
          <li>Discard the flow through
 +
          <li>Add 750 ul of PE buffer. in the spin column.
 +
          <li>Spin it on minispin for 90 sec at maximum speed.
 +
          <li>Discard the flow through and centrifuge once again for 90 seconds at maximum speed.
 +
          <li>Place QIAquick column in 1.5 mL fresh MCT.
 +
          <li>Add EB buffer through the QIA quick column center. ( around 20 – 25 ulL depending on
 +
application)
 +
          <li>Spin for 2 minutes at maximum speed in minispin.
 +
          </ol>
 +
<br>
 +
          </div>
 +
</div>
 +
<button class="accordion back3" style="font-weight: bold;">Colony PCR</button>
 +
          <div class="panel">
 +
          <div align="centre" style="font-size:84%;">  
 +
          <h2 id="pfont"> Annealing Temperature 54.5 degC </h2>
 +
            <table style="width:50%" class="table1">
 +
  <tr>
 +
    <th>Component</th>
 +
    <th>Volume(uL)</th>
 +
  </tr>
 +
  <tr>
 +
    <td>TaqMM</td>
 +
    <td>10</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Forward Primer</td>
 +
    <td>0.4</td>
 +
  </tr>
 +
  <tr>
 +
<td>Reverse Primer</td>
 +
    <td>0.4</td>
 +
  </tr>
 +
<tr>
 +
<td>Colony</td>
 +
    <td>Just a pinch</td>  
 +
  </tr>
 +
<tr>
 +
<td>Milli Q</td>
 +
    <td>9.2</td>  
 +
  </tr>
 +
<td>Total</td>
 +
    <td>20</td>
 +
</table>
 +
          <br>
 +
          </div>
 +
</div>
  
 +
    <br>
 +
    <br>
 +
    <br>
 +
   
 +
</div></center>
 +
       
 +
          <script>
 +
          var acc = document.getElementsByClassName("accordion");
 +
          var i;
  
 +
          for (i = 0; i < acc.length; i++) {
 +
              acc[i].onclick = function(){
 +
                  this.classList.toggle("active");
 +
                  var panel = this.nextElementSibling;
 +
                  if (panel.style.display === "block") {
 +
                      panel.style.display = "none";
 +
                  } else {
 +
                      panel.style.display = "block";
 +
                  }
 +
              }
 +
          }
 +
          </script>
  
 +
</div>
 
 
 
<!-- Footer -->
 
<!-- Footer -->
 
<footer id="footer">
 
<footer id="footer">
<table border = "1" id="tablea" >
+
<table style="font-family:'Lato'; border: 0px solid black; ">
         <tr align="center" >
+
         <tr align="center" >
         <td align="center" width="50%" id="tableatd" colspan="2"><b>Sponsored By</b></td></tr>
+
         <td align="center" width="50%" colspan="2" class="tr2"><div class="tr4">Sponsored By</div></td></tr>
 
         <tr align="center" >   
 
         <tr align="center" >   
         <td align="center" width="50%" id="tableatd" colspan="2"><b><img src= "66.jpg" class="width-max"></b></td></tr>
+
         <td align="center" width="50%" colspan="2"><b><img src= "https://static.igem.org/mediawiki/2017/1/1e/T--IIT_DELHI--sponsotstrip.jpg" class="width-max"></b></td></tr>
  
 
         <tr align="right" >
 
         <tr align="right" >
             <td align="center" width="50%" id="tableatd"><b>Contact Us</b></td>
+
             <td align="center" width="50%" class="tr3"><div class="tr4">Contact Us</div></td>
             <td align="center" id="tableatd" ><b>Address</b></td>
+
             <td align="center" class="tr3"><div class="tr4">Address</div></td>
 
         </tr>
 
         </tr>
 
          
 
          
         <tr align="center" width= "100%">
+
         <tr align="center" >
             <td align="center" id="tableatd1" style="padding-top: 5px;">
+
             <td align="center" style="padding-top: 5px;" class="tr2">
 
<br>
 
<br>
<i class="fa igem_iitd-hover-opacity"><img src="foot_1.png" height="50px" width="50px" ></i>
+
<a href="https://www.facebook.com/igemiitdelhi/"><i class="fa igem_iitd-hover-opacity"><img src="https://static.igem.org/mediawiki/2017/f/f5/T--IIT_DELHI--foot_1.jpg" height="50px" width="50px"></i></a>
     <i class="fa igem_iitd-hover-opacity"><img src="foot_4.png" height="50px" width="50px"></i>
+
     <!--<i class="fa igem_iitd-hover-opacity"><img src="https://static.igem.org/mediawiki/2017/d/dd/T--IIT_DELHI--foot_4.jpg" height="50px" width="50px"></i>-->
     <i class="fa igem_iitd-hover-opacity"><img src="foot_3.png" height="50px" width="50px"></i>
+
     <a href="https://www.linkedin.com/company/igemiitdelhi/"><i class="fa igem_iitd-hover-opacity"><img src="https://static.igem.org/mediawiki/2017/a/ac/T--IIT_DELHI--foot_3.jpg" height="50px" width="50px"></i></a>
     <i class="fa igem_iitd-hover-opacity"><img src="foot_5.png" height="50px" width="50px"></i>
+
     <!--<i class="fa igem_iitd-hover-opacity"><img src="https://static.igem.org/mediawiki/2017/2/29/T--IIT_DELHI--foot_5.jpg" height="50px" width="50px"></i>-->
     <i class="fa igem_iitd-hover-opacity"><img src="foot_2.png" height="50px" width="50px"></i></td>
+
     <a href="https://twitter.com/igem_iit_delhi?lang=en"><i class="fa igem_iitd-hover-opacity"><img src="https://static.igem.org/mediawiki/2017/2/23/T--IIT_DELHI--foot_2.jpg" height="50px" width="50px"></i></a>
 +
</td>
 
 
            <td align = "center" id="tableatd2"  style="padding-top: 0px;" >
+
          <td align = "center"   style="padding-top: 0px;" class="tr2">
<p ><b>E-mail:</b> iitd.igem@gmail.com<br>Undergraduate Laboratory<br>Department of Biotechnology and Biochemical Engineering, IIT Delhi
+
<center> <p  style="text-align: center; color:white; font-size: 80%;">E-mail: iitd.igem@gmail.com<br>Undergraduate Laboratory<br>Department of Biotechnology and Biochemical Engineering, IIT Delhi</p></center>
 
 
 
         </tr>
 
         </tr>

Revision as of 19:42, 1 November 2017

iGEM IIT Delhi

LAB PROTOCOLS

                                                                                                                                                                                                                 

Accurate Experimenting for Accurate Results !!

Preparation of competent cells:-
  1. Dilute an overnight culture of E. coli 1:200 with LB broth.
  2. Incubate at 37°C with shaking (at 200 rpm) until the cells reach early log phase (OD600 = 0.25-0.4).
  3. We already have 1X TSS in 4 deg fridge(old). Use it without dilution or thawing. Keep it inside the icebox just after taking out from the fridge.
    OR
    (if the above 1X TSS is not available)
    While cells are growing, thaw 2X TSS on ice and dilute an appropriate amount 1:1 with sterile distilled water (100µl of diluted TSS will be needed for each ml of cells). Chill on ice.
  4. Place 2-ml aliquots of early log-phase cells into sterile 2-ml micro-centrifuge tubes and pellet the cells by centrifugation at 4°C at 3000g for 10 min.(6-8 mins for taking part from Igem kit)
  5. Remove the supernatant and discard. Add 0.2 ml of the ice-cold 1X TSS and place the tubes on ice.
  6. Gently suspend the cells by pipetting.
  7. Proceed with the transformation protocol below (Step 2), or immediately freeze cells by immersion in liquid nitrogen or a dry ice/ethanol bath. Store the frozen cells at –70°C.
Transformation:-
  1. Thaw frozen TSS-competent cells slowly on ice(if stored at -70°C).
  2. Add 100 pg -200 ng (2.5 to 4 ul)(15ul for ligation product)of DNA to each tube of competent cells.
    Note:Addition of more than 10ng of DNA may significantly decrease transformation efficiencies.
  3. Flick the tubes to mix the cells and DNA and incubate the cells on ice for 30 minutes.
  4. Transfer the tubes to water bath/dry bath(42°C) for 90 seconds.
  5. Transfer the tubes to ice and incubate for an additional 10 minutes.
  6. Add 800 ul (total 1 mL)of LB broth and incubate the cells at 37°C for up to 1 hour with shaking (at 200 rpm).
  7. Centrifuge the cells at 3000g for ~ 6min (10 mins after ligation)at 4deg(in temperature control centrifuge).
  8. Aspirate the tubes to leave the pellets with 1/4 broth .(keep ~300ul)
  9. Plate the cells on-to the appropriate selective or differential medium and incubate overnight at 37°C.Check the procedure for antibiotic.
    1. For Ampicillin: 12ul Amp + 188 ul MQ. In MCT spread it on the culture plate before adding the DNA.
    2. For Chloramphenicol: 1:1000 volume ratio of antibiotic : culture broth. Directly suspend into the culture broth and spread it on the plate.
    3. For Kanamycin: 1:1000 volume ratio of antibiotic : culture broth. Directly suspend into the culture broth and spread it on the plate.
    • DNA should be added as soon as the last trace of ice in the tube disappears.
    • Incubate on ice for 30 minutes. Expect a 2-fold loss in TE for every 10 minutes you shorten this step.

  • Perform all the steps gently
  • Wash twice with tap water, jerk it off
  • Wash twice with distilled water, jerk it off
  • Put ethanol in plates and stand for 5 min
  • Jerk it off
  • Put open plate in oven for 20 minutes
  • Put closed plate in UV for 10 minutes

  1. Prepare sufficient electrophoresis buffer (usually 1x TAE ) to fill the electrophoresis tank and to cast the gel:
    For example, we take 2ml of TAE stock solution in an Erlenmeyer flask and make the volume to 100ml by adding 98 ml of distilled water. The 1x working solution is 40 mM Tris-acetate/1 mM EDTA.
    It is important to use the same batch of electrophoresis buffer in both the electrophoresis tank and the gel preparation.
  2. Loosely plug the neck of the Erlenmeyer flask using a paper cap. Heat the slurry in a boiling-water bath or a microwave oven until the agarose dissolves. The agarose solution can boil over very easily so keep checking it. It is good to stop it after 45 seconds and give it a swirl. It can become superheated and NOT boil until you take it out where upon it boils out all over your hands.
  3. When the molten gel has cooled to ~50 deg C, add 0.5μg/ml of ethidium bromide. Mix the gel solution thoroughly by gentle swirling.
  4. While the agarose solution is cooling, choose an appropriate comb for forming the sample slots in the gel. Apply cellotape tightly onto the sodes of comb to form a mold for gel.
  5. Pour the warm agarose solution into the mold.(The gel should be between 3 - 5 mm thick. Check that no air bubbles are under or between the teeth of the comb).
  6. Allow the gel to set completely (30-45 minutes at room temperature), then pour a small amount of electrophoresis buffer on the top of the gel, and carefully remove the comb. Pour off the electrophoresis buffer. Mount the gel in the electrophoresis tank. Wash the Erlenmeyer flask as quick as possible. (Add just enough electrophoresis buffers to cover the gel to a depth of approx. 1mm).
  7. Mix the samples of DNA with 0.20 volumes of the desired 6x gel-loading dye on a clean piece of cello tape spread on an even surface.
  8. Slowly load the sample mixture into the slots of the submerged gel using a disposable micropipette or an automatic micropipettor or a drawn-out Pasteur pipette or a glass capillary tube. Load size standards into slots on both the right and left sides of the gel.
  9. Close the lid of the gel tank and attach the electrical leads so that the DNA will migrate toward the positive anode (red lead). Apply a voltage of 7-10 V/cm (measured as the distance between the positive and negative electrodes). If the electrodes are 10 cm apart then run the gel at 50V. It is fine to run the gel slower than this but do not run it any faster. Above 5V/cm the agarose may heat up and begin to melt with disastrous effects on your gel's resolution. If the leads have been attached correctly, bubbles should be generated at the anode and cathode.
  10. Run the gel until the loading dye has migrated an appropriate distance(~ 2/3 the length of gel) through the gel.
  11. Remove the gel tray and place directly on a UV transilluminator or under a gel doc.

NOTE:
  • Use TBE 1x for < 1000bp(can't extract DNA) and TAE for large DNA(12-15kb)
  • Percentage of agarose matters
  • Gel thickness should not be more than 3-4mm.
  • Comb should be cleaned well
  • Add buffer before removing the comb

  1. Inoculate 5 ml of rich medium (LB, YT, or Terrific Broth) containing the appropriate antibiotic with a single colony of transformed bacteria. Incubate the culture overnight at 37°C with vigorous shaking at 200 rpm.
  2. Pour 2 ml of the culture into a microfuge tube. Centrifuge at maximum speed(13400 rpm) for 4-5 minutes in a microfuge. Store the unused portion(if any) of the original culture at 4°C.
  3. Remove the medium by aspiration leaving the bacterial pellet as dry as possible.
  4. Resuspend the bacterial pellet in 100 μl of ice-cold Alkaline lysis solution I by vigorous vortexing.
  5. Add 200 μl of freshly prepared Alkaline lysis solution II to each bacterial suspension. Close the tube tightly, and mix the contents well by inverting the tube.
    NOTE:
    1. Do not vortex!
    2. Do not let the reaction proceed for more than 1 minutes.
  6. Add 150 μl of ice-cold Alkaline lysis solution III. Close the tube and disperse Alkaline lysis solution III through the viscous bacterial lysate by inverting the tube several times. Store the tube in ice for 3-5 minutes(optional).
  7. Centrifuge the bacterial lysate for 10 minutes at maximum speed in a microfuge. Collect the supernatant to a fresh 1.5 ml mctube.
  8. (Optional) Add equal volume of phenol: chloroform. Mix the organic and aqueous phases by vortexing and then centrifuge the emulsion at maximum speed for 2 minutes in a microfuge. Transfer the aqueous upper layer to a fresh tube.
  9. Precipitate nucleic acids from the supernatant. Now add 2 volumes of ethanol at room temperature to the supernatant in a 1.5 ml MCT. Mix the solution by vortexing and then allow the mixture to stand for 2 minutes at room temperature(optional). Discard the pellet in the original 2 ml MCT.
  10. Collect the precipitated nucleic acids by centrifugation at maximum speed for 10 minutes in a microfuge.
  11. Discard the supernatant by aspiration. Stand the tube in an inverted position on a paper towel to allow all of the fluid to drain away. Use a Kim wipe or disposable pipette tip to remove any drops of fluid adhering to the walls of the tube. Stand the tube for 10 minutes.
  12. (Optional)Add 1 ml of 70% ethanol to the pellet and invert the closed tube several times. Recover the DNA by centrifugation at maximum speed for 2 minutes at in a microfuge.
  13. (Optional)Remove all of the supernatant by aspiration. Take care with this step, as the pellet sometimes does not adhere tightly to the tube.
  14. (Optional)Remove any beads of ethanol from the tube. Store the open tube at room temperature until the ethanol has evaporated and no fluid is visible in the tube (5-10 minutes).
  15. Store the tube for 10 minutes at 37 degrees without shaking.
  16. Dissolve the nucleic acids in 20 μl of mQ ( 1/100 times the initial volume in the MCT) or TE (pH 8.0) [containing 20 μg/ml Dnas e-free RNase A (pancreatic RNase)] . Vortex the solution gently for a few seconds and store the DNA at -20°C.

  1. Transfer the following solutions in a micro centrifuge tube.
    Component Volume(uL)
    Deionized Water 5
    10x Reaction Buffer 1
    Plasmid DNA 3
    (Enzyme 1)EcoRI 0.5
    (Enzyme 2)BamHI 0.5
    Total 10
  2. Incubate the mixture at 37 o C for 1 h to overnight. Keep the tubes in -4o C freezer or in -20o C freezer, after the incubation.

NOTE:
  • 10X buffer should be added in the reaction such that its final concentration is 1x (e.g. - in a 50 ul reaction 5 ul of buffer would be added).
  • Amount of DNA to be added depends on concentration and the amount of DNA to be digested.
  • Make sure that the restriction enzyme does not exceed more than 10% of the total reaction volume, Otherwise the glycerol and the EDTA in the enzyme storage buffer may inhibit digestion process.
  • Enzymes on ice, when not in freezer
  • Mix by pipetting
  • A 50 μl reaction volume is recommended for digestion of 1 μg of substrate
  • Control DNA (DNA with multiple known sites for the enzyme, e.g. lambda or adenovirus-2 DNA) with restriction enzyme to test enzyme viability
  • If the control DNA is cleaved and the experimental DNA resists cleavage, the two DNAs can be mixed to determine if an inhibitor is present in the experimental sample. If an inhibitor (often salt, EDTA or phenol) is present, the control DNA will not cut after mixing.
  • Cleanup of the PCR fragment prior to restriction digestion is recommended. PCR components can inhibit enzyme activity. In addition, the polymerase present in the PCR is active during the digestion step, and can modify the newly created ends by blunting them.
  • Some enzymes may bind tightly to the substrate DNA. This binding can result in smearing or the presence of unexpectedly high molecular weight bands on a gel. To prevent this, add SDS to a final concentration of approximately 0.1%, or use Gel Loading Dye, Purple (6x), which contains sufficient SDS to dissociate the enzyme from the substrate.
  • To prevent star activity, make sure that you use the recommended buffer, that the amount of glycerol in the reaction is no more than 5% of the total reaction volume

  1. Excise the DNA fragment from agarose gel with clean, sharp scalpel.
  2. Weigh the gel slice. Add 3 volumes buffer QG to 1 volume of gel( 100 mg gel = 100 ul). ( if we have 18 mg of gel take around 20 ul of buffer QG)
  3. Incubate at 50 degree celsius for 10 minutes. Vortex after 5 minutes to dissolve the gel slice . After gel has dissolved the color of mixture is yellow. NOTE: tilt the MCT upside down, to see if the gel has completely dissolved. If it has not dissolved, incubate it for 2-3 minutes more. NOTE: if mixture color is orange or violet, ad 10 ul 3M sodium acetate, pH 5.0 and mix. The mixture turns yellow.
  4. Add 1 gel volume isopropanol to sample and mix.
  5. Take the whole volume in the MCT and transfer it to spin column.
  6. Spin it on minispin for 90 sec at maximum speed.
  7. Discard the flow through
  8. Add 750 ul of PE buffer. in the spin column.
  9. Spin it on minispin for 90 sec at maximum speed.
  10. Discard the flow through and centrifuge once again for 90 seconds at maximum speed.
  11. Place QIAquick column in 1.5 mL fresh MCT.
  12. Add EB buffer through the QIA quick column center. ( around 20 – 25 ulL depending on application)
  13. Spin for 2 minutes at maximum speed in minispin.

Annealing Temperature 54.5 degC

Component Volume(uL)
TaqMM 10
Forward Primer 0.4
Reverse Primer 0.4
Colony Just a pinch
Milli Q 9.2
Total 20




Sponsored By
Contact Us
Address

E-mail: iitd.igem@gmail.com
Undergraduate Laboratory
Department of Biotechnology and Biochemical Engineering, IIT Delhi