|
|
Line 3: |
Line 3: |
| | | |
| <html> | | <html> |
− | <style>
| |
− |
| |
− | #content {
| |
− | background: #FFF;
| |
− | bottom: 0px;
| |
− | }
| |
− |
| |
− | #content.body {
| |
− | bottom: 20px;
| |
− | }
| |
− |
| |
− | .bodytext1 {
| |
− | width: 90%;
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | padding-bottom: 100px;
| |
− | }
| |
− |
| |
− | .bodytext2 {
| |
− | width: 90%;
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | padding-bottom: 100px;
| |
− |
| |
− | }
| |
− |
| |
− | .colorblock1 {
| |
− | width: 100%;
| |
− | background-color: #ECF2F5;
| |
− | }
| |
− |
| |
− | .hero-image {
| |
− | background-image: url("https://static.igem.org/mediawiki/2017/f/fb/US_AFRL_CarrollHS_MikeJasonMaxJonah.jpg");
| |
− | height: 100vh;
| |
− | top: -10px;
| |
− | background-repeat: no-repeat;
| |
− | background-size: cover;
| |
− | position: relative;
| |
− | left: 0px;
| |
− | right: 0px;
| |
− | width:100%;
| |
− | }
| |
− |
| |
− | .hero-image-overlay {
| |
− | background-image: url("https://static.igem.org/mediawiki/2017/4/42/US_AFRL_CarrollHS_MikeJasonMaxJonah_Overlay.png");
| |
− | height: 100vh;
| |
− | width:100%;
| |
− | 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-line: none;
| |
− | }
| |
− |
| |
− | .hero-text p {
| |
− | color: #0E202D;
| |
− | font-size: 40px;
| |
− | text-decoration-line: none;
| |
− | }
| |
− | </style>
| |
| | | |
| <div class="hero-image"> | | <div class="hero-image"> |