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

 
(33 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
<html>
 +
 
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
 
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
 
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
 
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!DOCTYPE html>
 
<html> 
 
 
<link rel="stylesheet" type="text/css" href="wickedcss.min.css">
 
<link rel="stylesheet" type="text/css" href="wickedcss.min.css">
 
<head>
 
<head>
Line 192: Line 192:
  
 
#banner {
 
#banner {
background: url("Delhi%20Map.png") ;
+
background: url("https://static.igem.org/mediawiki/2018/0/07/T--IIT_Delhi--Team.png") ;
  
 
background-position: center;
 
background-position: center;
Line 277: Line 277:
  
 
<style>
 
<style>
        .overlay {
+
}
    height: 100%;
+
/*end of overlay*/
    width: 0;
+
    position: fixed;
+
    z-index: 1;
+
    top: 0;
+
    left: 0;
+
        /*background-image: url("G:\documents\IITD\others\igem\web_development\local_portrait.jpg");
+
        background-size: 300px 800px;*/
+
      /* margin-top: 100px;*/
+
    /*background-color: rgb(1,1,1);
+
    background-color: rgba(0,0,0, 0.9);*/
+
      background-color: black;
+
        /*background-color: rgba(255,255,255,0.9);*/
+
    overflow-x: hidden;
+
    transition: 0.5s;
+
 
}
 
}
  
.overlay-content {
+
.logo_2017, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
    position: relative;
+
display: none;
    top: 25%;
+
   
+
    text-align: center;
+
    margin-top: 30px;
+
 
+
 
}
 
}
 +
#top_menu_14, #top_menu_inside { /* MAKES BACKGROUND OF iGEM MENU TRANSPARENT */
 +
background: none;
 +
border: none;
 +
}
 +
  
.overlay a, .overlay-btn {
+
#globalWrapperdivi {
     padding: 8px;
+
     position: relative;
    padding-left: 15px;
+
  /* font-size: 127%; */
    cursor: pointer;
+
    text-decoration: none;
+
    font-size: 24px;
+
    color: #818181;
+
    display: block;
+
    transition: 0.3s;
+
    position: relative;
+
   
+
 
     width: 100%;
 
     width: 100%;
    text-align: left;
+
     margin: 0;
     margin-top: 0px;
+
     padding: 0;
     float: left;
+
     padding-bottom: 10px;
     /*border:none;*/
+
      
    /*background: none;*/
+
}
+
 
+
    .fa-caret-right {
+
    float: right;
+
     padding-right: 8px;
+
}
+
 
      
 
      
.overlay a:hover, .overlay a:focus, .overlay-btn:hover {
+
    top: 0;
     color: blueviolet;
+
     left: 0;
 
}
 
}
 +
 +
 +
  #globalWrapperdivi{
 +
        transition: 0.5s;
 +
     
 +
    }
 +
  
  
  /*  .overlay .closebtn {
 
    position: absolute;
 
    float:right;
 
    top:0;
 
    font-size: 60px;
 
} */
 
   
 
    .dropdown-container {
 
    display: none;
 
    background-color: #262626;
 
    padding-left: 30px;
 
}
 
/*end of overlay*/
 
}
 
  
.logo_2017, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
 
display: none;
 
}
 
#top_menu_14, #top_menu_inside { /* MAKES BACKGROUND OF iGEM MENU TRANSPARENT */
 
background: none;
 
border: none;
 
}
 
 
#globalWrapperdivi, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
 
#globalWrapperdivi, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
 
background-color: transparent;
 
background-color: transparent;
Line 431: Line 388:
 
     text-decoration: none;
 
     text-decoration: none;
 
     opacity: 2;
 
     opacity: 2;
}
 
 
.dropdown {
 
    float: right;
 
    overflow: hidden;
 
}
 
 
.dropdown .dropbtn {
 
    cursor: pointer;
 
    font-size: 16px;   
 
    border: none;
 
    outline: none;
 
    color: lightslategray;
 
    padding: 14px 16px;
 
    background-color: inherit;
 
    font-family: inherit;
 
    margin: 0;
 
}
 
 
 
 
.dropdown-content {
 
    display: none;
 
    position: absolute;
 
    background-color: #f9f9f9;
 
    min-width: 160px;
 
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
    z-index: 1;
 
}
 
 
.dropdown-content a {
 
    float: none;
 
    color: black;
 
    padding: 4px 16px;
 
    text-decoration: none;
 
    display: block;
 
    text-align: left;
 
}
 
 
    .dropdown:hover .dropdown-content{
 
        display:block;
 
    }
 
   
 
.dropdown-content a:hover {
 
    color: red;
 
    z-index: 555;
 
   
 
 
}
 
}
  
Line 531: Line 441:
 
     }     
 
     }     
 
      
 
      
.show {
 
    display: block;
 
}
 
  
 
.main {
 
.main {
Line 542: Line 449:
 
}
 
}
 
    
 
    
 +
