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

 
(81 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
+
<link href='https://fonts.googleapis.com/css?family=Boogaloo' rel='stylesheet'>
 
<script>
 
<script>
 +
 +
//document.getElementById("team").addEventListener("click",openNav);
 +
 +
function openNav(e) {
 +
 
 +
    var offset1 = document.getElementById("team").offsetLeft;
 +
    var offset2 = document.getElementById("team").offsetTop;
 +
 +
    var x=0; //e.pageX;
 +
    var y=0; //e.pageY;
 +
   
 +
    if (!e) var e = window.event;
 +
  if (e.pageX || e.pageY)
 +
  {
 +
    x = e.pageX - offset1;
 +
    y = e.pageY - offset2;
 +
    }
 +
    else if (e.clientX || e.clientY)
 +
    {
 +
    x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft - offset1;
 +
    y = e.clientY + document.body.scrollTop + document.documentElement.scrollTop - offset2;
 +
    }
 +
 +
    if(x>=25)
 +
      if(x<=86)
 +
          if(y>=161)
 +
            if(y<=262)
 +
                document.getElementById("myNav1").style.width = "100%";
 +
 +
    if(x>=248)
 +
      if(x<=322)
 +
          if(y>=41)
 +
            if(y<=137)
 +
                document.getElementById("myNav2").style.width = "100%";
 +
 +
    if(x>=322)
 +
      if(x<=391)
 +
          if(y>=147)
 +
            if(y<=227)
 +
                document.getElementById("myNav3").style.width = "100%";
 +
 +
    if(x>=602)
 +
      if(x<=685)
 +
          if(y>=99)
 +
            if(y<=200)
 +
                document.getElementById("myNav4").style.width = "100%";
 +
 +
    if(x>=699)
 +
      if(x<=774)
 +
          if(y>=8)
 +
            if(y<=100)
 +
                document.getElementById("myNav5").style.width = "100%";
 +
 +
    if(x>=935)
 +
      if(x<=1024)
 +
          if(y>=82)
 +
            if(y<=170)
 +
                document.getElementById("myNav6").style.width = "100%";
 +
 +
    if(x>=1052)
 +
      if(x<=1138)
 +
          if(y>=15)
 +
            if(y<=128)
 +
                document.getElementById("myNav7").style.width = "100%";
 +
 +
    if(x>=1145)
 +
      if(x<=1220)
 +
          if(y>=102)
 +
            if(y<=190)
 +
                document.getElementById("myNav8").style.width = "100%";
 +
 +
    if(x>=1212)
 +
      if(x<=1277)
 +
          if(y>=181)
 +
            if(y<=272)
 +
                document.getElementById("myNav9").style.width = "100%";
 +
 +
    if(x>=1183)
 +
      if(x<=1270)
 +
          if(y>=417)
 +
            if(y<=517)
 +
                document.getElementById("myNav10").style.width = "100%";
 +
 +
    if(x>=1098)
 +
      if(x<=1183)
 +
          if(y>=582)
 +
            if(y<=695)
 +
                document.getElementById("myNav11").style.width = "100%";
 +
 +
    if(x>=1022)
 +
      if(x<=1095)
 +
          if(y>=677)
 +
            if(y<=776)
 +
                document.getElementById("myNav12").style.width = "100%";
 +
 +
    if(x>=935)
 +
      if(x<=1010)
 +
          if(y>=698)
 +
            if(y<=777)
 +
                document.getElementById("myNav13").style.width = "100%";
 +
 +
    if(x>=686)
 +
      if(x<=758)
 +
          if(y>=662)
 +
            if(y<=752)
 +
                document.getElementById("myNav14").style.width = "100%";
 +
 +
    if(x>=540)
 +
      if(x<=616)
 +
          if(y>=581)
 +
            if(y<=681)
 +
                document.getElementById("myNav15").style.width = "100%";
 +
 +
    if(x>=381)
 +
      if(x<=453)
 +
          if(y>=668)
 +
            if(y<=744)
 +
                document.getElementById("myNav16").style.width = "100%";
 +
 +
    if(x>=230)
 +
      if(x<=318)
 +
          if(y>=603)
 +
            if(y<=698)
 +
                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 23: Line 176:
 
@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");
 +
 +
.teambg{
 +
background-color:#000;
 +
}
 +
.bannerpad
 +
{
 +
  padding-top:60px;
 +
  padding-bottom: 0px;
 +
  background-color: rgb(68,170,255);
 +
}
 +
.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;
 +
  }
 +
}
 +
  
  
Line 107: Line 321:
 
     transition: 0.4s;
 
     transition: 0.4s;
 
     border: 2px solid black;
 
     border: 2px solid black;
