Team:IIT Delhi
From 2013.igem.org
(Difference between revisions)
Harshitsinha (Talk | contribs) |
Harshitsinha (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | + | <html> | |
- | + | <head> | |
- | < | + | <meta content="text/html; charset=ISO-8859-1" |
- | + | http-equiv="content-type"> | |
- | < | + | <title>Navigation-Top</title> |
- | + | <style ="text/css"> | |
- | < | + | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;} |
- | + | #top-section { | |
- | < | + | border: none; |
- | + | height: 0px;} | |
- | < | + | #content { |
- | + | border: none;} | |
- | < | + | /* Redesigning the topmenu */ /***************************/ body { |
- | + | margin: 0px 0 0 0; | |
- | < | + | padding: 0;} |
+ | #content, #globalWrapper { | ||
+ | border: none; | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0;} | ||
+ | .centering { | ||
+ | margin: 0 auto; | ||
+ | width: 965px;} | ||
+ | /* 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: #333333; | ||
+ | } | ||
+ | .navbar { | ||
+ | height: 50px; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | position: absolute; /* Ensures that the menu doesn’t affect other elements */ | ||
+ | border-right: 1px solid #333333; } | ||
+ | .navbar li { | ||
+ | height: auto; | ||
+ | width: 150px; /* Each menu item is 150px 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 12px/1.2em Arial, Verdana, Helvetica; padding: 0; | ||
+ | margin: 0; | ||
+ | background-color: #333333; | ||
+ | } | ||
+ | .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. */ | ||
+ | color: white; /* Text color is white */ | ||
+ | display: block; | ||
+ | } | ||
+ | .navbar li:hover, a:hover {background-color: #333333;} .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: #333333;} .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; } | ||
+ | .navbar li ul li a:hover {background-color: #333333;} | ||
+ | /* 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: rgb(141, 203, 138); width: 100%; height: 250px; 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;"><br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <table | ||
+ | style="background-color: rgb(141, 203, 138); text-align: left; margin-left: auto; margin-right: auto; width: 50%;" | ||
+ | border="0" cellpadding="0" cellspacing="0"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td style="vertical-align: top; text-align: center;"><big><font | ||
+ | size="+3"><big><span | ||
+ | style="font-family: Palatino Linotype; color: white;">iGEM | ||
+ | IIT Delhi</span></big></font></big></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td align="center" valign="top"><br> | ||
+ | <br> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td align="center" valign="top"><font | ||
+ | size="+3">Project pH. Coli</font></td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | <br> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | <div id="wrap"> | ||
+ | <ul class="navbar"> | ||
+ | <li><a href="#">Home</a></li> | ||
+ | <li><a href="#">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Vision</a></li> | ||
+ | <li><a href="#">Method</a></li> | ||
+ | <li><a href="#">Result</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Notebook</a></li> | ||
+ | <li><a href="#">BioBricks</a> | ||
+ | <ul> | ||
+ | <li><a href="#">All Bricks</a></li> | ||
+ | <li><a href="#">Asr</a></li> | ||
+ | <li><a href="#">C.Gluta</a></li> | ||
+ | <li><a href="#">sf-gfp</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Safety</a></li> | ||
+ | <li><a href="#">Outreach</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Introduction</a></li> | ||
+ | <li><a href="#">Other Teams</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Sponsors</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Our Sponsors</a></li> | ||
+ | <li><a href="#">Thank-You Note</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="image-slider"> | ||
+ | <div id="slide-frame"><img src="nature1.jpg" | ||
+ | alt=""> | ||
+ | <div id="slides"><img id="slide1" | ||
+ | src="https://static.igem.org/mediawiki/2013/7/7a/Sfgfp-iit-igem.JPG" | ||
+ | alt=""><img id="slide2" src="nature2.jpg" | ||
+ | alt=""><img id="slide3" src="nature3.jpg" | ||
+ | alt=""><img id="slide4" src="nature4.jpg" | ||
+ | alt=""><img id="slide5" src="nature5.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> | ||
+ | </div> | ||
+ | </div> | ||
+ | </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> | ||
+ | <br> | ||
+ | <table | ||
+ | style="text-align: left; background-color: rgb(51, 51, 51); width: 100%; height: 85px;" | ||
+ | border="0" cellpadding="0" cellspacing="0"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td colspan="5" rowspan="1" | ||
+ | style="vertical-align: top; text-align: center; height: 41px; background-color: white; width: 48px;"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; width: 138px; background-color: white;"></td> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; width: 49px; background-color: rgb(51, 51, 51);"></td> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 639px;"><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;">Abstract</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; width: 48px; background-color: rgb(51, 51, 51);"></td> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; width: 139px; background-color: white;"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; width: 138px; background-color: white;"></td> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; width: 49px; background-color: rgb(51, 51, 51);"></td> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51); width: 639px;"><br> | ||
+ | <br> | ||
+ | </td> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; width: 48px; background-color: rgb(51, 51, 51);"></td> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; width: 139px; background-color: white;"></td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | <br> | ||
+ | <table | ||
+ | style="text-align: left; background-color: rgb(204, 204, 204); width: 100%; height: 54px;" | ||
+ | border="0" cellpadding="0" cellspacing="0"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td style="vertical-align: top; text-align: center;"> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | <br> | ||
+ | <table style="text-align: left; width: 100%;" border="1" | ||
+ | cellpadding="2" cellspacing="2"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td | ||
+ | style="vertical-align: top; text-align: center; background-color: rgb(51, 51, 51);"><br> | ||
+ | <br> | ||
+ | <font style="color: white;" size="+1"><span | ||
+ | style="font-family: Palatino Linotype;">For more, go to: | ||
+ | igemiidelhi.org. | </span><span | ||
+ | style="text-decoration: underline; font-family: Palatino Linotype;">iGEM | ||
+ | IIT Delhi</span><span style="font-family: Palatino Linotype;"> | ||
+ | | Contact us at igemiitdelhi2013 at gmail dot com</span></font><br> | ||
+ | <br> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </body> | ||
+ | </html> |
Revision as of 13:39, 20 September 2013
|
|
||||
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. |
|||||
|
For more, go to: igemiidelhi.org. | iGEM IIT Delhi | Contact us at igemiitdelhi2013 at gmail dot com |