|
|
| Line 10: |
Line 10: |
| | </div> | | </div> |
| | | | |
| − | <head>
| |
| − | <style>
| |
| − | * {box-sizing: border-box;}
| |
| − |
| |
| − | .container {
| |
| − | position: relative;
| |
| − | width: 50%;
| |
| − | max-width: 400px;
| |
| − | }
| |
| − |
| |
| − | .image {
| |
| − | display: block;
| |
| − | width: 200%;
| |
| − | height: auto;
| |
| − | }
| |
| − |
| |
| − | .overlay {
| |
| − | position: absolute;
| |
| − | bottom: 0;
| |
| − | background: rgb(0, 0, 0);
| |
| − | background: rgba(0, 0, 0, 0.5); /* Black see-through */
| |
| − | color: #f1f1f1;
| |
| − | width: 180%;
| |
| − | transition: .5s ease;
| |
| − | opacity:0;
| |
| − | color: white;
| |
| − | font-size: 20px;
| |
| − | padding: 20px;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .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;
| |
| − | }
| |
| − |
| |
| − | .container:hover .overlay {
| |
| − | opacity: 1;
| |
| − | }
| |
| − | </style>
| |
| − | </head>
| |
| − | <body>
| |
| − | <div class="container">
| |
| − | <img src="https://static.igem.org/mediawiki/2018/9/92/T--Tec-Chihuahua--Beraser.png" alt="Arsenic" class="image">
| |
| − | <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 class="container">
| |
| − | <div class="overlay1">
| |
| − | <a href="#" class="icon" title="User Profile">
| |
| − | <i class="fa fa-user"></i>
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </body>
| |
| | </html> | | </html> |
| | | | |
| | {{:Team:Tec-Chihuahua/Templates/footer}} | | {{:Team:Tec-Chihuahua/Templates/footer}} |
