Difference between revisions of "Template:IIT Kanpur/Footer"

 
(57 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<style>
  
 +
<html>
 
<style>
 
<style>
  
/* Fonts */
+
/******* FOOTER ******/
  
@font-face {
+
#footer {
    font-family: "Raleway";
+
margin:0;
    src: url("https://static.igem.org/mediawiki/2017/3/3f/T--IISc-Bangalore--raleway.woff") format("woff");
+
padding:0;
}
+
height: 20%;
@font-face {
+
margin-top:200px;
     font-family: "Poppins";
+
     position: sticky;
    src: url("https://static.igem.org/mediawiki/2017/d/d7/T--IISc-Bangalore--poppins.woff") format("woff");
+
top: 20%;
 +
  bottom: -20%;
 
}
 
}
  
@font-face {
+
/***************************************** FOOTNOTES (Social Media Links) ******************************************/
    font-family: "Raleway-ExtraBold";
+
    src: url('https://static.igem.org/mediawiki/2017/6/6b/T--IISc-Bangalore--raleway-extrabold.woff') format("woff");
+
}
+
  
/* Code for removing iGEM loader content */
+
.footnotes-menu {       
 
+
position: relative;
#sideMenu, #top_title, #top, #toc{
+
        float: right;
  display: none;
+
right: 6em;
 +
        bottom:6em;
 
}
 
}
  
/* Content styling */
+
.menu-toggler {
 
+
  position: absolute;
#content {
+
  display: block;
   width: 100%;
+
  top: 0;
   height: 100%;
+
  bottom: 0;
   box-sizing: border-box;
+
  right: 0;
   margin: -31px 0 0;
+
  left: 0;
   padding: 0;
+
  margin: auto;
 +
   width: 40px;
 +
   height: 40px;
 +
   z-index: 10;
 +
   opacity: 0;
 +
   cursor: pointer;
 
}
 
}
 
+
.menu-toggler:hover + label, .menu-toggler:hover + label:before, .menu-toggler:hover + label:after {
body {
+
  background: white;
    margin: 0;
+
    height: 100%;
+
 
}
 
}
  
#inPageNav {
+
.menu-toggler:checked + label {
    position: fixed;
+
  background: transparent;
    display: block;
+
    top: 50%;
+
    transform: translateY(-50%);
+
    right: 83%;
+
    margin: 0 auto;
+
    padding: 0;
+
    box-sizing: border-box;
+
    list-style: none;
+
    z-index: 1;
+
    display: none;
+
 
}
 
}
 
+
.menu-toggler:checked + label:before, .menu-toggler:checked + label:after {
#inPageNav li {
+
  top: 10px;
    display: block;
+
  width: 40px;
    padding: 10px 10px 10px 10px;
+
  -webkit-transform-origin: 50% 50%;
    text-align: right;
+
          transform-origin: 50% 50%;
    font-family: "Raleway", sans-serif;
+
 
}
 
}
 
+
.menu-toggler:checked + label:before {
#inPageNav li a {
+
  -webkit-transform: rotate(45deg);
    color: inherit;
+
          transform: rotate(45deg);
 
}
 
}
 
+
.menu-toggler:checked + label:after {
#inPageNav li a img {
+
  -webkit-transform: rotate(-45deg);
    width: 0;
+
          transform: rotate(-45deg);
    height: 0;
+
    box-sizing: border-box;
+
    margin-top: -5px;
+
    padding: 20px;
+
    background-image: url('https://static.igem.org/mediawiki/2017/6/68/T--IISc-Bangalore--navbar_bullet.png');
+
    background-size: 40px 40px;
+
 
}
 
}
  
#inPageNav li a.active img {
+
.menu-toggler:checked ~ ul .menu-item {
    background-image: url('https://static.igem.org/mediawiki/2017/2/20/T--IISc-Bangalore--navbar_bullet_active.png');
+
  opacity: 1;
    background-size: 40px 40px;
+
 
}
 
}
 
+
.menu-toggler:checked ~ ul .menu-item:nth-child(1) {
#inPageNav li a:focus {
+
  -webkit-transform: translateY(-90px);
    color: inherit;
+
          transform: translateY(-90px);
    text-decoration: none;
+
    outline: none;
+
 
}
 
}
 
+
.menu-toggler:checked ~ ul .menu-item:nth-child(2) {
#inPageNav li a:active {
+
  -webkit-transform: translateY(-180px);
    text-decoration: none;
+
          transform: translateY(-180px);
 
}
 
}
 
