|
|
(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> </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> </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> |