−
     font-family: "Times New Roman", Times, serif;
+
     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 {
 
button.accordion.active, button.accordion:hover {
 
     background-color: #fff;  
 
     background-color: #fff;  
Line 137: Line 363:
 
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 153: Line 379:
  
 
strong, b {
 
strong, b {
−
color: #eee;
+
color: #000;
−
font-weight: 400;
+
font-weight: 500;
 
}
 
}
  
Line 308: Line 534:
  
 
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 376: Line 602:
 
-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 442: Line 668:
 
-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 543: Line 769:
 
-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 770: Line 996:
  
 
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 #000;
+
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: #000;
+
−
}
+
  
 
.tr2{
 
.tr2{
−
background-color: rgb(0,0,0);
+
background-color: rgba(82,82,82,0.99);
 
}
 
}
 +
.tr3{
 +
background-color: #000;
 +
 +
}
 +
.tr4{
 +
color: #fff;
 +
}
 +
  
 
table td {
 
table td {
 
padding: 0em 0em;
 
padding: 0em 0em;
 +
                        color: #000;
 +
                        background-color: #000;
 
}
 
}
  
 
table th {
 
table th {
−
color: #666;
+
color: #000;
 
font-size: 0.9em;
 
font-size: 0.9em;
 
font-weight: 400;
 
font-weight: 400;
Line 805: Line 1,039:
  
 
table tfoot {
 
table tfoot {
−
border-top: solid 2px rgba(0,0,0, 0.25);
+
border-top: solid 0.5px rgba(0,0,0, 0.25);
 
}
 
}
  
Line 813: Line 1,047:
  
 
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 1,082: Line 1,316:
  
 
#banner {
 
#banner {
−
background: url("https://static.igem.org/mediawiki/2017/d/da/T--IIT_Delhi--squad.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: cover;
+
background-size: 100% 100% ;
 +
             
 
color: #ffffff;
 
color: #ffffff;
−
padding: 41em 0em 1em;
+
padding: 27.5em 0em 1em;
 
text-align: center;
 
text-align: center;
  
Line 1,168: Line 1,403:
 
background: #202222;
 
background: #202222;
 
color: #ddd;
 
color: #ddd;
−
padding: 1em 0em 1em;
+
padding: 1em 0em;
 
}
 
}
  
Line 1,299: Line 1,534:
 
     padding: 15px 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;
 
     z-index: 101;
 
     z-index: 101;
 
}
 
}
Line 1,306: Line 1,561:
 
     z-index: 101;
 
     z-index: 101;
 
}
 
}
 +
  
 
