Difference between revisions of "Team:IIT Delhi/model"

 
Line 2: Line 2:
 
<link href='https://fonts.googleapis.com/css?family=Boogaloo' rel='stylesheet'>
 
<link href='https://fonts.googleapis.com/css?family=Boogaloo' rel='stylesheet'>
 
<script>
 
<script>
 +
 +
//document.getElementById("team").addEventListener("click",openNav);
 +
 +
function openNav(e) {
 +
    //document.getElementById("myNav").style.width = "100%";
 +
   
 +
  // alert(e.pageX + "+" + e.pageY);
 +
    //x = e.pageX, y = e.pageY;
 +
 +
   
 +
    if(e.pageX>=25)
 +
      if(e.pageX<=84)
 +
          if(e.pageY>=225)
 +
            if(e.pageY<=320)
 +
                document.getElementById("myNav1").style.width = "100%";
 +
 +
    if(e.pageX>=253)
 +
      if(e.pageX<=320)
 +
          if(e.pageY>=117)
 +
            if(e.pageY<=205)
 +
                document.getElementById("myNav2").style.width = "100%";
 +
 +
    if(e.pageX>=325)
 +
      if(e.pageX<=390)
 +
          if(e.pageY>=224)
 +
            if(e.pageY<=298)
 +
                document.getElementById("myNav3").style.width = "100%";
 +
 +
    if(e.pageX>=603)
 +
      if(e.pageX<=683)
 +
          if(e.pageY>=173)
 +
            if(e.pageY<=270)
 +
                document.getElementById("myNav4").style.width = "100%";
 +
 +
    if(e.pageX>=700)
 +
      if(e.pageX<=774)
 +
          if(e.pageY>=82)
 +
            if(e.pageY<=170)
 +
                document.getElementById("myNav5").style.width = "100%";
 +
 +
    if(e.pageX>=941)
 +
      if(e.pageX<=1022)
 +
          if(e.pageY>=162)
 +
            if(e.pageY<=244)
 +
                document.getElementById("myNav6").style.width = "100%";
 +
 +
    if(e.pageX>=1055)
 +
      if(e.pageX<=1134)
 +
          if(e.pageY>=90)
 +
            if(e.pageY<=200)
 +
                document.getElementById("myNav7").style.width = "100%";
 +
 +
    if(e.pageX>=1150)
 +
      if(e.pageX<=1222)
 +
          if(e.pageY>=179)
 +
            if(e.pageY<=263)
 +
                document.getElementById("myNav8").style.width = "100%";
 +
 +
    if(e.pageX>=1215)
 +
      if(e.pageX<=1271)
 +
          if(e.pageY>=260)
 +
            if(e.pageY<=340)
 +
                document.getElementById("myNav9").style.width = "100%";
 +
 +
    if(e.pageX>=1190)
 +
      if(e.pageX<=1242)
 +
          if(e.pageY>=490)
 +
            if(e.pageY<=590)
 +
                document.getElementById("myNav10").style.width = "100%";
 +
 +
    if(e.pageX>=1100)
 +
      if(e.pageX<=436)
 +
          if(e.pageY>=657)
 +
            if(e.pageY<=770)
 +
                document.getElementById("myNav11").style.width = "100%";
 +
 +
    if(e.pageX>=1030)
 +
      if(e.pageX<=1090)
 +
          if(e.pageY>=752)
 +
            if(e.pageY<=842)
 +
                document.getElementById("myNav12").style.width = "100%";
 +
 +
    if(e.pageX>=940)
 +
      if(e.pageX<=1008)
 +
          if(e.pageY>=760)
 +
            if(e.pageY<=852)
 +
                document.getElementById("myNav13").style.width = "100%";
 +
 +
    if(e.pageX>=690)
 +
      if(e.pageX<=756)
 +
          if(e.pageY>=738)
 +
            if(e.pageY<=821)
 +
                document.getElementById("myNav14").style.width = "100%";
 +
 +
    if(e.pageX>=550)
 +
      if(e.pageX<=620)
 +
          if(e.pageY>=660)
 +
            if(e.pageY<=750)
 +
                document.getElementById("myNav15").style.width = "100%";
 +
 +
    if(e.pageX>=390)
 +
      if(e.pageX<=450)
 +
          if(e.pageY>=744)
 +
            if(e.pageY<=820)
 +
                document.getElementById("myNav16").style.width = "100%";
 +
 +
    if(e.pageX>=240)
 +
      if(e.pageX<=300)
 +
          if(e.pageY>=680)
 +
            if(e.pageY<=767)
 +
                document.getElementById("myNav17").style.width = "100%";
 +
 +
 +
}
 +
 +
