Line 3: | Line 3: | ||
<html> | <html> | ||
+ | <style> | ||
+ | |||
+ | #content { | ||
+ | background: #FFF; | ||
+ | } | ||
+ | |||
+ | #body { | ||
+ | background: #F27E77; | ||
+ | margin-bottom: 50px; | ||
+ | } | ||
+ | |||
+ | .hero-image { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2017/3/31/US_AFRL_CarrollHS_DNA_Heada.jpeg"); | ||
+ | height: 90vh; | ||
+ | top: -1px; | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | position: relative; | ||
+ | left: 0px; | ||
+ | right: 0px; | ||
+ | } | ||
+ | |||
+ | .hero-text { | ||
+ | text-align: center; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | left: 50%; | ||
+ | transform: translate(-50%, -50%); | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .hero-text h1 { | ||
+ | color: #224B69; | ||
+ | font-size: 80px; | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .hero-text p { | ||
+ | color: #0E202D; | ||
+ | font-size: 40px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <div class="hero-image"> | ||
+ | <div class="hero-text"> | ||
+ | <h1>Model</h1> | ||
+ | <p>A Visual, Mathematical Representation of Our Project</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
Revision as of 02:13, 30 August 2017