(40 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 23: | Line 24: | ||
z-index: -1000; | z-index: -1000; | ||
background-size: cover; | background-size: cover; | ||
− | background-position: center; | + | background-position: center; |
− | + | } | |
− | #background_video { | + | #background_video { |
− | + | filter:brightness(50%); | |
− | + | } | |
− | . | + | .logo{ |
− | + | margin-top: 115px; | |
− | + | z-index: -500; | |
− | + | width: 100%; | |
− | + | text-align: top left; | |
− | + | position: fixed; | |
− | + | transform: translateX(-8%) | |
− | + | } | |
+ | body{ | ||
+ | background-color:black; | ||
+ | width: 100%; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
+ | <div class="logo"> | ||
+ | <img style = "width: 700px;" src="https://static.igem.org/mediawiki/2017/thumb/d/df/Wgba.png/800px-Wgba.png"> | ||
+ | </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> | ||
+ | |||
+ | </div> | ||
<div class="DNA" style="padding-bottom:2000px"> | <div class="DNA" style="padding-bottom:2000px"> | ||
<video autoplay="" loop="" id ="background_video"> | <video autoplay="" loop="" id ="background_video"> | ||
Line 46: | Line 62: | ||
</body> | </body> | ||
− | < | + | <!--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