function closeNav() {
 +
    document.getElementById("myNav1").style.width = "0%";
 +
    document.getElementById("myNav2").style.width = "0%";
 +
    document.getElementById("myNav3").style.width = "0%";
 +
    document.getElementById("myNav4").style.width = "0%";
 +
    document.getElementById("myNav5").style.width = "0%";
 +
    document.getElementById("myNav6").style.width = "0%";
 +
    document.getElementById("myNav7").style.width = "0%";
 +
    document.getElementById("myNav8").style.width = "0%";
 +
    document.getElementById("myNav9").style.width = "0%";
 +
    document.getElementById("myNav10").style.width = "0%";
 +
    document.getElementById("myNav11").style.width = "0%";
 +
    document.getElementById("myNav12").style.width = "0%";
 +
    document.getElementById("myNav13").style.width = "0%";
 +
    document.getElementById("myNav14").style.width = "0%";
 +
    document.getElementById("myNav15").style.width = "0%";
 +
    document.getElementById("myNav16").style.width = "0%";
 +
    document.getElementById("myNav17").style.width = "0%";
 +
}
 +
 +
 +
 +
 +
 +
 
// When the user scrolls down 20px from the top of the document, show the button
 
// When the user scrolls down 20px from the top of the document, show the button
 
window.onscroll = function() {scrollFunction()};
 
window.onscroll = function() {scrollFunction()};
Line 24: Line 164:
 
@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");
 
@import url ("'https://fonts.googleapis.com/css?family=Boogaloo");
 +
 +
.teambg{
 +
background-color:#000;
 +
}
 +
.bannerpad
 +
{
 +
  padding-top:40px;
 +
  padding-bottom: 0px;
 +
}
 +
.overlay {
 +
    height: 100%;
 +
    width: 0;
 +
    position: fixed;
 +
    z-index: 1;
 +
    top: 0;
 +
    left: 0;
 +
    background-color: rgb(0,0,0);
 +
    background-color: rgba(0,0,0, 0.7);
 +
    overflow-x: hidden;
 +
    transition: 0.5s;
 +
}
 +
 +
.overlay-content {
 +
    position: relative;
 +
    top: 25%;
 +
    width: 100%;
 +
    text-align: center;
 +
    margin-top: 30px;
 +
}
 +
 +
.overlay a {
 +
    padding: 8px;
 +
    text-decoration: none;
 +
    font-size: 36px;
 +
    color: #818181;
 +
    display: block;
 +
    transition: 0.3s;
 +
}
 +
 +
.overlay a:hover, .overlay a:focus {
 +
    color: #f1f1f1;
 +
}
 +
 +
.overlay .closebtn {
 +
    position: absolute;
 +
    top: 100px;
 +
    right: 45px;
 +
    font-size: 60px;
 +
}
 +
 +
@media screen and (max-height: 450px) {
 +
  .overlay a {font-size: 20px}
 +
  .overlay .closebtn {
 +
    font-size: 40px;
 +
    top: 15px;
 +
    right: 35px;
 +
  }
 +
}
 +
 +
  
 
#myBtn {
 
#myBtn {
Line 165: Line 365:
  
 
strong, b {
 
strong, b {
−
color: #eee;
+
color: #000;
−
font-weight: 400;
+
font-weight: 500;
 
}
 
}
  
Line 792: Line 992:
 
}
 
}
  
