Difference between revisions of "Team:Exeter"
| Line 17: | Line 17: | ||
</p> | </p> | ||
| + | |||
| + | |||
<html> | <html> | ||
<head> | <head> | ||
<style> | <style> | ||
| − | + | .container { | |
| − | + | position: relative; | |
| − | + | width: 50%; | |
| + | } | ||
| + | |||
| + | .image { | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | height: auto; | ||
| + | } | ||
| + | |||
| + | .overlay { | ||
| + | position: absolute; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | background-color: #008CBA; | ||
| + | overflow: hidden; | ||
| + | width: 0; | ||
| + | height: 100%; | ||
| + | transition: .5s ease; | ||
| + | } | ||
| + | |||
| + | .container:hover .overlay { | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | .text { | ||
| + | white-space: nowrap; | ||
| + | color: white; | ||
| + | font-size: 20px; | ||
| + | position: absolute; | ||
| + | overflow: hidden; | ||
| + | top: 50%; | ||
| + | left: 50%; | ||
| + | transform: translate(-50%, -50%); | ||
| + | -ms-transform: translate(-50%, -50%); | ||
} | } | ||
</style> | </style> | ||
| Line 29: | Line 65: | ||
<body> | <body> | ||
| − | <img src="https://static.igem.org/mediawiki/2017/7/72/T--Exeter--title_pic.png" alt=" | + | <h2>Slide in Overlay from the Left</h2> |
| + | |||
| + | <div class="container"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/7/72/T--Exeter--title_pic.png" alt="Avatar" class="image"> | ||
| + | <div class="overlay"> | ||
| + | <div class="text">Hello World</div> | ||
| + | </div> | ||
| + | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
| + | |||
| + | |||
Revision as of 12:16, 22 August 2017
Pili+
Pili, ubiquitous proteinaceous structures found in bacteria, are a known virulence factor due to their ability to bind to cell surface mannose molecules. The team's initial interest in these little bacterial hairs was spawned by research into adhesion mechanisms. Our project looks to repurpose the adhesion mechanism that has been naturally developed and enhanced over time, with a view to binding heavy metal pollutants in water. The bioremediation process can be refined and improved by development of a well characterised modular toolkit. Establishment of a reproducible method for replacing and modifying components of the E. coli fim operon in order to form a catalogue of heavy metal extracting pili. We will use mathematical modelling to inform design of our synthetic construct and to further understand this natural phenomenon.
Slide in Overlay from the Left
</div> </div>
</html>
