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

 
(78 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: 100%;
+
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="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 ">
     <img src= "saksham.jpg" height ="500">
+
     <img src= "https://static.igem.org/mediawiki/2017/d/d7/T--IIT_Delhi--Team.pptx.jpg" height ="500">
 
   </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/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">
 
<map name="memberMap">
Line 1,599: Line 2,022:
  
 
<area shape="rect" coords="555,306,650,442" alt="Kshitij" />
 
<area shape="rect" coords="555,306,650,442" alt="Kshitij" />
<area  shape="rect" coords="1220,200,1350,335" alt="Abhilash" />
+
<area  shape="rect" coords="750,18,950,182" alt="Pratyush" />
            <area  shape="rect" coords="750,18,950,182" alt="Pratyush" />
+
 
             <area  shape="rect" coords="920,237,1030,390" alt="Saksham" />
 
             <area  shape="rect" coords="920,237,1030,390" alt="Saksham" />
 
             <area  shape="rect" coords="1035,237,1130,390" alt="Divya" />
 
             <area  shape="rect" coords="1035,237,1130,390" alt="Divya" />
Line 1,615: Line 2,037:
 
             <area  shape="rect" coords="800,295,900,452" alt="Varuni" />  
 
             <area  shape="rect" coords="800,295,900,452" alt="Varuni" />  
 
             <area  shape="rect" coords="800,295,900,452" alt="Tarun" />  
 
             <area  shape="rect" coords="800,295,900,452" alt="Tarun" />  
</span>
+
 
</map>
+
<area  shape="rect" coords="1220,200,1350,335" alt="Abhilash" />
 +
</span>
 +
</map>
 +
<br>
 
</div>
 
</div>
  
Line 1,622: Line 2,047:
  
  
 
<center><div class=" panel_back bggg">
 
      <header class="major">
 
       
 
            <h2>CLICK ON THE IMAGES TO KNOW MORE ABOUT US</h2>
 
  
 
          
 
          
Line 1,646: 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

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