−
table tbody tr:nth-child(2n + 1) {
+
−
background-color: #000;
+
−
}
+
  
 
.tr2{
 
.tr2{
Line 802: Line 1,000:
 
table td {
 
table td {
 
padding: 0em 0em;
 
padding: 0em 0em;
 +
                        color: #697ce5;
 +
                        background-color: #697ce5;
 
}
 
}
  
 
table th {
 
table th {
−
color: #666;
+
color: #697ce5;
 
font-size: 0.9em;
 
font-size: 0.9em;
 
font-weight: 400;
 
font-weight: 400;
Line 1,094: Line 1,294:
  
 
#banner {
 
#banner {
−
background: url("https://static.igem.org/mediawiki/2017/b/b8/T--IIT_Delhi--MODELL.png") ;
+
background: url("https://static.igem.org/mediawiki/2017/8/80/T--IIT_Delhi--notebook.png") ;
  
 
background-position: center;
 
background-position: center;
Line 1,535: Line 1,735:
  
 
</head>
 
</head>
−
<body class="landing .igem_iitd_delhi_body" background-color: black;>
+
<body class="landing .igem_iitd_delhi_body" background-color: black; class="teambg">
  
 
<!-- Header -->
 
<!-- Header -->
Line 1,548: Line 1,748:
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
−
       <a href="/Team:IIT_Delhi/Description">Description</a>
+
       <a href="/Team:IIT_Delhi/Description">Overview</a>
−
       <a href="/Team:IIT_Delhi/Results">Results</a>
+
       <a href="/Team:IIT_Delhi/Results">Squarewave Generator</a>
  
 
       <a href="/Team:IIT_Delhi/Interlab">Interlab</a>
 
       <a href="/Team:IIT_Delhi/Interlab">Interlab</a>
Line 1,555: Line 1,755:
 
   </div>  
 
   </div>  
 
                                                         <div class="dropdown">
 
                                                         <div class="dropdown">
−
     <button class="dropbtn">Parts
+
     <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="/Team:IIT_Delhi/Basic_Part">Basic Parts</a>
+
       <a href="/Team:IIT_Delhi/Basic_Part">Circuit design and construction</a>
−
       <a href="/Team:IIT_Delhi/Composite_Part">Composite Parts</a>
+
       <a href="/Team:IIT_Delhi/Composite_Part">Microfluidics and Fluroscence</a>
−
       <a href="/Team:IIT_Delhi/Improved_Part">Improved Parts</a>
+
       <a href="/Team:IIT_Delhi/Improved_Part">Photobleaching</a>
−
       <a href="/Team:IIT_Delhi/Part_Collection">Part Collection</a>
+
       <a href="/Team:IIT_Delhi/Part_Collection">Promoter strength</a>
 +
                                                      <a href="/Team:IIT_Delhi/Part_Collection">Oscillations</a>
 +
                                                      <a href="/Team:IIT_Delhi/Part_Collection">Parts</a>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 1,571: Line 1,773:
 
     <div class="dropdown-content-big">
 
     <div class="dropdown-content-big">
 
       <a href="/Team:IIT_Delhi/Model">Overview</a>
 
       <a href="/Team:IIT_Delhi/Model">Overview</a>
−
       <a href="/Team:IIT_Delhi/Database">Simulation Database</a>
+
       <a href="/Team:IIT_Delhi/Database">Writing a model</a>
 +
                                                        <a href="/Team:IIT_Delhi/Database">Deterministic model </a>
 +
                                                        <a href="/Team:IIT_Delhi/Database">Stochastic model</a>
 +
                                                        <a href="/Team:IIT_Delhi/Database">Bifurcation and squareness</a>
 +
                                                        <a href="/Team:IIT_Delhi/Database">Resource sharing</a>
 
     </div>
 
     </div>
 
     </div>
 
     </div>
Line 1,583: Line 1,789:
 
       <a href="/Team:IIT_Delhi/Engagement">Public Engagement</a>
 
       <a href="/Team:IIT_Delhi/Engagement">Public Engagement</a>
 
       <a href="/Team:IIT_Delhi/Collaborations">Collaborations</a>
 
       <a href="/Team:IIT_Delhi/Collaborations">Collaborations</a>
 +
                                                        <a href="/Team:IIT_Delhi/Collaborations">Safety</a>
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
Line 1,614: Line 1,821:
 
 
  
−
<!-- Banner -->
+
<!--  
 
<section id="banner">
 
<section id="banner">
 
 
 
 
 
</section>
 
</section>
 +
Banner -->
  
 +
 +
<div class = "center bannerpad">
 +
CLICK ON THE IMAGES TO KNOW MORE ABOUT US
 +
<center><img id="team" src="https://static.igem.org/mediawiki/2017/d/da/T--IIT_Delhi--squad.jpg" width = "1300" alt="" ></center>
 
 
 +
<script>
 +
    document.getElementById("team").addEventListener("click",openNav);
 +
</script>
  
 +
   
 +
<div id="myNav1" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Nipun.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
   
 +
<div id="myNav2" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/e/e8/T--IIT_Delhi--Maini.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
  
−
+
<div id="myNav3" class="overlay">
−
<center><div class=" panel_back bggg">
+
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
−
      <header class="major">
+
  <div class="overlay-content ">
−
       
+
    <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Team.pptx.jpg" height ="500">
−
       
+
  </div>
−
            <h2 class="h2font">LAB PROTOCOLS</h2>
+
</div>
  
−
            <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;
+
<div id="myNav4" class="overlay">
−
&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;
+
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
−
&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="overlay-content ">
−
&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;
+
    <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Zode.pptx.jpg" height ="500">
−
&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>
−
&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>
+
−
<h2 id="pfont">Accurate Experimenting for Accurate Results !!</h2>
+
−
          </header>
+
−
          <button class="accordion back1" style="font-weight: bold;">Transformation</button>
+
−
          <div class="panel ">
+
−
           
+
−
<!--<u><b><h4 id="pfont" style="font-size: 90%;">Preparation of competent  cells:-</h4></b></u>-->
+
−
<b id="pfont">Preparation of competent  cells:-</b>
+
−
<div align="left" style="font-size: 84%;">
+
−
<ol ><left>
+
−
<li>Dilute an overnight culture of E. coli 1:200 with LB broth.
+
−
<li>Incubate at 37°C with shaking (at 200 rpm) until the cells reach early log phase (OD600 = 0.25-0.4).
+
−
<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>
+
−
OR <br>
+
−
(if the above 1X TSS is not available)<br>
+
−
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.  
+
−
<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)
+
−
<li> Remove the supernatant and discard. Add 0.2 ml of the ice-cold 1X TSS and place the tubes on ice.
+
−
<li>Gently suspend the cells by pipetting.
+
−
<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.
+
−
</left>
+
−
</ol>
+
 
</div>
 
</div>
  
−
<b id="pfont">Transformation:-</b>
+
<div id="myNav5" class="overlay">
−
<br>
+
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
−
<div align="left" style="font-size: 84%;">
+
  <div class="overlay-content ">
−
<ol ><left>
+
    <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Sashi.jpg" height ="500">
−
<li>Thaw frozen TSS-competent cells slowly on ice(if stored at -70°C).
+
  </div>
−
<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>
+
  
−
<li> Transfer the tubes to water bath/dry bath(42°C) for 90 seconds.
+
<div id="myNav6" class="overlay">
−
<li> Transfer the tubes to ice and incubate for an additional 10 minutes.  
+
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
−
<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).
+
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Abhilash.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
  
−
<li> Centrifuge the cells at 3000g for  ~ 6min (10 mins after ligation)at 4deg(in temperature control centrifuge).
+
<div id="myNav7" class="overlay">
−
   <li> Aspirate the tubes to leave the pellets with 1/4 broth .(keep ~300ul)
+
   <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
−
    <li>Plate the cells on-to the appropriate selective or differential medium and incubate overnight at 37°C.Check the procedure for antibiotic.
+
  <div class="overlay-content ">
−
      <ol> <li>For Ampicillin: 12ul Amp + 188 ul MQ. In MCT spread it on the culture plate before adding the DNA.
+
    <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Kshitij.pptx.jpg" height ="500">
−
        <li>For Chloramphenicol: 1:1000 volume ratio of antibiotic : culture broth. Directly suspend into the culture broth and spread it on the plate.
+
  </div>
−
          <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> DNA should be added as soon as the last trace of ice in the tube disappears.
+
−
<ul>Incubate on ice for 30 minutes. Expect a 2-fold loss in TE for every 10 minutes you shorten this step.
+
−
</left>
+
−
</ol>
+
 
</div>
 
</div>
  
−
            </p>
+
<div id="myNav8" class="overlay">
−
          </div>
+
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Phawa.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
  
−
          <button class="accordion back2" style="font-weight: bold;">Section 2</button>
+
<div id="myNav9" class="overlay">
−
          <div class="panel">
+
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
  <div class="overlay-content ">
−
          </div>
+
    <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Tanuj.pptx.jpg" height ="500">
−
<button class="accordion back3" style="font-weight: bold;">Section 3</button>
+
  </div>
−
          <div class="panel">
+
</div>
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
 
−
          </div>
+
<div id="myNav10" class="overlay">
−
<button class="accordion back4" style="font-weight: bold;">Section 4</button>
+
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
−
          <div class="panel">
+
  <div class="overlay-content ">
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
    <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Tarun.jpg" height ="500">
−
          </div>
+
  </div>
−
<button class="accordion back1" style="font-weight: bold;">Section 5</button>
+
</div>
−
          <div class="panel">
+
 
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
<div id="myNav11" class="overlay">
−
          </div>
+
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
−
<button class="accordion back2" style="font-weight: bold;" >Section 6</button>
+
  <div class="overlay-content ">
−
          <div class="panel">
+
    <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Divya.jpg" height ="500">
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
  </div>
−
          </div>
+
</div>
−
<button class="accordion back3" style="font-weight: bold;">Section 7</button>
+
 
−
          <div class="panel">
+
<div id="myNav12" class="overlay">
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
−
          </div>
+
  <div class="overlay-content ">
−
<button class="accordion back4" style="font-weight: bold;">Section 8</button>
+
    <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Pulkit.pptx.jpg" height ="500">
−
          <div class="panel">
+
  </div>
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
</div>
−
          </div>
+
 
−
<button class="accordion back1" style="font-weight: bold;">Section 9</button>
+
<div id="myNav13" class="overlay">
−
          <div class="panel">
+
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
  <div class="overlay-content ">
−
          </div>
+
    <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Saksham.jpg" height ="500">
−
<button class="accordion back2" style="font-weight: bold;">Section 10</button>
+
  </div>
−
          <div class="panel">
+
</div>
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
 
−
          </div>
+
<div id="myNav14" class="overlay">
−
<button class="accordion back3" style="font-weight: bold;">Section 11</button>
+
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
−
          <div class="panel">
+
  <div class="overlay-content ">
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
    <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Varuni.jpg" height ="500">
−
          </div>
+
  </div>
−
<button class="accordion back4" style="font-weight: bold;">Section 12</button>
+
</div>
−
          <div class="panel">
+
 
−
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
<div id="myNav15" class="overlay">
−
          </div><br>
+
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
−
    <br>
+
  <div class="overlay-content ">
−
    <br>
+
    <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Preeti.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 
 +
<div id="myNav16" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Abhishek.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 
 +
<div id="myNav17" class="overlay">
 +
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
 +
  <div class="overlay-content ">
 +
    <img src= "https://static.igem.org/mediawiki/2017/a/a8/T--IIT_Delhi--Siddhesh.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 
      
 
      
−
</div></center>
+
 
 +
<map name="memberMap">
 +
<span style="font-size:0px;cursor:pointer" onclick="openNav()">
 +
 
 +
<area shape="rect" coords="555,306,650,442" alt="Kshitij" />
 +
<area  shape="rect" coords="750,18,950,182" alt="Pratyush" />
 +
            <area  shape="rect" coords="920,237,1030,390" alt="Saksham" />
 +
            <area  shape="rect" coords="1035,237,1130,390" alt="Divya" />
 +
    <area  shape="rect" coords="432,291,545,411" alt="Siddhesh" />
 +
            <area  shape="rect" coords="680,230,805,358" alt="Pulkit" />
 +
            <area  shape="rect" coords="170,240,280,370" alt="Sashi" />
 +
            <area  shape="poly" coords="1130,298,1220,290,1290,464,1112,464" alt="Shreya" />
 +
            <area  shape="poly" coords="254,452,284,283,393,282,422,447" alt="Zode" />
 +
            <area  shape="rect" coords="0,264,113,435" alt="Nipun" />
 +
            <area  shape="rect" coords="800,295,900,452" alt="Tanuj" />
 +
            <area  shape="poly" coords="254,452,284,283,393,282,422,447" alt="Ishank" />
 +
            <area  shape="rect" coords="0,264,113,435" alt="Preeti" />
 +
            <area  shape="rect" coords="800,295,900,452" alt="Abhishek" />
 +
            <area  shape="rect" coords="800,295,900,452" alt="Varuni" />
 +
            <area  shape="rect" coords="800,295,900,452" alt="Tarun" />
 +
 
 +
<area  shape="rect" coords="1220,200,1350,335" alt="Abhilash" />
 +
</span>
 +
</map>
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 
          
 
          
 
           <script>
 
           <script>

Latest revision as of 16:05, 1 November 2017

iGEM IIT Delhi

Overview Squarewave Generator Interlab
Circuit design and construction Microfluidics and Fluroscence Photobleaching Promoter strength Oscillations Parts
Overview Writing a model Deterministic model Stochastic model Bifurcation and squareness Resource sharing
Human Practices Integrated Practices Public Engagement Collaborations Safety
Lab Records Protocols Recipes Medal Criteria
The Team Attributions
CLICK ON THE IMAGES TO KNOW MORE ABOUT US
×
×
×
×
×
×
×
×
×
×
×
×
×
×
×
×
×
Kshitij Pratyush Saksham Divya Siddhesh Pulkit Sashi Shreya Zode Nipun Tanuj Ishank Preeti Abhishek Varuni Tarun Abhilash
Sponsored By
Contact Us Address

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