Team:IIT Delhi

From 2013.igem.org

(Difference between revisions)
(Removed Alert Box)
 
(194 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
 +
<head>
-
{|align="justify"
+
  <meta content="text/html; charset=ISO-8859-1"
-
|Hi, we're team IIT Delhi. Keep watching this space for more on our project.
+
  http-equiv="content-type">
-
|[[Image:IIT_Delhi_logo.png|200px|right|frame]]
+
  <title>Navigation-Top</title>
-
|-
+
-
|
+
-
''Tell us more about your project. Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
-
|[[Image:IIT_Delhi_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:IIT_Delhi | Team IIT_Delhi]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
 
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
 
-
!align="center"|[[Team:IIT_Delhi|Home]]
+
  <style ="text/css">
-
!align="center"|[[Team:IIT_Delhi/Team|Team]]
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=IIT_Delhi Official Team Profile]
+
#top-section {
-
!align="center"|[[Team:IIT_Delhi/Project|Project]]
+
border: none;
-
!align="center"|[[Team:IIT_Delhi/Parts|Parts Submitted to the Registry]]
+
height: 0px;}
-
!align="center"|[[Team:IIT_Delhi/Modeling|Modeling]]
+
#content {
-
!align="center"|[[Team:IIT_Delhi/Notebook|Notebook]]
+
border: none;}
-
!align="center"|[[Team:IIT_Delhi/Safety|Safety]]
+
/* Redesigning the topmenu */ /***************************/ body {
-
!align="center"|[[Team:IIT_Delhi/Attributions|Attributions]]
+
margin: 0px 0 0 0;
-
|}
+
padding: 0;}
 +
#content, #globalWrapper {
 +
border: none;
 +
width: 100%;
 +
margin: 0;
 +
padding: 0;}
 +
.centering {
 +
margin: 0 auto;
 +
width: 100%;}
 +
/* Nav Bar */
 +
#wrap {
 +
width: 100%; /* Spans the width of the page */
 +
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 */
 +
position: relative; background-color: white;
 +
}
 +
.navbar {
 +
height: 50px;
 +
width: 100%;
 +
padding: 0;
 +
margin: 0;
 +
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */
 +
border-right: 0.5px solid white; }
 +
.navbar li {
 +
height: auto;
 +
width: 16.666%; /* Each menu item is 200px wide */
 +
float: left; /* This lines up the menu items horizontally */
 +
text-align: center; /* All text is placed in the center of the box */
 +
list-style: none; /* Removes the default styling (bullets) for the list */
 +
font: normal bold 13px/1.2em Arial, Verdana, Helvetica; padding: 0;
 +
margin: 0;
 +
background-color: white;
 +
 
 +
}
 +
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */
 +
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 */
 +
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 */
 +
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 {
 +
display: block;
 +
/* Displays the drop-down box when the menu item is hovered over */
 +
 
 +
}
 +
.navbar li ul li {background-color: white; width: 100%;} .navbar li ul li a {
 +
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 {width: 100%; background-color: white;}
 +
 
 +
/* Slider */
 +
#image-slider {
 +
margin: 10px auto;
 +
width: 600px;
 +
}
 +
#slide-frame {
 +
height: 300px;
 +
overflow: hidden;
 +
}
 +
#slides {
 +
height: 375px;
 +
overflow: hidden;
 +
position: relative;
 +
}
 +
#slides img {
 +
position: absolute;
 +
top: 0;
 +
left: 0px;
 +
}
 +
#navigation {
 +
margin: 5px 0 0 0;
 +
text-align: center;
 +
z-index: 10px;
 +
}
 +
#navigation a {
 +
text-decoration: none;
 +
background: #333333;
 +
padding: 2px 6px;
 +
color: #FFFFFF;
 +
display: inline-block;
 +
}
 +
#navigation a:hover {
 +
background: #0182C4;
 +
}
 +
transition: transition-property transition-duration transition-timing-function transition-delay;
 +
#slides img {
 +
z-index: 1;
 +
opacity: 0;
 +
/* animation */
 +
transition: all linear 400ms;
 +
-o-transition: all linear 400ms;
 +
-moz-transition: all linear 400ms;
 +
-webkit-transition: all linear 400ms;
 +
}
 +
#slides img:target {
 +
left: 0;
 +
z-index: 5;
 +
opacity: 1;
 +
}
 +
 
 +
  </style>
 +
</head>
 +
 
 +
<body>
 +
 
 +
<table
 +
style="background-color: white; width: 100%; height: 200px; text-align: left; margin-left: auto; margin-right: auto;"
 +
border="0" cellpadding="0" cellspacing="0">
 +
  <tbody>
 +
    <tr>
 +
      <td colspan="1" rowspan="1"
 +
style="vertical-align: top; text-align: center;"><img
 +
style="width: 100%; height: 200px;" alt=""
 +
src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg"><br>
 +
      </td>
 +
    </tr>
 +
  </tbody>
 +
</table>
 +
<div id="wrap">
 +
