(Prototype team page) |
|||
Line 2: | Line 2: | ||
<html> | <html> | ||
− | < | + | <style> |
+ | .top{ | ||
+ | font-size:220%; | ||
+ | line-height: 150%; | ||
+ | } | ||
− | + | .top p{ | |
+ | text-indent: 30px; | ||
+ | font-size:100%; | ||
+ | line-height:100%; | ||
+ | } | ||
− | + | .first_title { | |
+ | font-size:150%; | ||
+ | text-align:center; | ||
+ | color:black !important; | ||
+ | line-height: 150%; | ||
+ | } | ||
+ | .subs{ | ||
+ | font-size:190%; | ||
+ | line-height:130%; | ||
+ | } | ||
+ | .subs p{ | ||
+ | text-indent: 30px; | ||
+ | font-size:100%; | ||
+ | line-height:100%; | ||
+ | } | ||
− | + | .subs ul{ | |
− | + | font-size:85%; | |
− | + | line-height:100%; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | .sub_titles { | |
+ | font-size:120%; | ||
+ | text-align:center; | ||
+ | color:black !important; | ||
+ | line-height: 120%; | ||
+ | } | ||
− | + | .picture { | |
− | + | width:70%; | |
− | + | ||
− | + | margin:auto; | |
− | + | position:relative; | |
− | < | + | clear:both |
− | < | + | text-align: center; |
+ | z-index: -1; | ||
+ | } | ||
+ | |||
+ | .picture img { | ||
+ | box-shadow: 5px 5px 5px #333; | ||
+ | width:90%; | ||
+ | |||
+ | } | ||
+ | .picture_s { | ||
+ | width:50%; | ||
+ | |||
+ | margin:auto; | ||
+ | position:relative; | ||
+ | clear:both | ||
+ | text-align: center; | ||
+ | z-index: -1; | ||
+ | } | ||
+ | |||
+ | .picture_s img { | ||
+ | box-shadow: 5px 5px 5px #333; | ||
+ | width:70%; | ||
+ | } | ||
+ | |||
+ | .picture_xs { | ||
+ | width:35%; | ||
+ | |||
+ | margin:auto; | ||
+ | position:relative; | ||
+ | clear:both | ||
+ | text-align: center; | ||
+ | z-index: -1; | ||
+ | } | ||
+ | |||
+ | .picture_xs img { | ||
+ | box-shadow: 5px 5px 5px #333; | ||
+ | width:55%; | ||
+ | } | ||
+ | |||
+ | |||
+ | .contact { | ||
+ | width:45px; | ||
+ | height:45px; | ||
+ | border:0; | ||
+ | } | ||
+ | |||
+ | .sponsors img { | ||
+ | width: 80%; | ||
+ | display: block; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <div class="top"> | ||
+ | |||
+ | <h1 class='first_title'>Materials</h1> | ||
+ | |||
+ | <hr style="height:1px; border:none; color:#000; background-color:#000;"> | ||
</div> | </div> | ||
+ | <div class='subs'> | ||
+ | <h2 class='sub_titles'>Chemical Synthesis Materials:</h2> | ||
+ | <ul> | ||
+ | <li>Iron(III) Chloride Hexahydrate (0.4M) | ||
+ | <li>Ethylene Glycol (Anhydrous) | ||
+ | <li>Iron(III) Chloride <sub>(aq)</sub> Hexahydrate (1M) | ||
+ | <li>Iron(II) Sulphate <sub>(HCl)</sub> Tetrahydrate (1M) | ||
+ | <li>HCl (2M) | ||
+ | <li>Ammonia Solution (0.7M) | ||
+ | </ul> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <style> | ||
+ | a:link {text-decoration:none} | ||
+ | a:hover {text-decoration:underline} | ||
+ | </style> | ||
+ | |||
+ | |||
+ | <br> | ||
+ | </br> | ||
+ | <br> | ||
+ | </br> | ||
− | < | + | <a href="mailto:kentigem@outlook.com"> |
+ | <img src="https://static.igem.org/mediawiki/2016/a/aa/TeamKentEmail.png" alt="email" class="contact"> | ||
+ | </a> | ||
+ | <a href="https://twitter.com/igemkent" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/6/6b/TeamKentTwitterLogo.png" alt="twitter" class="contact"> | ||
+ | </a> | ||
− | < | + | <a href="https://www.instagram.com/kent_igem2016/" target="_blank"> |
+ | <img src="https://static.igem.org/mediawiki/2016/0/0b/TeamKentInstagramLogo.png" alt="instagram" class="contact"> | ||
+ | </a> | ||
+ | <a href="https://www.facebook.com/iGEM-Kent-2016-1814390815461916/" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/8/83/TeamKentFbLogo.png" alt="facebook" class="contact"> | ||
+ | </a> | ||
+ | <hr style="height:1px; border:none; color:#000; background-color:#000;"> | ||
+ | <div class="sponsors"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/a/ab/TeamKentSponsorLogos.png"> | ||
</div> | </div> | ||
</html> | </html> |
Revision as of 21:33, 19 October 2016