(51 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{ | ||
+ | color: #000; | ||
+ | padding:150px 50px 5px!important; font-size: 30px!important; text-align: center; | ||
+ | } | ||
+ | h2{ | ||
+ | color: #000; | ||
+ | padding:100px 100px 5px; | ||
+ | font-size: 25px!important; | ||
+ | text-align: left; | ||
+ | line-height: 120%; | ||
+ | } | ||
− | + | h3{ | |
− | color:# | + | color: #000; |
− | + | padding:100px 100px 5px; | |
− | font-size: | + | font-size: 25px!important; |
− | + | text-align: center; | |
− | text-align:center; | + | line-height: 120%; |
− | line-height: | + | |
} | } | ||
− | + | .banner2{ | |
color:#fff; | color:#fff; | ||
− | background-color:# | + | background-color:#5d8aa8; |
font-size:100px!important; | font-size:100px!important; | ||
− | width:100%; height: | + | width:100%; height:500px; |
text-align:center; | text-align:center; | ||
− | line-height: | + | 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> | |
− | </style> | + | |
</head> | </head> | ||
<body> | <body> | ||
− | + | <div class="banner2"> | |
− | + | ||
− | <div class=" | + | |
Human Practice | Human Practice | ||
</div> | </div> | ||
− | <a href="https://2018.igem.org/Team:SSHS-Shenzhen/ | + | <div style="height:100px"> </div> |
− | < | + | <h1> |
− | + | Our human practice includes 3 parts | |
− | + | </h1> | |
+ | |||
+ | <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> | </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> | </a> | ||
+ | </center> | ||
+ | <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