(More student bio edits -SY) |
|||
(29 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
− | {{Rice}} | + | {{Rice/Template3}} |
− | |||
− | |||
− | |||
− | < | + | <html> |
− | + | <head> | |
− | < | + | <style> |
− | + | .firstrow { | |
− | < | + | position: relative; |
− | + | float: right; | |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | background: white; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .headshot { | |
− | + | position: relative; | |
− | + | width: 30%; | |
− | + | display:inline-block !important; | |
− | + | text-align: left; | |
− | + | margin: 1%; | |
− | + | margin-right: 2%; | |
− | + | margin-bottom: 40%; | |
− | + | box-sizing: border-box; | |
+ | padding: 1%; | ||
+ | } | ||
+ | .headshot img { | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | -webkit-transition: opacity 1s ease-in-out; | ||
+ | -moz-transition: opacity 1s ease-in-out; | ||
+ | -o-transition: opacity 1s ease-in-out; | ||
+ | transition: opacity 1s ease-in-out; | ||
+ | } | ||
+ | .headshot img.overlay:hover { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | opacity: 0; | ||
+ | } | ||
− | </div> | + | </style> |
+ | </head> | ||
+ | <body> | ||
+ | <div class="firstrow"> | ||
+ | <div class="headshot"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/4/46/Catherine_Dunaway_Text.jpg"/> | ||
+ | <img class="overlay" src="https://static.igem.org/mediawiki/2017/a/a5/Catherine_Dunaway_Hexagonized.jpg"/> | ||
+ | </div> | ||
+ | <div class="headshot"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/60/John_Luke_Garcia_Text.jpg"/> | ||
+ | <img class="overlay" src="https://static.igem.org/mediawiki/2017/2/2a/John_Luke_Garcia_Hexagonized.jpg"/> | ||
+ | </div> | ||
+ | <div class="headshot"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/65/Anna_Guseva_Text.jpg"/> | ||
+ | <img class="overlay" src="https://static.igem.org/mediawiki/2017/9/9a/Anna_Guseva_Hexagonized.jpg"/> | ||
+ | </div> | ||
+ | <div class="headshot"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/16/Jessica_Lee_Text.jpg"/> | ||
+ | <img class="overlay" src="https://static.igem.org/mediawiki/2017/8/8b/Jessica_Lee_Hexagonized.jpg"/> | ||
+ | </div> | ||
+ | <div class="headshot"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/68/Emma_McCormick_Text.jpg"/> | ||
+ | <img class="overlay" src="https://static.igem.org/mediawiki/2017/3/36/Emma_McCormick_Hexagonized.jpg"/> | ||
+ | </div> | ||
+ | <div class="headshot"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/c/cb/Jonathan_Pan_Text.jpg"/> | ||
+ | <img class="overlay" src="https://static.igem.org/mediawiki/2017/6/62/Jonathan_Pan_Hexagonized.jpg"/> | ||
+ | </div> | ||
+ | <div class="headshot"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/4/44/Jack_Terrell_Text.jpg"/> | ||
+ | <img class="overlay" src="https://static.igem.org/mediawiki/2017/b/b2/Jack_Terrell_Hexagonized.jpg"/> | ||
+ | </div> | ||
+ | <div class="headshot"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/2/21/Albert_Truong_Text.jpg"/> | ||
+ | <img class="overlay" src="https://static.igem.org/mediawiki/2017/6/65/Albert_Truong_Hexagonized.jpg"/> | ||
+ | </div> | ||
+ | <div class="headshot"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/d/de/Soohyun_Yoon_Text.jpg"/> | ||
+ | <img class="overlay" src="https://static.igem.org/mediawiki/2017/4/46/Soohyun_Yoon_Hexagonized.jpg"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 09:01, 1 November 2017