+
.menu-toggler:checked ~ ul .menu-item:nth-child(3) {
#inPageNav li a.active {
+
  -webkit-transform: translateY(-270px);
    font-weight: 800;
+
          transform: translateY(-270px);
 
}
 
}
 
+
.menu-toggler:checked ~ ul .menu-item:nth-child(4) {
#inPageNav li:hover {
+
  -webkit-transform: translateY(-360px);
    background-color: #f4f4f4;
+
          transform: translateY(-360px);
 
}
 
}
+
.menu-toggler:checked ~ ul .menu-item:nth-child(5) {
#contentMain {
+
  -webkit-transform: translateY(-450px);
    width: 100%;
+
          transform: translateY(-450px);
    float: left;
+
    display: block;
+
    padding: 0 15% 50px 0;
+
    box-sizing: border-box;
+
    position: relative;
+
    height: auto;
+
    overflow: auto;
+
    font-family: "Poppins", sans-serif;
+
    font-size: 1em;
+
    line-height: 2;
+
    background-image: url('https://static.igem.org/mediawiki/2017/4/44/T--IISc-Bangalore--background_final.png');
+
    background-size: cover;
+
    background-attachment: fixed;
+
    padding-left: 20%;
+
    top: 80px;
+
 
}
 
}
 
+
.menu-toggler:checked ~ ul .menu-item:nth-child(6) {
#contentMain h1 {
+
  -webkit-transform: translateY(-540px);
    margin: 20px 0;
+
          transform: translateY(-540px);
    line-height: 1.3;
+
    font-family: "Raleway-ExtraBold", sans-serif;
+
    padding: 0;
+
    text-align: center;
+
    border-bottom: 2px solid;
+
    padding-bottom: 10px;
+
    box-sizing: border-box;
+
    font-size: 3em;
+
 
}
 
}
 
+
.menu-toggler:checked ~ ul .menu-item a {
#contentMain h1 img {
+
  pointer-events: auto;
    vertical-align: text-top;
+
    box-sizing: border-box;
+
    padding-bottom: 8px;
+
    height: 50px;
+
 
}
 
}
  
#contentMain h1 img:nth-child(1) {
+
.menu-toggler + label {
    margin-right: 10px;
+
  width: 40px;
 +
  height: 5px;
 +
  display: block;
 +
  z-index: 5;
 +
  border-radius: 2.5px;
 +
  background: rgba(255,255,255, 0.7);
 +
  -webkit-transition: top 0.5s, -webkit-transform 0.5s;
 +
  transition: top 0.5s, -webkit-transform 0.5s;
 +
  transition: transform 0.5s, top 0.5s;
 +
  transition: transform 0.5s, top 0.5s, -webkit-transform 0.5s;
 +
  position: absolute;
 +
  display: block;
 +
  top: 0;
 +
  bottom: 0;
 +
  right: 0;
 +
  left: 0;
 +
  margin: auto;
 
}
 
}
 
+
.menu-toggler + label:before, .menu-toggler + label:after {
#contentMain h1 img:nth-child(2) {
+
  width: 40px;
    margin-left: 10px;
+
  height: 5px;
}
+
  display: block;
 
+
  z-index: 5;
#contentMain h1:target {
+
  border-radius: 2.5px;
    padding-top: 80px;
+
  background: rgba(255,255,255, 0.7);
    margin-top: -80px;
+
  -webkit-transition: top 0.5s, -webkit-transform 0.5s;
}
+
  transition: top 0.5s, -webkit-transform 0.5s;
 
+
  transition: transform 0.5s, top 0.5s;
#contentMain h2, h3 {
+
  transition: transform 0.5s, top 0.5s, -webkit-transform 0.5s;
    margin: 15px 0 15px 0;
+
  content: "";
    font-family: "Raleway", sans-serif;
+
  position: absolute;
    font-weight: 600;
+
  left: 0;
    padding: 0;
+
}
+
#contentMain p {
+
    margin: 15px 0 15px 0;
+
    line-height: 1.9;
+
    font-size: 1.25em;
+
    font-family: "Poppins", sans-serif;
+
 
}
 
}
#contentMain li li{
+
.menu-toggler + label:before {
    font-size: 1em;
+
  top: 10px;
 
}
 
}
#contentMain table {
+
.menu-toggler + label:after {
    background: none;
+
  top: -10px;
    border: none;
+
    margin: auto;
+
 
}
 
}
  
