Ibrahym501 (Talk | contribs) |
Ibrahym501 (Talk | contribs) |
||
Line 51: | Line 51: | ||
<div class="overlay">Our project intends to lend these bees a hand by introducing the genes that codify for these AMPs on Escherichia coli cultures. With the help of inducible T7 promoters, we could use IPTG call upon these bacteria to produce the AMPs. These brave bacteria would then be sonicated, and the peptides extracted through a His-tag purification process.</div> | <div class="overlay">Our project intends to lend these bees a hand by introducing the genes that codify for these AMPs on Escherichia coli cultures. With the help of inducible T7 promoters, we could use IPTG call upon these bacteria to produce the AMPs. These brave bacteria would then be sonicated, and the peptides extracted through a His-tag purification process.</div> | ||
</div> | </div> | ||
+ | <head> | ||
+ | <style> | ||
+ | .container1 { | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | max-width: 400px; | ||
+ | } | ||
+ | .image1 { | ||
+ | display: block; | ||
+ | width: 600px; | ||
+ | height: 600px; | ||
+ | } | ||
+ | |||
+ | .overlay1 { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | opacity: 0; | ||
+ | transition: .3s ease; | ||
+ | background-image : url('https://static.igem.org/mediawiki/2018/d/d3/T--Tec-Chihuahua--AMPABEEletters.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position : center; | ||
+ | background-size : 600px 600px; | ||
+ | } | ||
+ | |||
+ | .container1:hover .overlay1 { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | .icon { | ||
+ | color: white; | ||
+ | font-size: 100px; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | left: 50%; | ||
+ | transform: translate(-50%, -50%); | ||
+ | -ms-transform: translate(-50%, -50%); | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .fa-user:hover { | ||
+ | color: #eee; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="container1"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/9/92/T--Tec-Chihuahua--Beraser.png" alt="Avatar" class="image"> | ||
+ | <div class="overlay1"> | ||
+ | <a href="#" class="icon1" title="User Profile"> | ||
+ | <i class="fa fa-user"></i> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
{{:Team:Tec-Chihuahua/Templates/footer}} | {{:Team:Tec-Chihuahua/Templates/footer}} |
Revision as of 23:13, 11 July 2018