<ul class="navbar">
 +
  <li><a href="https://2013.igem.org/Team:IIT_Delhi" id="home">Home</a></li>
 +
  <li><a href="#" id="Project">Our Project</a>
 +
    <ul>
 +
      <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" id="motivation">Motivation</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Model" id="model">The Model</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Biobrick" id="biobricks">Biobricks Submitted</a></li>
 +
    </ul>
 +
  </li>
 +
  <li><a href="https://2013.igem.org/Team:IIT_Delhi/Modelling" id="modelling">Modelling and Simulation</a></li>
 +
  <li><a href="#" id="methods">Methods and Results</a>
 +
    <ul>
 +
      <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" id="notebook">Notebook</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>
 +
  </li>
 +
  <li><a href="#" id="outreach">Outreach</a>
 +
    <ul>
 +
      <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/BRAI" id="bill">BRAI Bill</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Biotoilet" id="biotoilets">Biotoilets</a></li>
 +
    </ul>
 +
  </li>
 +
  <li><a href="https://2013.igem.org/Team:IIT_Delhi/Team" id="team">Team</a>
 +
    <ul>
 +
      <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" id="faculty">Faculty Advisors</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Attributions" id="attributions">Attributions</a></li>
 +
    </ul>
 +
  </li>
 +
</ul>
 +
</div>
 +
 
 +
<br>
 +
<br>
 +
<table
 +
style="text-align: left; background-color: white; width: 100%;"
 +
border="0" cellpadding="0" cellspacing="0">
 +
  <tbody>
 +
    <tr>
 +
      <td
 +
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td>
 +
      <td style="width: 291px;" align="center"
 +
valign="top"></td>
 +
      <td align="center" valign="top"></td>
 +
      <td style="width: 294px;" align="center"
 +
valign="top"></td>
 +
      <td
 +
style="vertical-align: top; text-align: center; width: 110px; background-color: white;"></td>
 +
    </tr>
 +
    <tr>
 +
      <td
 +
style="vertical-align: top; text-align: center; width: 115px; background-color: white;"></td>
 +
      <td
 +
style="vertical-align: top; text-align: center; width: 291px; background-color: white;"></td>
 +
      <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"
 +
alt=""><img id="slide2" width=600px height=300px src="https://static.igem.org/mediawiki/2013/b/bc/IITD2013.jpg"
 +
alt=""><img id="slide3" width=600px height=300px src="https://static.igem.org/mediawiki/2013/1/1e/Iitd_team.jpg"
 +
alt=""><img id="slide4" width=600px height=300px src="https://static.igem.org/mediawiki/2013/9/91/Iitd2.JPG"
 +
alt=""><img id="slide5" width=100% height=80% src="https://static.igem.org/mediawiki/2013/4/4f/Coli.jpg"
 +
alt=""></div>
 +
      </div>
 +
      <div id="navigation">
 +
      <a href="#slide1">1</a>
 +
      <a href="#slide2">2</a>
 +
      <a href="#slide3">3</a>
 +
      <a href="#slide4">4</a>
 +
      <a href="#slide5">5</a>
 +
</tr>
 +
</tbody>
 +
</table>
 +
   
 +
<br><br><br>   
 +
<table
 +
style="text-align: left; background-color: rgb(175, 175, 175); width: 100%;"
 +
border="0" cellpadding="0" cellspacing="0">
 +
  <tbody>
 +
    <tr>
 +
      <td
 +
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
 +
have queries, requests, suggestions et cetera.<br>
 +
      <br>
 +
Thanks to iGEM and IIT Delhi,<br>
 +
we had an awesome summer!<br><br>
 +
  <a href="https://www.facebook.com/igemiitdelhi2013?ref=hl"><img
 +
    style="border: 0px solid ; width: 70px; height: 70px;" alt="" align="center"
 +
    src="https://static.igem.org/mediawiki/2013/b/bb/Op3.png"></a>
 +
    <a href="https://twitter.com/iGEM_IIT_Delhi"><img
 +
      style="border: 0px solid ; width: 70px; height: 70px;" alt="" align="center"
 +
    src="https://static.igem.org/mediawiki/2013/3/3d/Twitterlogo.png"></a>
 +
    <a href="http://www.igemiitdelhi.org/"><img
 +
    style="border: 0px solid ; width: 70px; height: 70px;" alt="" align="center"
 +
    src="https://static.igem.org/mediawiki/2013/7/76/Op5.png"></a>
 +
      </td>
 +
      <td
 +
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
 +
      <br>
 +
&nbsp;of IIT Delhi, India.<br>
 +
      <br>
 +
      <a href="http://www.iitd.ac.in/"><img
 +
style="border: 0px solid ; width: 200px; height: 200px;" alt=""
 +
src="https://static.igem.org/mediawiki/2013/0/02/Iitd_logo.png"></a></td>
 +
      <td
 +
style="vertical-align: top; text-align: center; width: 339px; background-color: rgb(175, 175, 175);">This
 +
project was done as a part of iGEM:<br>
 +
      <a href="https://igem.org/Main_Page">iGEM Main Website</a><br>
 +
      <br>
 +
      <br>
 +
      <a href="https://igem.org/Main_Page"><img
 +
style="border: 0px solid ; width: 200px; height: 200px;" alt=""
 +
src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png"></a><br>
 +
      <br>
 +
      </td>
 +
    </tr>
 +
  </tbody>
 +
</table>
 +
<br>
 +
</body>
 +
</html>

Latest revision as of 18:19, 16 October 2013

Navigation-Top








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

Retrieved from "http://2013.igem.org/Team:IIT_Delhi"