Team:IIT Delhi
From 2013.igem.org
(Difference between revisions)
Deepakmehta (Talk | contribs) |
Rohitsatija (Talk | contribs) |
||
(107 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | |||
+ | |||
<meta content="text/html; charset=ISO-8859-1" | <meta content="text/html; charset=ISO-8859-1" | ||
http-equiv="content-type"> | http-equiv="content-type"> | ||
<title>Navigation-Top</title> | <title>Navigation-Top</title> | ||
+ | |||
+ | |||
+ | |||
<style ="text/css"> | <style ="text/css"> | ||
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;} | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;} | ||
Line 21: | Line 26: | ||
.centering { | .centering { | ||
margin: 0 auto; | margin: 0 auto; | ||
- | width: | + | width: 100%;} |
/* Nav Bar */ | /* Nav Bar */ | ||
#wrap { | #wrap { | ||
Line 27: | Line 32: | ||
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */ | height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */ | ||
z-index: 99; /* Makes sure that your menu remains on top of other page elements */ | z-index: 99; /* Makes sure that your menu remains on top of other page elements */ | ||
- | position: relative; background-color: | + | position: relative; background-color: white; |
} | } | ||
.navbar { | .navbar { | ||
height: 50px; | height: 50px; | ||
+ | width: 100%; | ||
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
position: absolute; /* Ensures that the menu doesn’t affect other elements */ | position: absolute; /* Ensures that the menu doesn’t affect other elements */ | ||
- | border-right: | + | border-right: 0.5px solid white; } |
.navbar li { | .navbar li { | ||
height: auto; | height: auto; | ||
- | width: | + | width: 16.666%; /* Each menu item is 200px wide */ |
float: left; /* This lines up the menu items horizontally */ | float: left; /* This lines up the menu items horizontally */ | ||
text-align: center; /* All text is placed in the center of the box */ | text-align: center; /* All text is placed in the center of the box */ | ||
list-style: none; /* Removes the default styling (bullets) for the list */ | list-style: none; /* Removes the default styling (bullets) for the list */ | ||
- | font: normal bold | + | font: normal bold 13px/1.2em Arial, Verdana, Helvetica; padding: 0; |
margin: 0; | margin: 0; | ||
- | background-color: | + | background-color: white; |
+ | |||
} | } | ||
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */ | .navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */ | ||
- | border-left: | + | border-left: 0.5px solid black; border-right: 0.5px solid black; border-top: 0.5px solid black; border-bottom: 0.5px solid black; text-decoration: none; /* Removes the default hyperlink styling. */ |
color: white; /* Text color is white */ | color: white; /* Text color is white */ | ||
display: block; | display: block; | ||
} | } | ||
- | + | #home {background-color:red;} | |
+ | #home:hover {color:red; background-color: white;} | ||
+ | |||
+ | #Project {background-color:orange;} | ||
+ | #Project:hover {color:orange; background-color: white;} | ||
+ | #overview {background-color: orange;} | ||
+ | #overview:hover {color:orange; background-color: white;} | ||
+ | #motivation {background-color: orange;} | ||
+ | #motivation:hover {color:orange; background-color: white;} | ||
+ | #model {background-color: orange;} | ||
+ | #model:hover {color:orange; background-color: white;} | ||
+ | #biobricks {background-color: orange;} | ||
+ | #biobricks:hover {color:orange; background-color: white;} | ||
+ | |||
+ | #modelling {background-color: #b3b300;} | ||
+ | #modelling:hover {color:#b3b300; background-color: white;} | ||
+ | |||
+ | #methods {background-color: green;} | ||
+ | #methods:hover {color:green; background-color:white;} | ||
+ | #protocol {background-color: green;} | ||
+ | #protocol:hover {color:green; background-color: white;} | ||
+ | #notebook {background-color: green;} | ||
+ | #notebook:hover {color:green; background-color: white;} | ||
+ | #brainstorming {background-color: green;} | ||
+ | #brainstorming:hover {color:green; background-color: white;} | ||
+ | #safety {background-color: green;} | ||
+ | #safety:hover {color:green; background-color:white;} | ||
+ | |||
+ | #outreach {background-color: violet;} | ||
+ | #outreach:hover {color:violet; background-color: white;} | ||
+ | #orientation {background-color: violet;} | ||
+ | #orientation:hover {color:violet; background-color: white;} | ||
+ | #south {background-color: violet;} | ||
+ | #south:hover {color:violet; background-color: white;} | ||
+ | #bill {background-color: violet;} | ||
+ | #bill:hover {color:violet; background-color: white;} | ||
+ | #biotoilets {background-color: violet;} | ||
+ | #biotoilets:hover {color:violet; background-color: white;} | ||
+ | |||
+ | #team {background-color: darkblue;} | ||
+ | #team:hover {color:darkblue; background-color: white;} | ||
+ | #student {background-color: darkblue;} | ||
+ | #student:hover {color:darkblue; background-color: white;} | ||
+ | #faculty {background-color: darkblue;} | ||
+ | #faculty:hover {color:darkblue; background-color: white;} | ||
+ | #attributions {background-color: darkblue;} | ||
+ | #attributions:hover {color:darkblue; background-color: white;} | ||
+ | |||
+ | .navbar li ul { | ||
display: none; /* Hides the drop-down menu */ | display: none; /* Hides the drop-down menu */ | ||
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */ | height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */ | ||
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul { | padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul { | ||
- | display: block; /* Displays the drop-down box when the menu item is hovered over */ | + | display: block; |
+ | /* Displays the drop-down box when the menu item is hovered over */ | ||
+ | |||
} | } | ||
- | .navbar li ul li {background-color: | + | .navbar li ul li {background-color: white; width: 100%;} .navbar li ul li a { |
- | border-left: | + | border-left: 0.5px solid black; border-right: 0.5px solid black; border-top: 0.5px solid black; border-bottom: 0.5px solid black; width: auto; } |
- | .navbar li ul li a:hover {background-color: | + | .navbar li ul li a:hover {width: 100%; background-color: white;} |
+ | |||
/* Slider */ | /* Slider */ | ||
#image-slider { | #image-slider { | ||
Line 108: | Line 166: | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
+ | |||
<body> | <body> | ||
+ | |||
<table | <table | ||
style="background-color: white; width: 100%; height: 200px; text-align: left; margin-left: auto; margin-right: auto;" | style="background-color: white; width: 100%; height: 200px; text-align: left; margin-left: auto; margin-right: auto;" | ||
Line 126: | Line 187: | ||
<div id="wrap"> | <div id="wrap"> | ||
<ul class="navbar"> | <ul class="navbar"> | ||
- | <li><a href="https://2013.igem.org/Team:IIT_Delhi">Home</a></li> | + | <li><a href="https://2013.igem.org/Team:IIT_Delhi" id="home">Home</a></li> |
- | <li><a href="#">Our Project</a> | + | <li><a href="#" id="Project">Our Project</a> |
<ul> | <ul> | ||
- | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Project">Overview</a></li> | + | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Project" id="overview">Overview</a></li> |
- | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Idea">Motivation</a></li> | + | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Idea" id="motivation">Motivation</a></li> |
- | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Model">The Model</a></li> | + | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Model" id="model">The Model</a></li> |
- | <li><a | + | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Biobrick" id="biobricks">Biobricks Submitted</a></li> |
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Modelling">Modelling and Simulation</a></li> | + | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Modelling" id="modelling">Modelling and Simulation</a></li> |
- | <li><a href="#">Methods and Results</a> | + | <li><a href="#" id="methods">Methods and Results</a> |
<ul> | <ul> | ||
- | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Protocol">Protocols</a></li> | + | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Protocol" id="protocol">Protocols</a></li> |
- | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Notebook">Notebook</a></li> | + | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Notebook" id="notebook">Notebook</a></li> |
- | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Safety">Safety</a></li> | + | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Brainstorming" id="brainstorming">Brainstorming</a></li> |
+ | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Safety" id="safety">Safety</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a href="#">Outreach</a> | + | <li><a href="#" id="outreach">Outreach</a> |
<ul> | <ul> | ||
- | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Outreach">Orientation for Freshmen</a></li> | + | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Outreach" id="orientation">Orientation for Freshmen</a></li> |
- | <li><a href="https://2013.igem.org/Team:IIT_Delhi/ | + | <li><a href="https://2013.igem.org/Team:IIT_Delhi/BRAI" id="bill">BRAI Bill</a></li> |
- | + | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Biotoilet" id="biotoilets">Biotoilets</a></li> | |
- | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Biotoilet">Biotoilets</a></li> | + | |
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Team">Team</a> | + | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Team" id="team">Team</a> |
<ul> | <ul> | ||
- | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Student">Student Members</a></li> | + | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Student" id="student">Student Members</a></li> |
- | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Advisor">Faculty Advisors</a></li> | + | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Advisor" id="faculty">Faculty Advisors</a></li> |
- | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Attributions">Attributions</a></li> | + | <li><a href="https://2013.igem.org/Team:IIT_Delhi/Attributions" id="attributions">Attributions</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
Line 185: | Line 245: | ||
style="vertical-align: top; text-align: center; width: 291px; background-color: white;"></td> | style="vertical-align: top; text-align: center; width: 291px; background-color: white;"></td> | ||
<td style="vertical-align: top; text-align: center;"> | <td style="vertical-align: top; text-align: center;"> | ||
- | + | <div id="slide-frame"> | |
- | + | <div id="slides"><img id="slide1" width=100% height=80% | |
- | + | src="https://static.igem.org/mediawiki/2013/1/1c/Iitd_333.jpg" | |
- | src="https://static.igem.org/mediawiki/ | + | alt=""><img id="slide2" width=600px height=300px src="https://static.igem.org/mediawiki/2013/b/bc/IITD2013.jpg" |
- | alt=""><img id="slide2" src="https://static.igem.org/mediawiki/2013/ | + | alt=""><img id="slide3" width=600px height=300px src="https://static.igem.org/mediawiki/2013/1/1e/Iitd_team.jpg" |
- | alt=""><img id="slide3" src=" | + | alt=""><img id="slide4" width=600px height=300px src="https://static.igem.org/mediawiki/2013/9/91/Iitd2.JPG" |
- | alt=""><img id="slide4" src=" | + | alt=""><img id="slide5" width=100% height=80% src="https://static.igem.org/mediawiki/2013/4/4f/Coli.jpg" |
- | alt=""><img id="slide5" src="https://static.igem.org/mediawiki/ | + | |
alt=""></div> | alt=""></div> | ||
</div> | </div> | ||
Line 200: | Line 259: | ||
<a href="#slide3">3</a> | <a href="#slide3">3</a> | ||
<a href="#slide4">4</a> | <a href="#slide4">4</a> | ||
- | <a href="#slide5">5</a> | + | <a href="#slide5">5</a> |
- | + | </tr> | |
- | + | </tbody> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</table> | </table> | ||
- | + | ||
- | + | <br><br><br> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<table | <table | ||
style="text-align: left; background-color: rgb(175, 175, 175); width: 100%;" | style="text-align: left; background-color: rgb(175, 175, 175); width: 100%;" | ||
Line 293: | Line 271: | ||
<tr> | <tr> | ||
<td | <td | ||
- | style="vertical-align: top; text-align: center; width: 302px; background-color: rgb(175, 175, 175);"><br> | + | style="vertical-align: top; text-align: center; width: 302px; background-color: rgb(175, 175, 175);"> |
+ | <br><b>WON BRONZE AT iGEM 2013 ASIAN JAMBOREE! :D</b><br><br> | ||
Feel Free to contact us at igemiitdelhi2013 at gmail dot com if you | Feel Free to contact us at igemiitdelhi2013 at gmail dot com if you | ||
- | have queries | + | have queries, requests, suggestions et cetera.<br> |
<br> | <br> | ||
Thanks to iGEM and IIT Delhi,<br> | Thanks to iGEM and IIT Delhi,<br> | ||
- | we had an awesome summer!<br> <br> | + | we had an awesome summer!<br><br> |
<a href="https://www.facebook.com/igemiitdelhi2013?ref=hl"><img | <a href="https://www.facebook.com/igemiitdelhi2013?ref=hl"><img | ||
- | style="border: 0px solid ; width: 70px; height: 70px;" alt=" | + | style="border: 0px solid ; width: 70px; height: 70px;" alt="" align="center" |
- | src="https://static.igem.org/mediawiki/2013/ | + | src="https://static.igem.org/mediawiki/2013/b/bb/Op3.png"></a> |
<a href="https://twitter.com/iGEM_IIT_Delhi"><img | <a href="https://twitter.com/iGEM_IIT_Delhi"><img | ||
style="border: 0px solid ; width: 70px; height: 70px;" alt="" align="center" | style="border: 0px solid ; width: 70px; height: 70px;" alt="" align="center" | ||
- | src="https://static.igem.org/mediawiki/2013/ | + | src="https://static.igem.org/mediawiki/2013/3/3d/Twitterlogo.png"></a> |
<a href="http://www.igemiitdelhi.org/"><img | <a href="http://www.igemiitdelhi.org/"><img | ||
style="border: 0px solid ; width: 70px; height: 70px;" alt="" align="center" | style="border: 0px solid ; width: 70px; height: 70px;" alt="" align="center" | ||
- | src="https://static.igem.org/mediawiki/2013/ | + | src="https://static.igem.org/mediawiki/2013/7/76/Op5.png"></a> |
- | + | ||
</td> | </td> | ||
<td | <td | ||
style="vertical-align: top; text-align: center; width: 351px; background-color: rgb(175, 175, 175);">Our | style="vertical-align: top; text-align: center; width: 351px; background-color: rgb(175, 175, 175);">Our | ||
- | Project was supported by and done by the students | + | Project was supported by and done by the students |
<br> | <br> | ||
of IIT Delhi, India.<br> | of IIT Delhi, India.<br> |
Latest revision as of 18:19, 16 October 2013
|
WON BRONZE AT iGEM 2013 ASIAN JAMBOREE! :D Feel Free to contact us at igemiitdelhi2013 at gmail dot com if you have queries, requests, suggestions et cetera. Thanks to iGEM and IIT Delhi, we had an awesome summer! |
Our
Project was supported by and done by the students
of IIT Delhi, India. |
This
project was done as a part of iGEM: iGEM Main Website |