Team:IIT Delhi

From 2013.igem.org

(Difference between revisions)
 
(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: 965px;}
+
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: #333333;
+
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&#8217;t affect other elements */
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */
-
border-right: 1px solid #333333; }
+
border-right: 0.5px solid white; }
.navbar li {
.navbar li {
height: auto;
height: auto;
-
width: 200px; /* Each menu item is 200px wide */
+
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 12px/1.2em Arial, Verdana, Helvetica; padding: 0;
+
font: normal bold 13px/1.2em Arial, Verdana, Helvetica; padding: 0;
margin: 0;
margin: 0;
-
background-color: #333333;
+
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: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */
+
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;
}
}
-
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {
+
#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: #333333;} .navbar li ul li a {
+
.navbar li ul li {background-color: white; width: 100%;} .navbar li ul li a {
-
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }
+
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: #333333;}
+
.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>
-
href="https://2013.igem.org/Team:IIT_Delhi/Biobrick">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/Collabration">South Asian Collabration</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/BRAI">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="image-slider">
+
<div id="slide-frame">  
-
      <div id="slide-frame">
+
  <div id="slides"><img id="slide1" width=100% height=80%
-
      <div id="slides"><img id="slide1"
+
  src="https://static.igem.org/mediawiki/2013/1/1c/Iitd_333.jpg"
-
  src="https://static.igem.org/mediawiki/igem.org/e/e1/Banner-1.jpg"
+
  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/7/7a/Sfgfp-iit-igem.JPG"
+
  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="nature3.jpg"
+
  alt=""><img id="slide4" width=600px height=300px src="https://static.igem.org/mediawiki/2013/9/91/Iitd2.JPG"
-
  alt=""><img id="slide4" src="nature4.jpg"
+
  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/igem.org/e/e1/Banner-1.jpg"
+
  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>  
-
      </div>
+
</tr>
-
      </div>
+
</tbody>
-
      </td>
+
-
      <td
+
-
style="vertical-align: top; text-align: center; width: 294px; background-color: white;"></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;"></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>
+
-
  </tbody>
+
</table>
</table>
-
<br>
+
   
-
<table
+
  <br><br><br>     
-
  style="text-align: left; background-color: white; width: 100%; height: 85px;"
+
-
border="0" cellpadding="0" cellspacing="0">
+
-
  <tbody>
+
-
    <tr>
+
-
      <td colspan="3" rowspan="1"
+
-
style="vertical-align: top; text-align: center; height: 41px; background-color: white; width: 179px;"></td>
+
-
    </tr>
+
-
    <tr>
+
-
      <td
+
-
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 174px;"></td>
+
-
      <td
+
-
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 663px;"><big><big><big
+
-
style="font-family: Palatino Linotype;"><span
+
-
style="color: white;"></span><br
+
-
style="color: white;">
+
-
      </big></big></big>
+
-
      <table
+
-
style="text-align: left; background-color: rgb(51, 51, 51); width: 100%; height: 32px;"
+
-
border="0" cellpadding="0" cellspacing="0">
+
-
        <tbody>
+
-
          <tr>
+
-
            <td style="vertical-align: top; text-align: center;"><big><big><big
+
-
style="font-family: Palatino Linotype;"><span
+
-
style="color: white;">Project Description</span></big></big></big></td>
+
-
          </tr>
+
-
        </tbody>
+
-
      </table>
+
-
      <span style="font-family: Myriad Pro;"><br>
+
-
      </span><font style="font-family: Palatino Linotype;"
+
-
size="+1"><span style="color: white;">pH
+
-
induced response elicited by certain promoters in bacteria may have
+
-
major practical applications. The response can be targeted for specific
+
-
pH ranges, for example in tracking the anomalies associated with the
+
-
gut micro-biota or detecting pH inside a bioreactor. There are only
+
-
limited studies reported in the area. In the present project, a genetic
+
-
circuit has been created, using the promoters of the acid shock
+
-
response gene from E.coli and the F0F1 ATPase operon from C. glutamicum
+
-
that produces a pH dependent colour gradient, much like a universal pH
+
-
indicator. A mathematical model has been developed to simulate the
+
-
experimental findings. The present study will form the basis for
+
-
further research in the field of synthetic biology.</span></font><span
+
-
style="color: rgb(0, 0, 0); font-family: sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.0469px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: rgb(255, 255, 255); display: inline ! important; float: none;"><br>
+
-
      <br>
+
-
      </span><font size="+2"><span
+
-
style="font-family: Palatino Linotype;"><font
+
-
style="font-family: Myriad Pro;"><span
+
-
style="color: white;"></span></font></span></font></td>
+
-
      <td
+
-
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 179px;"></td>
+
-
     </tr>
+
-
    <tr>
+
-
      <td
+
-
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 174px;"></td>
+
-
      <td
+
-
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 663px;"><br>
+
-
      <br>
+
-
      </td>
+
-
      <td
+
-
style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 179px;"></td>
+
-
    </tr>
+
-
  </tbody>
+
-
</table>
+
-
<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; requests; suggestions et cetera.<br>
+
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="" hspace="20px" align="center"
+
     style="border: 0px solid ; width: 70px; height: 70px;" alt="" align="center"
-
     src="https://static.igem.org/mediawiki/2013/5/51/Fb.png"></a><br>
+
     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/1/12/Twitter3.png"></a><br>
+
     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/b/b7/Blogger.png"></a>
+
     src="https://static.igem.org/mediawiki/2013/7/76/Op5.png"></a>
-
      <br>
+
       </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<br>
+
Project was supported by and done by the students
       <br>
       <br>
&nbsp;of IIT Delhi, India.<br>
&nbsp;of IIT Delhi, India.<br>

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