#contentMain th {
+
.menu-item {
    background: none;
+
  position: absolute;
    border: none;
+
  display: block;
    border-bottom: 2px solid black;
+
  top: 0;
 +
  bottom: 0;
 +
  right: 4em;
 +
  left: 0;
 +
  margin: auto;
 +
  width: 80px;
 +
  height: 80px;
 +
  display: block;
 +
  opacity: 0;
 +
  -webkit-transition: 0.5s;
 +
  transition: 0.5s;
 
}
 
}
  
#contentMain td {
+
.menu-item a {
    background: none;
+
  display: block;
    border: none;
+
  width: inherit;
 +
  height: inherit;
 +
  line-height: 80px;
 +
  color: rgba(255,255,255, 0.7);
 +
  background: rgba(255,255,255, 0);
 +
  border-radius: 50%;
 +
  text-align: center;
 +
  text-decoration: none;
 +
  font-size: 15px;
 +
  pointer-events: none;
 +
  -webkit-transition: .2s;
 +
  transition: .2s;
 
}
 
}
 
+
.menu-item a:hover {
.navbar {
+
  box-shadow: 0 0 0 0px rgba(255,255,255, 0);
    overflow: hidden;
+
  color: white;
    padding-right: 60px;
+
  background: rgba(255,255,255, 0.0);
    background-color: #ffe97c;
+
  font-size: 17px;
    font-family: "Poppins", sans-serif;
+
 
}
 
}
  
.navbar a {
+
.menu-icon {
    float: right;
+
height: 50px;
    font-size: 14px;
+
width: 50px;
    color: black;
+
margin: auto;
    text-align: center;
+
padding: 10 10 10 10;
    padding: 14px 16px;
+
    text-decoration: none;
+
 
}
 
}
  
.dropdown {
+
/******************** SPONSORS BAR ************************/
    float: right;
+
#sponsors-bar {
    overflow: hidden;
+
margin:0;
    z-index: 100;
+
padding:0;
 
}
 
}
  
.dropdown .dropbtn, .dropdown a {
+
.sponsor-img {
    font-size: 14.5px;   
+
padding: 1%;
    border: none;
+
max-width: 10%;
    outline: none;
+
height:auto;
    color: black;
+
    padding: 13px 24px;
+
    font-family: "Poppins", sans-serif;
+
    letter-spacing: 0.05em;
+
 
}
 
}
  
.dropbtn {
+
#img-squarish {
    position: relative;
+
padding: 1%;
    background-color: rgb(255,255,255);
+
max-width: 6%;
    background-color: #ffe97c;
+
height:auto;
 
}
 
}
 
.dropbtn span {
 
    position: absolute;
 
    height: 100%;
 
    width: 100%;
 
    top: 0;
 
    left: 0;
 
}
 
 
.dropbtn a {
 
    padding: 0;
 
    float: none;
 
}
 
 
.navbar a:hover, .dropdown:hover .dropbtn {
 
    background-color: #fff4bd;
 
}
 
 
.dropdown-content {
 
    display: none;
 
    position: absolute;
 
    background-color: #fff4bd;
 
    min-width: 160px;
 
    box-shadow: 0px 13px 10px -2px rgba(0, 0, 0, 0.12);
 
}
 
 
.dropdown-content a {
 
    float: none;
 
    color: black;
 
    padding: 12px 16px;
 
    text-decoration: none;
 
    display: block;
 
    text-align: left;
 
    letter-spacing: 0;
 
}
 
 
.dropdown-content a:hover {
 
    background-color: #fffdec;
 
}
 
 
.dropdown:hover .dropdown-content {
 
    display: block;
 
}
 
 
 
