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

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>
function openNav() {
+
function openNav(e) {
     document.getElementById("myNav").style.width = "100%";
+
     //document.getElementById("myNav").style.width = "100%";
 +
   
 +
    x = e.pageX, y = e.pageY;
 +
   
 +
    if(x>=365 && x<=436 && e.pageY>=112 && e.pageY<=205)
 +
          document.getElementById("myNav1").style.width = "100%";//alert(e.pageX + "+" + e.pageY);
 +
   
 +
    if(x>=142 && x<=201 && y>=224 && y<=326)
 +
      document.getElementById("myNav2").style.width = "100%";
 
}
 
}
  
 
function closeNav() {
 
function closeNav() {
     document.getElementById("myNav").style.width = "0%";
+
     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%";
 
}
 
}
  
Line 1,171: Line 1,195:
 
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;
Line 1,397: Line 1,421:
 
     z-index: 101;
 
     z-index: 101;
 
}
 
}
.dropbtn2 {
 
    font-size: 16px;   
 
    border: none;
 
    outline: none;
 
    color: white;
 
    padding: 15px 16px;
 
    background-color: #000;
 
    background-size: 100% 100%;
 
    z-index: 101;
 
}
 
 
  
 
.navbar a:hover, .dropdown:hover .dropbtn {
 
.navbar a:hover, .dropdown:hover .dropbtn {
Line 1,625: Line 1,638:
 
<div class = "navbar ">
 
<div class = "navbar ">
 
 
                                                         <button class="dropbtn2"><a href="https://2017.igem.org/Team:IIT_Delhi">iGEM IIT Delhi</a></button>
+
                                                         <button class="dropbtn1"><a href="https://2017.igem.org/Team:IIT_Delhi">iGEM IIT Delhi</a></button>
        <div class = "right_menu">
+
<div class = "right_menu">
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Project  
 
     <button class="dropbtn">Project  
Line 1,633: Line 1,646:
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
 
       <a href="/Team:IIT_Delhi/Description">Overview</a>
 
       <a href="/Team:IIT_Delhi/Description">Overview</a>
       <a href="/Team:IIT_Delhi/Design">Squarewave Generator</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>
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
Line 1,643: Line 1,656:
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
       <a href="/Team:IIT_Delhi/Circuit_Design">Circuit design and construction</a>
+
       <a href="/Team:IIT_Delhi/Basic_Part">Circuit design and construction</a>
       <a href="/Team:IIT_Delhi/Microfluidics">Microfluidics and Fluroscence</a>
+
       <a href="/Team:IIT_Delhi/Composite_Part">Microfluidics and Fluroscence</a>
       <a href="/Team:IIT_Delhi/Photobleaching">Photobleaching</a>
+
       <a href="/Team:IIT_Delhi/Improved_Part">Photobleaching</a>
       <a href="/Team:IIT_Delhi/Promoter">Promoter strength</a>
+
       <a href="/Team:IIT_Delhi/Part_Collection">Promoter strength</a>
                                                       <a href="/Team:IIT_Delhi/Oscillations">Oscillations</a>
+
                                                       <a href="/Team:IIT_Delhi/Part_Collection">Oscillations</a>
                                                        
+
                                                       <a href="/Team:IIT_Delhi/Part_Collection">Parts</a>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
                                                          <div class="dropdown">
 
    <button class="dropbtn">Parts
 
    <i class="fa fa-caret-down"></i>
 
    </button>
 
    <div class="dropdown-content">
 
      <a href="/Team:IIT_Delhi/Basic_Part">Basic Parts</a>
 
      <a href="/Team:IIT_Delhi/Composite_Part">Composite Parts</a>
 
      <a href="/Team:IIT_Delhi/Improved_Part">Improved Parts</a>
 
      <a href="/Team:IIT_Delhi/Part_Collection">Part Collection</a>
 
                                                     
 
    </div>
 
  </div>
 
 
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Modeling
 
     <button class="dropbtn">Modeling
Line 1,671: Line 1,670:
 
     <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/Write_Model">Writing a Model</a>
+
       <a href="/Team:IIT_Delhi/Database">Writing a model</a>
                                                         <a href="/Team:IIT_Delhi/Deterministic_Model">Deterministic Model </a>
+
                                                         <a href="/Team:IIT_Delhi/Database">Deterministic model </a>
                                                         <a href="/Team:IIT_Delhi/Stochastic_Model">Stochastic Model</a>
+
                                                         <a href="/Team:IIT_Delhi/Database">Stochastic model</a>
                                                         <a href="/Team:IIT_Delhi/Bifurcation">Bifurcation and Squareness</a>
+
                                                         <a href="/Team:IIT_Delhi/Database">Bifurcation and squareness</a>
                                                         <a href="/Team:IIT_Delhi/Resources">Resource sharing</a>
+
                                                         <a href="/Team:IIT_Delhi/Database">Resource sharing</a>
 
     </div>
 
     </div>
 
     </div>
 
     </div>
Line 1,687: Line 1,686:
 
       <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>
+
                                                         <a href="/Team:IIT_Delhi/Collaborations">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,729: Line 1,714:
 
</div>
 
</div>
 
</div>
 
</div>
 
  
 
 
Line 1,744: Line 1,728:
 
<div class = "center bannerpad">
 
<div class = "center bannerpad">
 
CLICK ON THE IMAGES TO KNOW MORE ABOUT US
 
CLICK ON THE IMAGES TO KNOW MORE ABOUT US
<center><img src="https://static.igem.org/mediawiki/2017/d/da/T--IIT_Delhi--squad.jpg" width = "1300" usemap="#memberMap" alt ></center>
+
<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--Saksham.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/a/a8/T--IIT_Delhi--Divya.jpg" height ="500">
 +
  </div>
 +
</div>
  
<div id="myNav" class="overlay">
+
<div id="myNav3" class="overlay">
 
   <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="overlay-content ">
Line 1,754: Line 1,756:
 
   </div>
 
   </div>
 
</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/a/a8/T--IIT_Delhi--Saksham.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/a/a8/T--IIT_Delhi--Saksham.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/a/a8/T--IIT_Delhi--Saksham.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/a/a8/T--IIT_Delhi--Saksham.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/a/a8/T--IIT_Delhi--Saksham.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/a/a8/T--IIT_Delhi--Saksham.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/a/a8/T--IIT_Delhi--Saksham.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/a/a8/T--IIT_Delhi--Saksham.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/a/a8/T--IIT_Delhi--Saksham.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/a/a8/T--IIT_Delhi--Saksham.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/a/a8/T--IIT_Delhi--Saksham.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--Saksham.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--Saksham.jpg" height ="500">
 +
  </div>
 +
</div>
 +
   
  
 
<map name="memberMap">
 
<map name="memberMap">

Revision as of 14:31, 1 November 2017

iGEM IIT Delhi

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