.dropdown-content {
 
.dropdown-content {
Line 1,377: Line 1,633:
 
     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,503: Line 1,767:
  
 
</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 -->
 
 
 
<div class = "navbar ">
 
<div class = "navbar ">
−
<a href="index.html">iGEM IIT Delhi</a>
+
−
<div class = "right_menu">
+
                                                        <button class="dropbtn2"><a href="https://2017.igem.org/Team:IIT_Delhi">iGEM IIT Delhi</a></button>
 +
        <div class = "right_menu">
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Project  
 
     <button class="dropbtn">Project  
Line 1,515: Line 1,780:
 
     </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/Design">Squarewave Generator</a>
  
−
       <a href="/Team:IIT_Delhi/Interlab">Interlab</a>
+
       <a href="/Team:IIT_Delhi/InterLab">Interlab</a>
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
 
                                                         <div class="dropdown">
 
                                                         <div class="dropdown">
 +
    <button class="dropbtn">Results
 +
    <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="/Team:IIT_Delhi/Circuit_Design">Circuit design and construction</a>
 +
      <a href="/Team:IIT_Delhi/Microfluidics">Microfluidics and Fluorescence</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 class="dropdown">
 
     <button class="dropbtn">Parts  
 
     <button class="dropbtn">Parts  
 
     <i class="fa fa-caret-down"></i>
 
     <i class="fa fa-caret-down"></i>
Line 1,530: Line 1,809:
 
       <a href="/Team:IIT_Delhi/Improved_Part">Improved Parts</a>
 
       <a href="/Team:IIT_Delhi/Improved_Part">Improved Parts</a>
 
       <a href="/Team:IIT_Delhi/Part_Collection">Part Collection</a>
 
       <a href="/Team:IIT_Delhi/Part_Collection">Part Collection</a>
 +
                                                     
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Modeling
 
     <button class="dropbtn">Modeling
Line 1,538: Line 1,819:
 
     <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/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>
 
     </div>
Line 1,550: Line 1,835:
 
       <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/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,578: Line 1,878:
 
</div>
 
</div>
  
−
<!-- Banner -->
+
 +
 +
 
 +
<!--  
 
<section id="banner">
 
<section id="banner">
 
 
 
 
 
</section>
 
</section>
 +
Banner -->
  
 +
 +
<div class = "center bannerpad">
 +
CLICK ON OUR FACES 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/b/b5/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/7/70/T--IIT_Delhi--Maini.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 +
<div id="myNav3" 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/d/d7/T--IIT_Delhi--Team.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 +
<div id="myNav4" 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/6/60/T--IIT_Delhi--Zode.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 +
<div id="myNav5" 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/7/7d/T--IIT_Delhi--Sashi.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 +
<div id="myNav6" 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/ee/T--IIT_Delhi--Abhilash.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 +
<div id="myNav7" 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/f/f9/T--IIT_Delhi--Kshitij.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 +
<div id="myNav8" 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/5/55/T--IIT_Delhi--Phawa.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 +
<div id="myNav9" 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/ea/T--IIT_Delhi--Tanuj.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 +
<div id="myNav10" 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/1/19/T--IIT_Delhi--Tarun.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 +
<div id="myNav11" 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/3/3e/T--IIT_Delhi--DIvya.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 +
<div id="myNav12" 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/e9/T--IIT_Delhi--Pulkit.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 +
<div id="myNav13" 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--Saksham.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 +
<div id="myNav14" 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--Varuni.jpg" height ="500">
 +
  </div>
 +
</div>
 +
 +
<div id="myNav15" 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/6/6f/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/7/78/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/c/c5/T--IIT_Delhi--Siddhesh.pptx.jpg" height ="500">
 +
  </div>
 +
</div>
 +
   
 +
 +
<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>
 +
<br>
 +
</div>
 +
  
−
 
  
  
−
 
−
<center><div class=" panel_back bggg">
 
−
      <header class="major">
 
−
        <br>
 
−
        <br>
 
−
        <br>
 
−
       
 
−
            <h2>LAB PROTOCOLS</h2>
 
  
 
          
 
          
Line 1,616: Line 2,066:
 
           </script>
 
           </script>
  
−
 
+
</div>
−
</div>
+
 
<!-- Footer -->
 
<!-- Footer -->
 
<footer id="footer">
 
<footer id="footer">
−
<table border = "1" class="footertable">
+
<table style="font-family:'Lato'; border: 0px solid black; ">
−
         <tr align="center" class="footertr"  >
+
         <tr align="center"  >
−
         <td align="center" width="50%" colspan="2" class="footertd tr2"><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" class="footertr">   
+
         <tr align="center" >   
−
         <td align="center" width="50%" colspan="2"class="footertd"><b><img src= "https://static.igem.org/mediawiki/2017/1/1e/T--IIT_DELHI--sponsotstrip.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%"class="footertd tr2"><b>Contact Us</b></td>
+
             <td align="center" width="50%" class="tr3 tr4"><div class="tr4">Contact Us</div></td>
−
             <td align="center" class="footertd tr2"><b>Address</b></td>
+
             <td align="center" class="tr3"><div class="tr4">Address</div></td>
 
         </tr>
 
         </tr>
 
          
 
          
−
         <tr align="center" width= "100%" class="tr2">
+
         <tr align="center" >
−
             <td align="center" style="padding-top: 5px;" class="footertd">
+
             <td align="center" style="padding-top: 5px;" class="tr2">
 
<br>
 
<br>
−
<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 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="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="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="https://static.igem.org/mediawiki/2017/a/ac/T--IIT_DELHI--foot_3.jpg" 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="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="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="https://static.igem.org/mediawiki/2017/2/23/T--IIT_DELHI--foot_2.jpg" 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>
 
 
−
        <center>  <td align = "center" id="tableatd2"  style="padding-top: 0px;" class="footertr">
+
          <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</p></center>
+
<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>

Latest revision as of 22:24, 1 November 2017

iGEM IIT Delhi

Overview Squarewave Generator Interlab
Circuit design and construction Microfluidics and Fluorescence Photobleaching Promoter strength Oscillations
Basic Parts Composite Parts Improved Parts Part Collection
Overview Writing a Model Deterministic Model Stochastic Model Bifurcation and Squareness Resource sharing
Human Practices Integrated Practices Public Engagement Collaborations Safety
Overview GMM Legislation iGEM Berlin Mentoring IISER Mohali iGEM Glasgow
Lab Records Protocols Recipes Medal Criteria
The Team Attributions
CLICK ON OUR FACES 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