#logoImg {
 
    height: 70px;
 
    position: fixed;
 
    top: 20px;
 
    left: 0;
 
    z-index: 2;
 
    background-color: #FFE97C;
 
    border-radius: 0 0 100px 0;
 
    padding: 5px 80px 10px 10px;
 
    border: none;
 
}
 
 
figure img {
 
    display: block;
 
    margin: auto;
 
}
 
 
figurecaption {
 
    text-align: center;
 
    font-style: italic;
 
    display: block;
 
    margin: auto;
 
}
 
 
.clearfix::after {
 
    content: "";
 
    clear: both;
 
    display: table;
 
}
 
 
.fch {
 
    border-bottom: 2px solid !important;
 
}
 
 
.fch tr:nth-child(1) th:nth-child(1) {
 
    border-bottom: 2px solid !important;
 
}
 
 
.fch tr th:nth-child(1) {
 
    border: none !important;
 
}
 
 
#contentMain li {
 
    font-size: 1.25em;
 
    line-height: 1.9;
 
}
 
 
#contentMain table li {
 
    font-size: 1em;
 
}
 
 
.gifAnimated {
 
    position: absolute;
 
    width: 100%;
 
    height: calc(100% - 61px);
 
    background-size: contain;
 
    background-position: center; 
 
    background-repeat: no-repeat;
 
    top: 68px;
 
    left: 0;
 
}
 
 
#headerImg {
 
    margin-left: -30.76%;
 
    margin-right: -23.07%;
 
}
 
 
/* Footer styling */
 
 
        #pagefooter {
 
            width: 100%;
 
            position: fixed;
 
            bottom: -250px;
 
            left: 0;
 
            background-color: #FFE97C;
 
            transition: all 0.5s ease;
 
            padding-left: 10px;
 
            z-index: 2;
 
            font-family: "Poppins", sans-serif;
 
        }
 
        #smallfooter {
 
            transition: all 0.5s ease;
 
        }
 
        .expanded {
 
            bottom: 0 !important;
 
            transition: all 0.5s ease;
 
        }
 
        .expanded #smallfooter {
 
            opacity: 0;
 
            transition: all 0.5s ease;
 
        }
 
        .footerarrow {
 
            position: absolute;
 
            top: 4px;
 
            left: 50%;
 
            transform: translateX(-50%);
 
            transition: transform 0.5s ease-in;
 
            height: 12px;
 
        }
 
        .inverted {
 
            transform: rotate(180deg);
 
            transition: transform 0.5 ease-in;
 
        }
 
        #bigfooter table {
 
            border: none;
 
            background: none;
 
        }
 
        #bigfooter table tr td {
 
            border: none;
 
            background: none;
 
        }
 
        #bigfooter table tr th {
 
            border: none;
 
            background: none;
 
            font-family: "Raleway-ExtraBold", sans-serif;
 
            font-size: 2em;
 
            letter-spacing: 1px;
 
            text-transform: uppercase;
 
        }
 
        #footericons {
 
            float: right;
 
            margin-right: 20px;
 
        }
 
        #footericons img{
 
            height: 18px;
 
            margin-right: 10px;
 
            margin-bottom: 2px;
 
        }
 
        #bigfooter {
 
            width: 100%;
 
            position: relative;
 
            display: block;
 
            height: 250px;
 
        }
 
        #footersponsors {
 
            width: 60%;
 
            float: left;
 
        }
 
        #footersponsors img {
 
            height: 100%;
 
        }
 
        #footercontact {
 
            width: 40%;
 
            float: right;
 
        }
 
        #footercontact img {
 
            height: 50px;
 
        }
 
        #footersponsors td {
 
            text-align: center;
 
            height: 70px;
 
        }
 
 
 
</style>
 
</style>
  
<div id="contentWrapper">
+
<div id = "footer">
<div style="position: fixed; width: 100%; top: 16px; left: 0; z-index: 1;">
+
<div class="navbar">
+
  
  <div class="dropdown">
+
<!-- FOOTNOTES (social media links) -->
    <div class="dropbtn">COMMUNITY</div>
+
<div class="footnotes-menu">
    <div class="dropdown-content">
+
  <input class="menu-toggler" id="menu-toggler" type="checkbox">
       <a href="https://2017.igem.org/Team:IISc-Bangalore/HP/Silver">Human Practices</a>
+
  <label for="menu-toggler"></label>
       <a href="https://2017.igem.org/Team:IISc-Bangalore/HP/Gold_Integrated">Integrated Practices</a>
+
  <ul>
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Collaborations">Collaborations</a>
+
      <li class="menu-item">
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Engagement">Public Engagement</a>
+
       <a href="https://igem.org/Main_Page" target="_blank">
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Safety">Safety</a>
+
<img class="menu-icon" src="https://static.igem.org/mediawiki/2018/7/78/T--IIT_Kanpur--Icon-igem.png" alt="Home">
 +
  </a>
 +
    </li>
 +
   
 +
 
 +
<li class="menu-item">
 +
       <a href="https://www.iitk.ac.in/" target="_blank">
 +
<img class="menu-icon" src="https://static.igem.org/mediawiki/2018/9/94/T--IIT_Kanpur--Logo_IITK.png" alt="" height="50" width ="50">
 +
  </a>
 +
    </li>
 +
<li class="menu-item">
 +
       <a href="mailto:teamigemiitk2k18@gmail.com" target="top">
 +
