(35 intermediate revisions by 4 users not shown) | |||
Line 2: | Line 2: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Assistant:800|Didact+Gothic|Open+Sans:300" rel="stylesheet"> | ||
<style> | <style> | ||
− | + | /* * { | |
− | + | border: 1px solid white; | |
− | + | } */ | |
− | + | .DNA div { | |
− | + | ||
− | + | ||
− | .DNA div { | + | |
width: 80vw; | width: 80vw; | ||
position: absolute; | position: absolute; | ||
top: 50%; | top: 50%; | ||
left: 2em; | left: 2em; | ||
− | transform: translateY(-50%);} | + | transform: translateY(-50%); |
− | .DNA video { | + | } |
+ | .DNA video { | ||
display: block; | display: block; | ||
position: fixed; | position: fixed; | ||
Line 25: | Line 24: | ||
z-index: -1000; | z-index: -1000; | ||
background-size: cover; | background-size: cover; | ||
− | background-position: center;} | + | background-position: center; |
− | + | } | |
− | .logo{ | + | #background_video { |
− | margin-top: | + | filter:brightness(50%); |
+ | } | ||
+ | .logo{ | ||
+ | margin-top: 115px; | ||
z-index: -500; | z-index: -500; | ||
width: 100%; | width: 100%; | ||
− | text-align: | + | text-align: top left; |
position: fixed; | position: fixed; | ||
− | } | + | transform: translateX(-8%) |
− | + | } | |
+ | body{ | ||
+ | background-color:black; | ||
+ | width: 100%; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
− | <div class=" | + | <div class="logo"> |
− | + | <img style = "width: 700px;" src="https://static.igem.org/mediawiki/2017/thumb/d/df/Wgba.png/800px-Wgba.png"> | |
− | + | ||
− | + | ||
</div> | </div> | ||
+ | <div style="position: relative"> | ||
− | |||
− | |||
− | |||
− | |||
− | + | <p style="position: fixed; color: white; bottom: 20px; width:100%; text-align: left; font-size: 32px; font-family:verdana">The University of Texas <br> at Austin iGEM 2017 | |
− | + | ||
− | + | ||
</p> | </p> | ||
− | + | ||
</div> | </div> | ||
+ | <div class="DNA" style="padding-bottom:2000px"> | ||
+ | <video autoplay="" loop="" id ="background_video"> | ||
+ | <source src="https://static.igem.org/mediawiki/2017/0/05/T--Austin_UTexas--DNAvid.mp4"> | ||
+ | </video> | ||
+ | </div> | ||
+ | </body> | ||
<!--Video Source "https://pixabay.com/en/videos/dna-helix-deoxyribonucleic-acid-6973/"*/ | <!--Video Source "https://pixabay.com/en/videos/dna-helix-deoxyribonucleic-acid-6973/"*/ | ||
*/ Source code for home page adapted from Rice University*/--> | */ Source code for home page adapted from Rice University*/--> | ||
</html> | </html> |
Latest revision as of 03:53, 2 November 2017
The University of Texas
at Austin iGEM 2017