Line 72: | Line 72: | ||
} | } | ||
+ | .turn { | ||
+ | position: absolute; | ||
+ | z-index: 999; | ||
+ | font-size: 10vh; | ||
+ | height: 100vh; | ||
+ | width: 70vh; | ||
+ | color: white; | ||
+ | font-family: Product Sans; | ||
+ | top: 20%; | ||
+ | left: 38%; | ||
+ | letter-spacing: 1px; | ||
+ | line-height: 80px; | ||
+ | } | ||
+ | |||
+ | .you { | ||
+ | position: absolute; | ||
+ | z-index: 999; | ||
+ | font-size: 3.5vh; | ||
+ | color: white; | ||
+ | font-family: Product Sans; | ||
+ | top: 52%; | ||
+ | left: 38%; | ||
+ | font-weight: 100; | ||
+ | letter-spacing: 1px; | ||
+ | } | ||
+ | |||
+ | .button { | ||
+ | position: absolute; | ||
+ | z-index: 999; | ||
+ | background-color: #50c484; | ||
+ | border: none; | ||
+ | color: white; | ||
+ | padding: 6px 15px; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | display: inline-block; | ||
+ | font-size: 16px; | ||
+ | top: 68%; | ||
+ | left: 38%; | ||
+ | font-family: Product Sans; | ||
+ | font-weight: 100; | ||
+ | letter-spacing: 1px; | ||
+ | } | ||
</style> | </style> | ||
+ | |||
</head> | </head> | ||
Line 91: | Line 135: | ||
<h3 class="as">About Us</h3> | <h3 class="as">About Us</h3> | ||
</div> | </div> | ||
− | <div class="jumbotron" | + | <div class="jumbotron"> |
− | < | + | <div class="turn">Turn red after one drink?</div> |
− | < | + | <div class="you">You may have ALDH2 Deficiency.</div> |
− | < | + | <div class="button">Learn more       ></div> </div> |
<a href="https://twitter.com/igem_tas?lang=en" target="_blank"> | <a href="https://twitter.com/igem_tas?lang=en" target="_blank"> |
Revision as of 08:36, 6 June 2018