<img class="menu-icon" src="https://static.igem.org/mediawiki/2018/9/91/T--IIT_Kanpur--Icon-gmail.png" alt="Gmail" height="50" width ="50">
 +
  </a>
 +
    </li>
 +
<li class="menu-item">
 +
       <a href="https://www.instagram.com/igem_iitk/" target="_blank">
 +
<img class="menu-icon" src="https://static.igem.org/mediawiki/2018/4/4f/T--IIT_Kanpur--Icon-instagram.png" alt="Instagram" height="50" width ="50">
 +
  </a>
 +
    </li>
 +
  <li class="menu-item">
 +
       <a href="https://www.facebook.com/bioluminatiigem/" target="_blank">
 +
<img class="menu-icon" src="https://static.igem.org/mediawiki/2018/4/4f/T--IIT_Kanpur--Icon-facebook.png" alt="Facebook" height="50" width ="50">
 +
      </a>
 +
    </li>
  
    </div>
+
<li class="menu-item">
  </div>
+
      <a href="https://twitter.com/IgemIit" target="_blank">
  <div class="dropdown">
+
        <img class="menu-icon" src="https://static.igem.org/mediawiki/2018/a/a3/T--IIT_Kanpur--Icon-twitter.png" alt="Twitter" height="50" width ="50">
    <div class="dropbtn"><a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware"><span></span></a>HARDWARE</div>
+
      </a>
    <div class="dropdown-content">
+
    </li>
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware">GCODe</a>
+
  </ul>
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/GCODe-Mini">Mini</a>
+
</div>
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/GCODe-Pro">Pro</a>
+
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Results">Results</a>
+
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Notebook">Hardware Evolution</a>
+
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Documentation">Build Your Own</a>
+
    </div>
+
  </div>
+
  
  <div class="dropdown">
+
<div id = "sponsors-bar" style="background-color: #222">
    <div class="dropbtn">LAB</div>
+
     <a href="https://www.iitk.ac.in/"><img src="https://static.igem.org/mediawiki/2018/9/94/T--IIT_Kanpur--Logo_IITK.png" class = "sponsor-img"></a>
     <div class="dropdown-content">
+
  <a href="http://www.iitk.ac.in/siic/d/birac-bio-incubator"><img src="https://static.igem.org/mediawiki/2018/f/fd/T--IIT_Kanpur--Logo_Bioincubator.png" class= "sponsor-img"></a>
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Assembly">Assembly</a>
+
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Results">Results</a>
+
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Demonstrate">Demonstrate</a>
+
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Notebook">Notebook</a>
+
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Protocols">Protocols</a>
+
      <a href="https://2017.igem.org/Team:IISc-Bangalore/InterLab">InterLab</a>
+
    </div>
+
  </div>
+
  
  <div class="dropdown">
+
     <a href="http://www.snapgene.com/"><img src="https://static.igem.org/mediawiki/2018/a/a9/T--IIT_Kanpur--Logo_snapgene.png"  class="sponsor-img"></a>
     <div class="dropbtn">PROJECT</div>
+
    <div class="dropdown-content">
+
    <a href="https://www.geneious.com/"><img src="https://static.igem.org/mediawiki/2018/4/46/T--IIT_Kanpur--Logo_geneious.png" class= "sponsor-img"></a>
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Description">iFLOAT</a>
+
     <a href="https://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2018/7/7a/T--IIT_Kanpur--Logo_idt.png" class= "sponsor-img"></a>      
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Model">Model</a>
+
    <a href="https://www.mathworks.com/"><img src="https://static.igem.org/mediawiki/2018/2/29/T--IIT_Kanpur--Logo_mathworks.png" class= "sponsor-img"></a>      
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Experiments">Experiments</a>
+
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Parts">Parts</a>
+
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Design">Design</a>
+
    </div>
+
  </div>
+
 
+
  <div class="dropdown">
+
    <div class="dropbtn">ABOUT</div>
+
     <div class="dropdown-content">
+
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Team">Team</a>
+
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Philosophy">Philosophy</a>
+
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Attributions">Attributions</a>
+
    </div>
+
  </div>
+
 
+
  <div class="dropdown">
+
    <a href="https://2017.igem.org/Team:IISc-Bangalore">HOME</a>
+
  </div>
+
 
</div>
 
</div>
  <a href="https://2017.igem.org/Team:IISc-Bangalore"><img id="logoImg" src="/wiki/images/6/65/T--IISc-Bangalore--logo-new.png"></a>
 
 