.navaman {
 
      
 
      
     @media screen and (max-width: 1300px){
+
        font-family: Raleway;
         .navbar a{display: none;}
+
    margin: 0 auto;
 +
   
 +
padding-top: 1em ;
 +
    padding-right: 16%;
 +
text-align: center;
 +
    overflow: hidden;
 +
    background-color: white;
 +
    font-family: Arial, Helvetica, sans-serif;
 +
    position: static;
 +
}
 +
 
 +
.navaman a {
 +
 
 +
    padding: 14px 30px;
 +
    float: right;
 +
    font-size: 16px;
 +
    position:relative;
 +
    color: black;
 +
    text-align: center;
 +
   
 +
    text-decoration: none;
 +
    opacity: 2;
 +
}
 +
 
 +
.dropdownsakks {
 +
    float: right;
 +
    overflow: hidden;
 +
}
 +
 
 +
.dropdownsakks .dropbtn {
 +
    cursor: pointer;
 +
    font-size: 16px;   
 +
    border: none;
 +
    outline: none;
 +
    color: lightslategray;
 +
    padding: 14px 16px;
 +
    background-color: inherit;
 +
    font-family: inherit;
 +
    margin: 0;
 +
}
 +
 
 +
.overlayved {
 +
    height: 100%;
 +
    width: 0;
 +
    position: fixed;
 +
    z-index: 0;
 +
    top: 0;
 +
    left: 0;
 +
           
 +
        /*background-image: url("https://static.igem.org/mediawiki/2018/0/07/T--IIT_Delhi--Team.png");
 +
        background-size: 300px 800px;*/
 +
      /* margin-top: 100px;*/
 +
    /*background-color: rgb(1,1,1);
 +
    background-color: rgba(0,0,0, 0.9);*/
 +
      background-color: white;
 +
        /*background-color: rgba(255,255,255,0.9);*/
 +
    overflow-x: hidden;
 +
    transition: 0.5s;
 +
}
 +
 
 +
.overlayved-content {
 +
    position: relative;
 +
    top: 25%;
 +
   
 +
    text-align: center;
 +
    margin-top: 30px;
 +
 
 +
}
 +
 
 +
.overlayved a, .overlayved-btn {
 +
    padding: 20px;
 +
    padding-left: 15px;
 +
    cursor: pointer;
 +
    text-decoration: none;
 +
    font-size: 24px;
 +
    color: #818181;
 +
    display: block;
 +
    transition: 0.3s;
 +
    position: relative;
 +
    background-color: white;
 +
    width: 100%;
 +
    font-family: Arial;
 +
    border-width: 0;
 +
    border-color: white;
 +
    border-style: none;
 +
    border-image: none;
 +
    outline: none;
 +
    font-size: 20px;
 +
    text-align: left;
 +
    margin-top: 0px;
 +
    float: left;
 +
    /*border:none;*/
 +
    /*background: none;*/
 +
}
 +
 
 +
   
 +
    .fa-caret-right {
 +
    float: right;
 +
    padding-right: 8px;
 +
}
 +
   
 +
    .overlayved-btn2{
 +
        outline: none;
 +
    }
 +
.overlayved a:hover, .overlayved a:focus, .overlayved-btn:hover, .overlayved-btn2:hover {
 +
    color: darkred;
 +
}
 +
 
 +
 
 +
  /*  .overlayved .closebtn {
 +
    position: absolute;
 +
    float:right;
 +
    top:0;
 +
    font-size: 60px;
 +
} */
 +
   
 +
    .dropdownsakks-container {
 +
    display: none;
 +
    background-color: #262626;
 +
    padding-left: 30px;
 +
}
 +
 
 +
.dropdownsakks-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 1;
 +
}
 +
 
 +
.dropdownsakks-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 4px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
}
 +
 
 +
    .dropdownsakks:hover .dropdownsakks-content{
 +
        display:block;
 +
    }
 +
   
 +
.dropdownsakks-content a:hover {
 +
    color: red;
 +
    z-index: 555;
 +
   
 +
}
 +
 
 +
.show {
 +
    display: block;
 +
}
 +
 
 +
 
 +
     @media screen and (max-width: 850px) {
 +
         .navaman a{display: none;}
 
         .RespIcon {display: block;}
 
         .RespIcon {display: block;}
 
         .NameClass{display: none;}
 
         .NameClass{display: none;}
Line 552: Line 616:
 
         }
 
         }
 
          
 
          
 +
        body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
 +
 +
        margin-top: -17px;
 +
        }
 +
    }   
 +
 
 +
 +
  @media screen and (max-width: 1000px) and (min-width: 850px) {
 +
        .navaman a{display: none;}
 +
        .RespIcon {display: block;}
 +
        .NameClass{display: none;}
 +
        .RespIcon .icon {
 +
            float:  right;
 +
            display: block;
 +
        }
 +
       
 +
        body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
 +
 +
        margin-top: -15px;
 +
        }
 +
    }   
 +
 
 +
 +
  @media screen and (max-width: 1200px) and (min-width: 1000px) {
 +
        .navaman a{display: none;}
 +
        .RespIcon {display: block;}
 +
        .NameClass{display: none;}
 +
        .RespIcon .icon {
 +
            float:  right;
 +
            display: block;
 +
        }
 +
       
 +
        body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
 +
 +
        margin-top: -10px;
 +
        }
 +
    }   
 +
 
 +
 +
 +
    @media screen and (max-width: 1300px) and (min-width: 1200px) {
 +
        .navaman a{display: none;}
 +
        .RespIcon {display: block;}
 +
        .NameClass{display: none;}
 +
        .RespIcon .icon {
 +
            float:  right;
 +
            display: block;
 +
        }
 +
 
 +
    body, html, #globalWrapperdivi, #bodyContent, #HQ_page {
 +
 +
        margin-top: -8px;
 +
        }
 +
   
 +
   
 
     }     
 
     }     
 
      
 
      
Line 577: Line 696:
 
