Difference between revisions of "Team:UiOslo Norway/Basic Part"
Line 10: | Line 10: | ||
− | < | + | <head> |
− | < | + | <style> |
− | + | .card { | |
− | + | position: relative; | |
+ | float: left; | ||
+ | padding-bottom: 25%; | ||
+ | width: 25%; | ||
+ | text-align: center; | ||
+ | |||
+ | } | ||
− | + | .card__front, | |
− | + | .card__back { | |
− | + | position: absolute; | |
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | |||
+ | } | ||
− | + | .card__front, | |
+ | .card__back { | ||
+ | -webkit-backface-visibility: hidden; | ||
+ | backface-visibility: hidden; | ||
+ | -webkit-transition: -webkit-transform 1s; | ||
+ | transition: transform 1s; | ||
+ | } | ||
− | </div> | + | .card__front { |
+ | background-color: Black; | ||
+ | |||
+ | } | ||
+ | |||
+ | .card__back { | ||
+ | background-color:Black; | ||
+ | -webkit-transform: rotateY(-180deg); | ||
+ | transform: rotateY(-180deg); | ||
+ | } | ||
+ | .card.effect__hover:hover .card__front { | ||
+ | -webkit-transform: rotateY(-180deg); | ||
+ | transform: rotateY(-180deg); | ||
+ | } | ||
+ | |||
+ | .card.effect__hover:hover .card__back { | ||
+ | -webkit-transform: rotateY(0); | ||
+ | transform: rotateY(0); | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <h1 style="font-size:300%;color:black">Our Team generated three basic BioBrick parts. </h1> | ||
+ | |||
+ | <div class="card effect__hover"> | ||
+ | <div class="card__front"> | ||
+ | <span class="card__text"> | ||
+ | <h1 style="font-size:300%;color:white">BBa_K1619001</h1> | ||
+ | <h2 style="font-size:200%;color:white"><i>medh2</i></h1> | ||
+ | </span> | ||
+ | </div> | ||
+ | <div class="card__back"> | ||
+ | <span class="card__text"> | ||
+ | <h1 style="font-size:100%;color:white">Our BioBrick BBa_K1619001 is a basic BioBrick part which contains the coding sequence of the medh2 gene from Bacillus methanolicus. medh2 encodes a NAD+ dependent methanol dehydrogenase catalyzing the conversion of methanol into formaldehyde under conversion of NAD+ into NADH.</h1> | ||
+ | </span> | ||
+ | </div> | ||
+ | </div><!-- /card --> | ||
+ | |||
+ | <div class="card effect__hover"> | ||
+ | <div class="card__front"> | ||
+ | <span class="card__text"> | ||
+ | <h1 style="font-size:300%;color:white">BBa_K1619002</h1> | ||
+ | <h2 style="font-size:200%;color:white"><i>hps</i></h1> | ||
+ | </span> | ||
+ | </div> | ||
+ | <div class="card__back"> | ||
+ | <span class="card__text"> | ||
+ | <h1 style="font-size:100%;color:white">Our BioBrick BBa_K1619002 is a basic BioBrick part which contains the coding sequence of the hps gene from Bacillus methanolicus. hps encodes a 3-hexoluse-6phosphate synthase catalyzing the fixation of formaldehyde into 3-hexulose-6-phosphate.</h1> | ||
+ | </span> | ||
+ | </div> | ||
+ | </div><!-- /card --> | ||
+ | |||
+ | <div class="card effect__hover"> | ||
+ | <div class="card__front"> | ||
+ | <span class="card__text"> | ||
+ | <h1 style="font-size:300%;color:white">BBa_K1619003</h1> | ||
+ | <h2 style="font-size:200%;color:white"><i>phi</i></h1> | ||
+ | </span> | ||
+ | </div> | ||
+ | <div class="card__back"> | ||
+ | <span class="card__text"> | ||
+ | <h1 style="font-size:100%;color:white">Our BioBrick BBa_K1619003 is a basic BioBrick part which contains the coding sequence of the phi gene from Bacillus methanolicus. phi encodes a 6-phospho-3-hexuloseisomerase) catalyzing the conversion of 3-hexulose-6-phosphate into fructose-6-phosphate.</h1> | ||
+ | </span> | ||
+ | </div> | ||
+ | </div><!-- /card --> | ||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 15:11, 8 September 2015