</div>
 
</div>
 
<div id="pagefooter" class="clearfix">
 
        <div id="smallfooter" class="clearfix">
 
            <div id="footericons">
 
                <a href="https://www.facebook.com/iiscbangaloreigem/"><img src="https://static.igem.org/mediawiki/2017/4/4b/T--IISc-Bangalore--fb_new.svg" /></a><a href="https://twitter.com/igem_iiscUG"><img src="https://static.igem.org/mediawiki/2017/b/be/T--IISc-Bangalore--twitter_new.svg" /></a><a href="mailto:igem.2017.iisc@gmail.com"><img src="https://static.igem.org/mediawiki/2017/e/e8/T--IISc-Bangalore--mail.svg" /></a>
 
            </div>
 
        </div>
 
        <img class="footerarrow" src="https://static.igem.org/mediawiki/2017/6/62/T--IISc-Bangalore--arrow.png" width="20px" />
 
        <div id="bigfooter" class="clearfix">
 
            <div id="footersponsors">
 
<table style="margin: auto">
 
<tr>
 
 
<th colspan="6">Sponsors</th>
 
 
</tr>
 
<tr>
 
<td colspan="2"><a href="http://www.iisc.ac.in/"><img src="https://static.igem.org/mediawiki/2017/8/82/T--IISc-Bangalore--iisc.png"></a></td>
 
<td colspan="2"><a href="http://www.dbtindia.nic.in/"><img src="https://static.igem.org/mediawiki/2017/7/78/T--IISc-Bangalore--dbt.png"></a></td>
 
<td colspan="2"><a href="http://www.dbtindia.nic.in/ibec-indian-biological-engineering-competition/"><img src="https://static.igem.org/mediawiki/2017/8/89/T--IISc-Bangalore--ibec.png"></a></td>
 
</tr>
 
<tr>
 
<td colspan="3"><a href="https://www.justdial.com/Tirunelveli/South-India-Bottling-Co-Pvt-Ltd-Gangaikondan/0462P462STD2100023_BZDET"><img src="https://static.igem.org/mediawiki/2017/f/f4/T--IISc-Bangalore--sibc-updated.png"></a></td>
 
<td colspan="3"><a href="http://www.snapgene.com/"><img src="https://static.igem.org/mediawiki/2017/4/41/T--IISc-Bangalore--snapgene2.png"></a></td>
 
</tr>
 
 
                </table>
 
            </div><div id="footercontact">
 
                <table style="margin: auto">
 
                    <tr><th colspan="6">Contact</th></tr>
 
                    <tr><td>&nbsp;</td></tr>
 
                    <tr>
 
                        <td><a href="https://www.facebook.com/iiscbangaloreigem/"><img src="https://static.igem.org/mediawiki/2017/4/4b/T--IISc-Bangalore--fb_new.svg" /></a></td>
 
                        <td><a href="https://twitter.com/igem_iiscUG"><img src="https://static.igem.org/mediawiki/2017/b/be/T--IISc-Bangalore--twitter_new.svg" /></a></td>
 
                        <td><a href="mailto:igem.2017.iisc@gmail.com"><img src="https://static.igem.org/mediawiki/2017/e/e8/T--IISc-Bangalore--mail.svg" /></a></td>
 
                    </tr>
 
                    <tr><td>&nbsp;</td></tr>
 
                </table>
 
            </div>
 
        </div>
 
    </div>
 
</div>
 
 
<script type="text/javascript" src="https://2017.igem.org/Template:IISc-Bangalore/slide-nav?action=raw&ctype=text/javascript"></script>
 
<script>
 
    $("#pagefooter").click(function() {
 
        $("#pagefooter").toggleClass("expanded");
 
        $(".footerarrow").toggleClass("inverted");
 
    });
 
$(document).ready(function(){
 
    var headings = document.getElementsByTagName("h1");
 
    var i;
 
    for (i=0; i<headings.length; i++) {
 
        var sometext = headings[i].innerHTML;
 
        console.log(sometext);
 
        headings[i].innerHTML = "<img src='https://static.igem.org/mediawiki/2017/c/c9/T--IISc-Bangalore--title_flank_left.png'>"+sometext+"<img src='https://static.igem.org/mediawiki/2017/a/a2/T--IISc-Bangalore--title_flank_right.png'>";
 
    }
 
})
 
</script>
 
 
</html>
 
</html>

Latest revision as of 23:25, 17 October 2018