@media only screen and (max-width:990px){.box15{margin-bottom:30px}
 
@media only screen and (max-width:990px){.box15{margin-bottom:30px}
 
}
 
}
 +
 +
 +
 +
   
 +
    @media screen and (max-width: 1300px){
 +
        .navaman a{display: none;}
 +
        .RespIcon {display: block;}
 +
        .NameClass{display: none;}
 +
        .RespIcon .icon {
 +
            float:  right;
 +
            display: block;
 +
        }
 +
        .laptopwall{display: none;}
 +
        .mobilewall{display: block;}
 +
       
 +
 +
 
      
 
      
 
     </style>
 
     </style>
Line 701: Line 837:
  
 
     <body>
 
     <body>
   <div id="globalWrapper">           
+
   <div id="globalWrapperdivi" style="margin-top: -5.5%;z-index: 1">           
 
          
 
          
 
    
 
    
  
         <div class= "NameClass" style="background-color: black;"><img src="Logo%20Circle%20Background.jpg" style="height: 150px;display:block; padding-left: 45%;margin-top: 0px; padding-top: 10px;">
+
         <div class= "NameClass" style="background-color:white;">
 +
<a style="height: 150px; width: 150px;margin-left: 34%;margin-top: 0px; padding-top: 35px;" href="https://2018.igem.org/Team:IIT_Delhi">
 +
<img src="https://static.igem.org/mediawiki/2018/d/de/T--IIT_Delhi--whitelogo.png" style="height: 150px; width: 150px;display:inline; margin-top: 40px;"> </a>
 
              
 
              
       
 
 
         </div>
 
         </div>
 
        
 
        
       <div class="RespIcon"  style="background-color: black;">
+
       <div class="RespIcon"  style="background-color: white;">
      <img src="Logo%20Circle%20Background.jpg" style="height: 150px; display:block; padding-left: 5%;margin-top: 0px; padding-top: 10px;">
+
<a href="https://2018.igem.org/Team:IIT_Delhi" style="height: 160px; width: 150px; margin-left: 5%;margin-top: 0px; padding-top: 14px;">
          <a href="javascript:void(0);" class="icon" onclick="openNav()"> <i class="fa fa-bars"></i> </a>
+
  <img src="https://static.igem.org/mediawiki/2018/d/de/T--IIT_Delhi--whitelogo.png" style="height: 160px; width: 150px; display:inline; padding-top: 15px;">  </a>      <a href="javascript:void(0);" style="Background-color: white;" class="icon" onclick="openNav()"> <i class="fa fa-bars" style="padding-top: 100px"></i> </a>
      </div>
+
          </div>
 
          
 
          
 
        
 
        
<div class = "navbar">
+
<div class = "navaman">
 
 
                                                       
+
          <div class="dropdownsakks">
<div class= "borderYtoX">
+
  <div class= "borderYtoX">  
  <a href="https://igem.org/2018_Judging_Form?team=IIT_Delhi" >Judging Form</a>
+
       
 +
        <a href="javascript:void(0)"> Notebook </a>
 +
       
 +
    </div>
 +
    <div class="dropdownsakks-content"  style="margin-top: 66px;">
 +
      <a href="https://2018.igem.org/Team:IIT_Delhi/Notebook">Lab Records</a>
 +
                      <a href="https://igem.org/2018_Judging_Form?team=IIT_Delhi">Medal Criteria</a>
 +
        </div>
 
     </div>
 
     </div>
 
      
 
      
       <div class="dropdown">
+
       
          <div class= "borderYtoX">
+
                                                       
    <a href="javascript:void(0)"> Awards </a>    
+
       <div class="dropdownsakks">
 
+
  <div class= "borderYtoX">  
        </div>
+
       
 
+
        <a href="javascript:void(0)"> Team </a>
     <div class="dropdown-content" style="margin-top: 62px;">
+
       
       <a href="https://2018.igem.org/Team:IIT_Delhi/Applied_Design">Applied Design</a>
+
    </div>
      <a href="https://2018.igem.org/Team:IIT_Delhi/Entrepreneurship">Entrepreneurship</a>
+
     <div class="dropdownsakks-content" style="margin-top: 66px;">
       <a href="https://2018.igem.org/Team:IIT_Delhi/Hardware">Hardware</a>
+
       <a href="https://2018.igem.org/Team:IIT_Delhi/Team">Members</a>
      <a href="https://2018.igem.org/Team:IIT_Delhi/Measurement">Measurement</a>
+
       <a href="https://2018.igem.org/Team:IIT_Delhi/Attributions">Attributions</a>
      <a href="https://2018.igem.org/Team:IIT_Delhi/Model">Model</a>
+
           
      <a href="https://2018.igem.org/Team:IIT_Delhi/Plant">Plant</a>
+
        </div>
      <a href="https://2018.igem.org/Team:IIT_Delhi/Software">Software</a>
+
 
     </div>
 
     </div>
  </div>
 
 
      
 
      
       <div class="dropdown">
+
       <div class= "borderYtoX">
 +
      <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations"> Collaboration</a>
 +
    </div>
 +
       
 +
      <div class="dropdownsakks">
  
 
       <div class= "borderYtoX">
 
       <div class= "borderYtoX">
 
           <a href="javascript:void(0)"> Human Practices </a>
 
           <a href="javascript:void(0)"> Human Practices </a>
 
           </div>
 
           </div>
     <div class="dropdown-content"  style="margin-top: 62px;">
+
     <div class="dropdownsakks-content"  style="margin-top: 66px;">
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Human_Practices">Human Practices</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Human_Practices">Human Practices</a>
      <a href="https://2018.igem.org/Team:IIT_Delhi/Public_Engagement">Education and Engagement</a>
+
   
   
+
          <a href="https://2018.igem.org/Team:IIT_Delhi/Safety">Safety</a>
 +
              <a href="https://2018.igem.org/Team:IIT_Delhi/Public_Engagement">Public Engagement</a>
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
 
       <div class= "borderYtoX">
 
       <div class= "borderYtoX">
       <a href="https://2018.igem.org/Team:IIT_Delhi/Safety">Safety</a>
+
       <a href="https://2018.igem.org/Team:IIT_Delhi/Model">Modelling</a>
 
     </div>
 
     </div>
     <div class="dropdown">
+
     <div class="dropdownsakks">
  
 +
       
 +
       
 +
       
 
   <div class= "borderYtoX">
 
   <div class= "borderYtoX">
 
     <a href="javascript:void(0)"> Parts </a>
 
     <a href="javascript:void(0)"> Parts </a>
 
         </div>
 
         </div>
     <div class="dropdown-content" style="margin-top: 62px;">
+
     <div class="dropdownsakks-content" style="margin-top: 66px;">
      <a href="https://2018.igem.org/Team:IIT_Delhi/Parts">Parts Overview</a>
+
 
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Basic_Part">Basic Parts</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Basic_Part">Basic Parts</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Composite_Part">Composite Parts</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Composite_Part">Composite Parts</a>
      <a href="https://2018.igem.org/Team:IIT_Delhi/Part_Collection">Part Collection</a>
+
 
 
        
 
        
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
<div class="dropdownsakks">
 +
        <div class= "borderYtoX">
 +
  <a href="javascript:void(0)" >Results</a>
 +
    </div>
 +
 +
  <div class="dropdownsakks-content"  style="margin-top: 66px;">
 +
      <a href="https://2018.igem.org/Team:IIT_Delhi/Demonstrate">Demonstrate</a>
 +
      <a href="https://2018.igem.org/Team:IIT_Delhi/InterLab">Interlab</a>
 
        
 
        
       <div class="dropdown">
+
    </div>
 +
 
 +
 
 +
 
 +
        </div>
 +
       
 +
       
 +
     
 +
 
 +
       
 +
       
 +
       <div class="dropdownsakks">
 
           <div class= "borderYtoX">
 
           <div class= "borderYtoX">
 
             <a href="javascript:void(0)"> Project </a>
 
             <a href="javascript:void(0)"> Project </a>
 
           </div>
 
           </div>
     <div class="dropdown-content"  style="margin-top: 62px;">
+
     <div class="dropdownsakks-content"  style="margin-top: 66px;">
       <a href="https://2018.igem.org/Team:IIT_Delhi/Description">Description</a>
+
       <a href="https://2018.igem.org/Team:IIT_Delhi/Description">Overview</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Design">Design</a>
 
       <a href="https://2018.igem.org/Team:IIT_Delhi/Design">Design</a>
       <a href="https://2018.igem.org/Team:IIT_Delhi/Experiments">Experiments</a>
+
        
      <a href="https://2018.igem.org/Team:IIT_Delhi/Notebook">Notebook</a>
+
      <a href="https://2018.igem.org/Team:IIT_Delhi/Interlab">Interlab</a>
+
      <a href="https://2018.igem.org/Team:IIT_Delhi/Model">Model</a>
+
      <a href="https://2018.igem.org/Team:IIT_Delhi/Results">Results</a>
+
      <a href="https://2018.igem.org/Team:IIT_Delhi/Demonstration">Demonstration</a>
+
      <a href="https://2018.igem.org/Team:IIT_Delhi/Improve">Improve</a>
+
      <a href="https://2018.igem.org/Team:IIT_Delhi/Attributions">Attributions</a>
+
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
Line 789: Line 951:
 
        
 
        
 
        
 
        
<div class="dropdown">
 
  <div class= "borderYtoX"> 
 
       
 
        <a href="javascript:void(0)"> Team </a>
 
       
 
    </div>
 
    <div class="dropdown-content"  style="margin-top: 62px;">
 
      <a href="https://2018.igem.org/Team:IIT_Delhi/Team">Team Members</a>
 
      <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations">Collaborations</a>
 
        </div>
 
    </div>
 
   
 
 
          
 
          
 
</div>
 
</div>
  
<div class= "overlay" id="myNav">
+
      <div class= "overlayved" id="myNav">
 
   
 
   
 
      
 
      
 
<!--    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> -->
 
<!--    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> -->
 
      
 
      
     <div class="overlay-content">
+
         
 +
         
 +
     <div class="overlayved-content">
 
      
 
      
  <button class="overlay-btn" onclick="myFunction1()">Team
+
        <hr>
 +
       
 +
            <button class="overlayved-btn2" style="padding-bottom: 15px;padding-top: 15px;align-self: center;font-size: 30px;font-family: raleway;border-color: white;border-style: none; border-image: none;background-color: white;border-width: 0px;cursor: pointer; color: #818181;outline: 0px;" onClick="closeNav()" >Close Navigation</button>
 +
   
 +
        <hr>
 +
       
 +
        <div style="height: 28px;">  </div>
 +
       
 +
  <button class="overlayved-btn" style="padding-bottom: 15px;outline: 0px;"  onclick="myFunction1()">Project
 
           <i class="fa fa-caret-right"></i>     
 
           <i class="fa fa-caret-right"></i>     
 
     </button>
 
     </button>
Line 817: Line 977:
 
          
 
          
 
          
 
          
     <div class="dropdown-container" id="myDropdown1">
+
     <div class="dropdownsakks-container" id="mydropdownsakks1" style= "font-style: italic; ">
     <a href="#">Team Members</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Description" style="font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px;">Overview</a>
     <a href="#">Collaborations</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Design" style="font-size: 15px;padding: 10px; padding-top: 5px;
 +
                      padding-bottom: 0px;" >Design</a>
 
     </div>
 
     </div>
 
      
 
      
     <button class="overlay-btn" onclick="myFunction2()">Project
+
     <button class="overlayved-btn" style="outline: 0px;" onclick="myFunction2()" style="padding-bottom: 15px;">Parts
 
       <i class="fa fa-caret-right"></i>   
 
       <i class="fa fa-caret-right"></i>   
 
     </button>
 
     </button>
 
      
 
      
     <div class="dropdown-container" id="myDropdown2">
+
     <div class="dropdownsakks-container" id="mydropdownsakks2" style= "font-style: italic;">
    <a href="#">Description</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Basic_Part" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 3px;" >Basic Parts</a>
     <a href="#">Design</a>
+
    <a href="https://2018.igem.org/Team:IIT_Delhi/Composite_Part" style="font-size: 15px;font-size: 15px; padding: 10px; padding-bottom: 5px; padding-top: 5px;" >Composite Parts</a>
            <a href="#">Experiments</a>
+
         
            <a href="#">Notebook</a>
+
            <a href="#">Interlab</a>
+
            <a href="#">Model</a>
+
            <a href="#">Results</a>
+
            <a href="#">Demonstration</a>
+
            <a href="#">Improve</a>
+
            <a href="#">Attributions</a>
+
 
     </div>
 
     </div>
 +
 
 +
       
 +
    <button class="overlayved-btn" style="outline: 0px;" onclick="myFunction6()" style="padding-bottom: 15px;">Results
 +
      <i class="fa fa-caret-right"></i> 
 +
    </button>
 
      
 
      
     <button class="overlay-btn" onclick="myFunction3()">Parts
+
    <div class="dropdownsakks-container" id="mydropdownsakks6" style= "font-style: italic;">
 +
    <a href="https://2018.igem.org/Team:IIT_Delhi/Demonstrate" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 3px;" >Demonstrate</a>
 +
    <a href="https://2018.igem.org/Team:IIT_Delhi/InterLab" style="font-size: 15px;font-size: 15px; padding: 10px; padding-bottom: 5px; padding-top: 5px;" >Interlab</a>
 +
         
 +
    </div>
 +
   
 +
        <a href="https://2018.igem.org/Team:IIT_Delhi/Model" style="padding-bottom: 15px;padding-top: 15px;" >Modelling</a>
 +
       
 +
     <button class="overlayved-btn" style="outline: 0px;" onclick="myFunction3()" style="padding-bottom: 15px;" >Human Practices
 
       <i class="fa fa-caret-right"></i>   
 
       <i class="fa fa-caret-right"></i>   
 
     </button>
 
     </button>
 
      
 
      
     <div class="dropdown-container" id="myDropdown3">
+
     <div class="dropdownsakks-container" id="mydropdownsakks3" style= "font-style: italic;" >
    <a href="#">Parts Overview</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Human_Practices" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px; " >Human Practices</a>
     <a href="#">Basic Parts</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Safety" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Safety</a>
     <a href="#">Composite Parts</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Public_Engagement" style="font-size: 15px;padding: 10px; padding-top: 5px;
     <a href="#">Part Collection</a>
+
                      padding-bottom: 0px;" >Public Engagement</a>
 
     </div>
 
     </div>
 
      
 
      
     <a href="#safety">Safety</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Collaborations" style="padding-bottom: 15px;padding-top: 15px;" >Collaboration</a>
 
      
 
      
     <button class="overlay-btn" onclick="myFunction4()">Human Practices
+
     <button class="overlayved-btn" onclick="myFunction4()" style="padding-bottom: 15px;padding-top: 15px;outline: 0px;"  >Team
 
     <i class="fa fa-caret-right"></i>   
 
     <i class="fa fa-caret-right"></i>   
 
     </button>
 
     </button>
 
      
 
      
     <div class="dropdown-container" id="myDropdown4">
+
     <div class="dropdownsakks-container" id="mydropdownsakks4" style= "font-style: italic;">
     <a href="#">Human Practices</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Team" style="font-size: 15px; font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px;padding-bottom: 5px;" >Members</a>
     <a href="#">Education and Engagement</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Attributions" style="font-size: 15px;padding: 10px; padding-top: 5px;
 +
                      padding-bottom: 5px;" >Attributions</a>
 +
       
 
     </div>
 
     </div>
 
      
 
      
     <button class="overlay-btn" onclick="myFunction5()">Awards
+
     <button class="overlayved-btn" onclick="myFunction5()" style="padding-bottom: 15px;outline: 0px;" >Notebook
 
       <i class="fa fa-caret-right"></i>   
 
       <i class="fa fa-caret-right"></i>   
 
     </button>
 
     </button>
 
      
 
      
     <div class="dropdown-container" id="myDropdown5">
+
     <div class="dropdownsakks-container" id="mydropdownsakks5" style= "font-style: italic;">
    <a href="#">Applied Design</a>
+
     <a href="https://2018.igem.org/Team:IIT_Delhi/Notebook" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 0px; " >Lab Records</a>
     <a href="#">Entrepreneurship</a>
+
             <a href="https://igem.org/2018_Judging_Form?team=IIT_Delhi" style="font-size: 15px;font-size: 15px; padding-bottom: 5px; padding: 10px; padding-top: 5px;" >Medal Criteria</a>
            <a href="#">Hardware</a>
+
         
            <a href="#">Measurement</a>
+
             <a href="#">Model</a>
+
            <a href="#">Plant</a>
+
            <a href="#">Software</a>
+
 
+
 
     </div>
 
     </div>
 
          
 
          
    <a href="#">Judging Form</a>
+
          </div>
    </div>
+
 
      
 
      
 
</div>
 
</div>
 
 
 +
  
 
<!-- Banner -->
 
<!-- Banner -->
Line 897: Line 1,061:
 
     <div class="card containers">
 
     <div class="card containers">
 
       <div class="box15">
 
       <div class="box15">
                         <img src="ziasir.jpg" alt="" style="padding: 10px;">
+
                         <img src="https://static.igem.org/mediawiki/2018/5/55/T--IIT_Delhi--Zia.png" alt="" style="padding: 10px;">
 
                         <div class="box-content">
 
                         <div class="box-content">
 
                             <h3 class="title" style="text-align: center;">Dr. Zia Shaikh</h3>
 
                             <h3 class="title" style="text-align: center;">Dr. Zia Shaikh</h3>
 
                             <br>
 
                             <br>
                           <!--  <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Mathematics & computing<br> <b>Quote discribe him -</b> People say you can do anything but whole day i do nothing. </p>-->
+
                           <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b>: Biochemical Engineering and Biotechnology<br> </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 921: Line 1,085:
 
                             <h3 class="title" style="text-align: center">Kshitij Rai</h3>
 
                             <h3 class="title" style="text-align: center">Kshitij Rai</h3>
 
                             <br>
 
                             <br>
                         <!-- <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Mathematics & computing<br> <b>Quote discribe him -</b> People say you can do anything but whole day i do nothing. </p>-->
+
                         <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - (Graduate) Biochemical Engineering and Biotechnology </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 940: Line 1,104:
 
                             <h3 class="title" style="text-align: center;margin-top: -20%;">Divya Choudhary</h3>
 
                             <h3 class="title" style="text-align: center;margin-top: -20%;">Divya Choudhary</h3>
 
                             <br>
 
                             <br>
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Chemical Engineering<br> <b>Quote discribe him -</b> nothing. </p>
+
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Chemical Engineering<br></p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 953: Line 1,117:
 
                             <h3 class="title" style="text-align: center;margin-top: -20%;">Abhilash Patel</h3>
 
                             <h3 class="title" style="text-align: center;margin-top: -20%;">Abhilash Patel</h3>
 
                             <br>
 
                             <br>
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Electrical Engineering<br> <b>Quote discribe him -</b>  nothing. </p>
+
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - (Post Doc)Electrical Engineering<br> </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 967: Line 1,131:
 
                             <h3 class="title" style="text-align: center;margin-top: -20%;">Saksham Sharma</h3>
 
                             <h3 class="title" style="text-align: center;margin-top: -20%;">Saksham Sharma</h3>
 
                             <br>
 
                             <br>
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Biochemical Engineering & Biotechnology<br> <b>Quote discribe him -</b> Everything I touch turns to poop. </p>
+
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Biochemical Engineering & Biotechnology<br> </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 980: Line 1,144:
 
     <div class="card containers">
 
     <div class="card containers">
 
       <div class="box15">
 
       <div class="box15">
                         <img src="aman.jpg" alt="" style="padding: 10px;">
+
                         <img src="https://static.igem.org/mediawiki/2018/1/19/T--IIT_Delhi--Aman.png" alt="" style="padding: 10px;">
 
                         <div class="box-content">
 
                         <div class="box-content">
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Aman Kumar Sahu</h3>
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Aman Kumar Sahu</h3>
 
                             <br>
 
                             <br>
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Mathematics & computing<br> <b>Quote discribe him -</b> People say you can do anything but whole day I do nothing. </p>
+
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Mathematics & computing<br> </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 996: Line 1,160:
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Priyanka Singh</h3>
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Priyanka Singh</h3>
 
                             <br>
 
                             <br>
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Biochemical Engineering & Biotechnology<br> <b>Quote discribe him -</b> The level is raising, the game is changing but I've got nothing to loose.</p>
+
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Biochemical Engineering & Biotechnology<br></p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 1,008: Line 1,172:
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Vasu Jain</h3>
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Vasu Jain</h3>
 
                             <br>
 
                             <br>
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Computer Science & Engineering<br> <b>Quote discribe him -</b> I didn't know I was a slave until I found out I couldn't do things I wanted</p>
+
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Computer Science & Engineering<br></p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 1,023: Line 1,187:
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Soumya Gupta</h3>
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Soumya Gupta</h3>
 
                             <br>
 
                             <br>
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Chemical Engineering<br> <b>Quote discribe him -</b>  nothing </p>
+
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Chemical Engineering<br></p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 1,035: Line 1,199:
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Neha Arora</h3>
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Neha Arora</h3>
 
                             <br>
 
                             <br>
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Biochemical Engineering & Biotechnology<br> <b>Quote discribe him -</b> Nothing </p>
+
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Biochemical Engineering & Biotechnology<br> </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 1,048: Line 1,212:
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Ankush Barman</h3>
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Ankush Barman</h3>
 
                             <br>
 
                             <br>
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Biochemical Engineering & Biotechnology<br> <b>Quote discribe him -</b> Nothing </p>
+
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Biochemical Engineering & Biotechnology<br> </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 1,066: Line 1,230:
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Prateek Kumar Agnihotri</h3>
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Prateek Kumar Agnihotri</h3>
 
                             <br>
 
                             <br>
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Biochemical Engineering & Biotechnology<br> <b>Quote discribe him -</b> Nothing </p>
+
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Biochemical Engineering & Biotechnology<br></p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 1,078: Line 1,242:
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Vedant Raval</h3>
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Vedant Raval</h3>
 
                             <br>
 
                             <br>
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Computer Science & Engineering<br> <b>Quote discribe him -</b> nothing </p>
+
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Computer Science & Engineering<br> </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 1,091: Line 1,255:
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Shubham Jain</h3>
 
                             <h3 class="title" style="text-align: center;margin-top:-20%;">Shubham Jain</h3>
 
                             <br>
 
                             <br>
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Engineering Physics<br> <b>Quote discribe him -</b> Na zindagi jhand hai, na hi ghamand hai!!</p>
+
                             <p class="title" style="text-align: center;color: darkslateblue;font-size: 16px;padding: 10px;"><b style="font: 20px;" >Department</b> - Engineering Physics<br></p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 1,106: Line 1,270:
 
          
 
          
 
<div>
 
<div>
         <div  style="background-color: dimgray;font-size: 35px;text-align: center;font-family: sans-serif;"><h5 style="color: azure">Contact us</h5></div>
+
  <div style="background-color: white">
             <div style="text-align: center;margin-bottom: -136px;"><h4 style="font-size: 50px;"><u class="fx" style="cursor: pointer;">Address</u></h4><p style="">Undergraduate Laboratory<br>
+
         <div  style="background-color: #555;color:black;font-size: 35px;text-align: center;font-family: sans-serif;"><h4 style="color: white">Contact us</h4></div>
 +
             <div style="text-align: center;margin-bottom: -136px;"><h4 style="color:black;font-size: 50px;"><u class="fx" style="cursor: pointer;text-align: center">Address</u></h4><p style="text-align: center;margin-bottom: 16px">Undergraduate Laboratory<br>
 
Department of Biotechnology and Biochemical Engineering, IIT Delhi</p>  
 
Department of Biotechnology and Biochemical Engineering, IIT Delhi</p>  
 
             </div>
 
             </div>
         <div style="margin-left: 75%;height: auto;max-height: inherit;width: auto;max-width: inherit;margin-bottom: 8px;"><i class="fa fa-facebook-official fx" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></div>
+
         <div style="margin-left: 75%;height: auto;max-height: inherit;width: auto;max-width: inherit;margin-bottom: 8px;"><a href="https://www.facebook.com/igemiitdelhi/" style="color:black;"><i class="fa fa-facebook-official fx" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></a></div>
         <div style="height: auto;max-height: inherit;width: auto;max-width: inherit; margin-left: 20%;margin-top: -125.5px;display: block;"><i class="fa fa-linkedin fxln" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></div>
+
         <div style="height: auto;max-height: inherit;width: auto;max-width: inherit; margin-left: 20%;margin-top: -125.5px;display: block;"><a href="https://twitter.com/igem_iit_delhi?lang=en" style="color:black;"><i class="fa fa-twitter fxln" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></a></div>
 
              
 
              
         <div style="margin-left: 90%;margin-top: -120px;display: block;height: auto;max-height: inherit;width: auto;max-width: inherit;"><i class="fa fa-instagram fx1" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></div>
+
         <div style="margin-left: 90%;margin-top: -120px;display: block;height: auto;max-height: inherit;width: auto;max-width: inherit;"><a href="https://www.instagram.com/igemiitd/" style="color:black;"><i class="fa fa-instagram fx1" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></a></div>
         <div style="margin-left: 4.5%;margin-top: -120px;display: block;height: auto;max-height: inherit;width: auto;max-width: inherit;"><i class="fa fa-envelope fxm" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></div>
+
         <div style="margin-left: 4.5%;margin-top: -120px;display: block;height: auto;max-height: inherit;width: auto;max-width: inherit;"><a href="iitd.igem@gmail.com" style="color:black;"><i class="fa fa-envelope fxm" style="font-size:90px;transition: 0.5s;transition-duration: 0.3s;transition-property: transform;margin-bottom: 30px;"></i></a></div>
 
     </div>
 
     </div>
         </div>
+
         </div>      
        <script>
+
  
 +
<script>
  
    function openNav() {
+
function openNav() {
     document.getElementById("myNav").style.width = "100%";
+
     document.getElementById("myNav").style.width = "50%";
 +
        document.getElementById("globalWrapperdivi").style.width = "50%";
 +
     
 +
        document.getElementById("globalWrapperdivi").style.paddingLeft = "50%";
 +
        document.body.style.overflowX = "hidden";
 +
        document.body.style.overflowY = "hidden";
 +
        document.getElementById("globalWrapperdivi").style.overflowX = "inherit";
 +
        document.getElementById("globalWrapperdivi").style.overflowY = "inherit";
 
          
 
          
 
     var Main = document.getElementById("mainBar")
 
     var Main = document.getElementById("mainBar")
Line 1,131: Line 1,303:
 
function closeNav() {
 
function closeNav() {
 
     document.getElementById("myNav").style.width = "0%";
 
     document.getElementById("myNav").style.width = "0%";
 +
      document.getElementById("globalWrapperdivi").style.width = "100%";
 +
        document.getElementById("globalWrapperdivi").style.paddingLeft = "0%";
 +
      document.body.style.overflowX = "initial";
 +
        document.body.style.overflowY = "initial";
 +
        document.getElementById("globalWrapperdivi").style.overflowX = "inherit";
 +
        document.getElementById("globalWrapperdivi").style.overflowY = "inherit";
 +
 +
   
 
      
 
      
 
     var Main = document.getElementById("mainBar")
 
     var Main = document.getElementById("mainBar")
Line 1,137: Line 1,317:
 
         }
 
         }
 
}
 
}
   
+
 
 +
           
 
function myFunction1() {
 
function myFunction1() {
     document.getElementById("myDropdown1").classList.toggle("show");
+
     document.getElementById("mydropdownsakks1").classList.toggle("show");
 
      
 
      
 
    
 
    
 +
   
 +
var prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
 
        
 
        
     var prev2 = document.getElementById("myDropdown2");
+
     var prev2 = document.getElementById("mydropdownsakks2");
 
     if (prev2.classList.contains("show"))  
 
     if (prev2.classList.contains("show"))  
 
       prev2.classList.remove("show");
 
       prev2.classList.remove("show");
 
        
 
        
     var prev3 = document.getElementById("myDropdown3");
+
     var prev3 = document.getElementById("mydropdownsakks3");
 
     if (prev3.classList.contains("show"))  
 
     if (prev3.classList.contains("show"))  
 
       prev3.classList.remove("show");
 
       prev3.classList.remove("show");
 
        
 
        
     var prev4 = document.getElementById("myDropdown4");
+
     var prev4 = document.getElementById("mydropdownsakks4");
 
     if (prev4.classList.contains("show"))  
 
     if (prev4.classList.contains("show"))  
 
       prev4.classList.remove("show");
 
       prev4.classList.remove("show");
 
        
 
        
         var prev5 = document.getElementById("myDropdown5");
+
         var prev5 = document.getElementById("mydropdownsakks5");
 
     if (prev5.classList.contains("show"))  
 
     if (prev5.classList.contains("show"))  
 
       prev5.classList.remove("show");
 
       prev5.classList.remove("show");
 
}
 
}
  
function myFunppction2() {
+
function myFunction2() {
     document.getElementById("myDropdown2").classList.toggle("show");
+
     document.getElementById("mydropdownsakks2").classList.toggle("show");
 +
 
 +
var prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
 +
 
 
      
 
      
     var prev1 = document.getElementById("myDropdown1");
+
     var prev1 = document.getElementById("mydropdownsakks1");
 
     if (prev1.classList.contains("show"))  
 
     if (prev1.classList.contains("show"))  
 
       prev1.classList.remove("show");
 
       prev1.classList.remove("show");
 
        
 
        
     var prev3 = document.getElementById("myDropdown3");
+
     var prev3 = document.getElementById("mydropdownsakks3");
 
     if (prev3.classList.contains("show"))  
 
     if (prev3.classList.contains("show"))  
 
       prev3.classList.remove("show");
 
       prev3.classList.remove("show");
 
        
 
        
     var prev4 = document.getElementById("myDropdown4");
+
     var prev4 = document.getElementById("mydropdownsakks4");
 
     if (prev4.classList.contains("show"))  
 
     if (prev4.classList.contains("show"))  
 
       prev4.classList.remove("show");
 
       prev4.classList.remove("show");
 
        
 
        
         var prev5 = document.getElementById("myDropdown5");
+
         var prev5 = document.getElementById("mydropdownsakks5");
 
     if (prev5.classList.contains("show"))  
 
     if (prev5.classList.contains("show"))  
 
       prev5.classList.remove("show");
 
       prev5.classList.remove("show");
Line 1,181: Line 1,371:
  
 
function myFunction3() {
 
function myFunction3() {
     document.getElementById("myDropdown3").classList.toggle("show");
+
     document.getElementById("mydropdownsakks3").classList.toggle("show");
 
      
 
      
     var prev2 = document.getElementById("myDropdown2");
+
     var prev2 = document.getElementById("mydropdownsakks2");
 
     if (prev2.classList.contains("show"))  
 
     if (prev2.classList.contains("show"))  
 
       prev2.classList.remove("show");
 
       prev2.classList.remove("show");
 +
 +
var prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
 +
 
        
 
        
     var prev1 = document.getElementById("myDropdown1");
+
     var prev1 = document.getElementById("mydropdownsakks1");
 
     if (prev1.classList.contains("show"))  
 
     if (prev1.classList.contains("show"))  
 
       prev1.classList.remove("show");
 
       prev1.classList.remove("show");
 
        
 
        
     var prev4 = document.getElementById("myDropdown4");
+
     var prev4 = document.getElementById("mydropdownsakks4");
 
     if (prev4.classList.contains("show"))  
 
     if (prev4.classList.contains("show"))  
 
       prev4.classList.remove("show");
 
       prev4.classList.remove("show");
 
        
 
        
         var prev5 = document.getElementById("myDropdown5");
+
         var prev5 = document.getElementById("mydropdownsakks5");
 
     if (prev5.classList.contains("show"))  
 
     if (prev5.classList.contains("show"))  
 
       prev5.classList.remove("show");
 
       prev5.classList.remove("show");
Line 1,201: Line 1,396:
  
 
function myFunction4() {
 
function myFunction4() {
     document.getElementById("myDropdown4").classList.toggle("show");
+
     document.getElementById("mydropdownsakks4").classList.toggle("show");
 
      
 
      
     var prev2 = document.getElementById("myDropdown2");
+
     var prev2 = document.getElementById("mydropdownsakks2");
 
     if (prev2.classList.contains("show"))  
 
     if (prev2.classList.contains("show"))  
 
       prev2.classList.remove("show");
 
       prev2.classList.remove("show");
 
        
 
        
     var prev3 = document.getElementById("myDropdown3");
+
     var prev3 = document.getElementById("mydropdownsakks3");
 
     if (prev3.classList.contains("show"))  
 
     if (prev3.classList.contains("show"))  
 
       prev3.classList.remove("show");
 
       prev3.classList.remove("show");
 +
 +
var prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
 +
 
        
 
        
     var prev1 = document.getElementById("myDropdown1");
+
     var prev1 = document.getElementById("mydropdownsakks1");
 
     if (prev1.classList.contains("show"))  
 
     if (prev1.classList.contains("show"))  
 
       prev1.classList.remove("show");
 
       prev1.classList.remove("show");
 
        
 
        
         var prev5 = document.getElementById("myDropdown5");
+
         var prev5 = document.getElementById("mydropdownsakks5");
 
     if (prev5.classList.contains("show"))  
 
     if (prev5.classList.contains("show"))  
 
       prev5.classList.remove("show");
 
       prev5.classList.remove("show");
Line 1,221: Line 1,421:
  
 
function myFunction5() {
 
function myFunction5() {
     document.getElementById("myDropdown5").classList.toggle("show");
+
     document.getElementById("mydropdownsakks5").classList.toggle("show");
 
      
 
      
     var prev2 = document.getElementById("myDropdown2");
+
     var prev2 = document.getElementById("mydropdownsakks2");
 
     if (prev2.classList.contains("show"))  
 
     if (prev2.classList.contains("show"))  
 
       prev2.classList.remove("show");
 
       prev2.classList.remove("show");
 
        
 
        
     var prev3 = document.getElementById("myDropdown3");
+
     var prev3 = document.getElementById("mydropdownsakks3");
 
     if (prev3.classList.contains("show"))  
 
     if (prev3.classList.contains("show"))  
 
       prev3.classList.remove("show");
 
       prev3.classList.remove("show");
 
        
 
        
     var prev4 = document.getElementById("myDropdown4");
+
var prev21 = document.getElementById("mydropdownsakks6");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
 +
6
 +
     var prev4 = document.getElementById("mydropdownsakks4");
 
     if (prev4.classList.contains("show"))  
 
     if (prev4.classList.contains("show"))  
 
       prev4.classList.remove("show");
 
       prev4.classList.remove("show");
 
        
 
        
         var prev1 = document.getElementById("myDropdown1");
+
         var prev1 = document.getElementById("mydropdownsakks1");
 
     if (prev1.classList.contains("show"))  
 
     if (prev1.classList.contains("show"))  
 
       prev1.classList.remove("show");
 
       prev1.classList.remove("show");
 
}
 
}
  
 +
function myFunction6() {
 +
    document.getElementById("mydropdownsakks6").classList.toggle("show");
 +
   
 +
    var prev2 = document.getElementById("mydropdownsakks2");
 +
    if (prev2.classList.contains("show"))
 +
      prev2.classList.remove("show");
 +
     
 +
    var prev3 = document.getElementById("mydropdownsakks3");
 +
    if (prev3.classList.contains("show"))
 +
      prev3.classList.remove("show");
 +
     
 +
var prev21 = document.getElementById("mydropdownsakks1");
 +
    if (prev21.classList.contains("show"))
 +
      prev21.classList.remove("show");
  
 +
 +
    var prev4 = document.getElementById("mydropdownsakks4");
 +
    if (prev4.classList.contains("show"))
 +
      prev4.classList.remove("show");
 +
     
 +
        var prev1 = document.getElementById("mydropdownsakks1");
 +
    if (prev1.classList.contains("show"))
 +
      prev1.classList.remove("show");
 +
}
 +
 +
 +
 +
 +
 
 
</script>
 
</script>
 
          
 
          

Latest revision as of 02:55, 18 October 2018

iGEM IIT Delhi

Our iGEM Family

Primary Instructor

Dr. Zia Shaikh


Department: Biochemical Engineering and Biotechnology

Team Mentor

Kshitij Rai


Department - (Graduate) Biochemical Engineering and Biotechnology

Team Members

Divya Choudhary


Department - Chemical Engineering

Abhilash Patel


Department - (Post Doc)Electrical Engineering

Saksham Sharma


Department - Biochemical Engineering & Biotechnology

Aman Kumar Sahu


Department - Mathematics & computing

Priyanka Singh


Department - Biochemical Engineering & Biotechnology

Vasu Jain


Department - Computer Science & Engineering

Soumya Gupta


Department - Chemical Engineering

Neha Arora


Department - Biochemical Engineering & Biotechnology

Ankush Barman


Department - Biochemical Engineering & Biotechnology

Prateek Kumar Agnihotri


Department - Biochemical Engineering & Biotechnology

Vedant Raval


Department - Computer Science & Engineering

Shubham Jain


Department - Engineering Physics

Contact us

Address

Undergraduate Laboratory
Department of Biotechnology and Biochemical Engineering, IIT Delhi