(63 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
{{SSHS-Shenzhen/CSS}} | {{SSHS-Shenzhen/CSS}} | ||
− | |||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
− | + | <meta charset="utf-8"> | |
− | + | <title>title</title> | |
<style> | <style> | ||
+ | .header li a:hover,.dropdown:hover.dropbtn { | ||
+ | color: #fff; | ||
+ | } | ||
+ | .header { | ||
+ | font-size: 30px; | ||
+ | padding: 0px; | ||
+ | margin: 0px; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | position: fixed; | ||
+ | height: 3em; | ||
+ | z-index: 99; | ||
+ | float: left; | ||
+ | background-color: #5d8aa8; | ||
+ | min-width: 1080px; | ||
+ | } | ||
+ | body { | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #5d8aa8; | ||
+ | min-width: 250px | ||
+ | } | ||
+ | .dropdown-content a { | ||
+ | color: #f7f7f7; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | .header li a,.dropbtn,.header a:link, .header a:visited { | ||
+ | color: #f7f7f7; | ||
+ | } | ||
+ | #para{ | ||
+ | color: #000; | ||
+ | padding:30px 100px 5px; | ||
+ | font-size: 20px!important; | ||
+ | } | ||
+ | #fig{ | ||
+ | color: #000; | ||
+ | padding:30px 100px 5px; | ||
+ | font-size: 20px!important; | ||
+ | text-align: center !important; | ||
+ | } | ||
h1{ | h1{ | ||
− | color: # | + | color: #000; |
− | padding: | + | padding:150px 50px 5px!important; font-size: 30px!important; text-align: center; |
− | font-size: 30px!important; | + | } |
+ | |||
+ | h2{ | ||
+ | color: #000; | ||
+ | padding:100px 100px 5px; | ||
+ | font-size: 25px!important; | ||
+ | text-align: left; | ||
+ | line-height: 120%; | ||
+ | } | ||
+ | |||
+ | h3{ | ||
+ | color: #000; | ||
+ | padding:100px 100px 5px; | ||
+ | font-size: 25px!important; | ||
text-align: center; | text-align: center; | ||
+ | line-height: 120%; | ||
} | } | ||
− | </style> | + | .banner2{ |
+ | color:#fff; | ||
+ | background-color:#5d8aa8; | ||
+ | font-size:100px!important; | ||
+ | width:100%; height:500px; | ||
+ | text-align:center; | ||
+ | line-height: 500px; | ||
+ | padding:90px 0px 0px; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2018/7/78/T--SSHS-Shenzhen--humanp.png"); | ||
+ | background-size:cover; | ||
+ | } | ||
+ | |||
+ | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
− | < | + | <div class="banner2"> |
Human Practice | Human Practice | ||
+ | </div> | ||
+ | |||
+ | <div style="height:100px"> </div> | ||
+ | <h1> | ||
+ | Our human practice includes 3 parts | ||
</h1> | </h1> | ||
− | <img src="https://static.igem.org/mediawiki/2018/a/ | + | <center> |
+ | <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Integrated_Human_Practices"> | ||
+ | <img src=" | ||
+ | https://static.igem.org/mediawiki/2018/7/76/T--SSHS-Shenzhen--hpin1.png | ||
+ | " width="80%"> | ||
+ | </a> | ||
+ | </center> | ||
+ | <br><br><br> | ||
+ | <center> | ||
+ | <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Public_Engagement"> | ||
+ | <img src=" | ||
+ | https://static.igem.org/mediawiki/2018/5/50/T--SSHS-Shenzhen--hpin2.png | ||
+ | " width="80%"> | ||
+ | |||
+ | |||
+ | |||
+ | </a> | ||
+ | </center> | ||
− | <img src="https://static.igem.org/mediawiki/2018/ | + | <center> |
+ | <a href="https://2018.igem.org/Team:SSHS-Shenzhen/Meetup"> | ||
+ | <img src=" | ||
+ | https://static.igem.org/mediawiki/2018/2/21/T--SSHS-Shenzhen--hpin3.png | ||
+ | " width="80%"> | ||
+ | </a> | ||
+ | </center> | ||
+ | <br><br><br><br><br> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 13:53, 16 October 2018