(Prototype team page) |
Revathireddy (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <title>ICT-Mumbai 2017</title> | ||
+ | <meta charset="UTF-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> | ||
+ | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> | ||
+ | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
+ | <style> | ||
− | + | #sideMenu | |
+ | {display:none; /*Disable the display of the annoying side main menu*/} | ||
+ | #top_title | ||
+ | {display:none; /* Disable the annoying title*/} | ||
+ | #content | ||
+ | {padding:0px; width:100%; margin-left:0%; margin-right:0%;background-color: rgba(255,255,255);} | ||
− | |||
− | |||
− | + | body,h1,h2,h3,h4,h5,h6 {font-weight: 'bold'; font-family: 'Lato', sans-serif;} | |
+ | body, html { | ||
+ | height: 100%; | ||
+ | color: rgba(255,255,255); | ||
+ | background-color: white; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | /* Create a Parallax Effect */ | ||
+ | .bgimg-1, .bgimg-2, .bgimg-3 { | ||
+ | background-attachment: fixed; | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | /* First image (Logo. Full height) */ | ||
+ | .bgimg-1 { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2017/3/32/16578744517.png"); | ||
+ | min-height: 700px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .w3-wide {letter-spacing: 10px;} | ||
+ | .w3-hover-opacity {cursor: pointer;} | ||
+ | |||
+ | /* Turn off parallax scrolling for tablets and phones */ | ||
+ | @media only screen and (max-device-width: 1024px) { | ||
+ | .bgimg-1, .bgimg-2, .bgimg-3 { | ||
+ | background-attachment: scroll; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | </body> | ||
+ | |||
+ | <!-- Navbar (sit on top) --> | ||
+ | <div class="w3-bar" id="myNavbar"> | ||
+ | <a class="w3-bar-item w3-button w3-hover-black w3-hide-medium w3-hide-large w3-right" href="javascript:void(0);" onclick="toggleFunction()" title="Toggle Navigation Menu"> | ||
+ | <i class="fa fa-bars"></i> | ||
+ | </a> | ||
+ | |||
+ | <a href="#home" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-home" aria-hidden="true"></i> | ||
+ | Home</a> | ||
+ | |||
+ | <div class="w3-dropdown-hover"> | ||
+ | <a href="#project" button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-flask" aria-hidden="true"></i> | ||
+ | Project</button></a> | ||
+ | <div class="w3-dropdown-content w3-bar-block w3-animate-opacity"> | ||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/Background" class="w3-bar-item w3-button">Background</a> | ||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/Description" class="w3-bar-item w3-button">Description</a> | ||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/Design" class="w3-bar-item w3-button">Design</a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/Notebook"class="w3-bar-item w3-button">Notebook</a> | ||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/Protocols"class="w3-bar-item w3-button">Protocols</a> | ||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/InterLab"class="w3-bar-item w3-button">InterLab</a> | ||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/Results"class="w3-bar-item w3-button">Results</a> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | < | + | <div class="w3-dropdown-hover"> |
− | < | + | <a href="#team" button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-users" aria-hidden="true"></i>Team</button></a> |
− | < | + | <div class="w3-dropdown-content w3-bar-block w3-animate-opacity"> |
− | < | + | <a href="https://2017.igem.org/Team:ICT-Mumbai/Team"class="w3-bar-item w3-button">Team</a> |
− | < | + | <a href="https://2017.igem.org/Team:ICT-Mumbai/Collaborations" class="w3-bar-item w3-button">Collaborations</a> |
− | </ | + | </div> |
+ | </div> | ||
+ | |||
+ | <div class="w3-dropdown-hover"> | ||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/Parts" button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-cogs" aria-hidden="true"></i> Part</a> | ||
</div> | </div> | ||
− | < | + | <a href="https://2017.igem.org/Team:ICT-Mumbai/Safety" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-flag" aria-hidden="true"></i> |
− | < | + | Safety</a> |
− | < | + | <a href="https://2017.igem.org/Team:ICT-Mumbai/HP/Gold_Integrated" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-handshake-o" aria-hidden="true"></i> |
+ | Human Practices</a> | ||
+ | |||
+ | |||
+ | |||
+ | <a href="https://2017.igem.org/Team:ICT-Mumbai/Attributions" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-user-o" aria-hidden="true"></i>Attributions</a> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <!-- Navbar on small screens --> | ||
+ | <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium"> | ||
+ | <a href="#about" class="w3-bar-item w3-button" onclick="toggleFunction()">ABOUT</a> | ||
+ | <a href="#portfolio" class="w3-bar-item w3-button" onclick="toggleFunction()">PORTFOLIO</a> | ||
+ | <a href="#contact" class="w3-bar-item w3-button" onclick="toggleFunction()">CONTACT</a> | ||
+ | <a href="#" class="w3-bar-item w3-button">SEARCH</a> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class=" | + | <!-- First Parallax Image with Logo Text --> |
− | < | + | |
+ | |||
+ | <!-- Container (About Section)--> | ||
+ | <div class="w3-content w3-container w3-padding-64" id="about"> | ||
+ | <!--<h3 class="w3-center" style="font-weight: bold">Team ICT-Mumbai 2017</h3> | ||
+ | <br>--> | ||
+ | <!--<h4 class="w3-center">ABSTRACT</h4>--> | ||
+ | |||
+ | <style> | ||
+ | h3{ | ||
+ | line-height: 50%; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | font-size: 40px; | ||
+ | } | ||
+ | </style> | ||
+ | <p style="font-size:20px; font-family:'Lato', sans-serif; colour:lightgrey;">Ammonia released due to hydrolysis of urine is a major reason for the stench in public toilets. Apart from being a put-off, ammonia is also hazardous. Current approaches to tackle this problem include flushing water, using microbes (for example, BioBlocks®) that break down urea in urine to prevent its hydrolysis, and using air fresheners. The first approach requires using copious amounts of water, which is not abundantly available in many parts of the world, while the second is not cost-effective. Finally, spraying air fresheners or using deodorizers is not a solution, as it does not get rid of ammonia. We propose to engineer <i>Escherichia coli</i> to assimilate ammonia and convert it into indigoidine, a blue coloured compound. Ammonia from air can be dissolved in an aqueous medium and can act as a nitrogen source for the engineered cells that can be housed in a cassette. The synthesized indigoidine will indicate when the cassette has to be replaced.</p> | ||
+ | <div class="w3-row"> | ||
+ | <div class="w3-col m6 w3-center w3-padding-small"> | ||
+ | |||
+ | |||
+ | <section><center> | ||
+ | <video width="1000" height="820" controls autoplay loop> | ||
+ | <source src="https://static.igem.org/mediawiki/2017/7/71/Dyeodorant_description_video.mp4" type="video/mp4"/></center></section> | ||
− | |||
</div> | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 09:53, 31 October 2017