Difference between revisions of "Template:NKU China/footer"
| (9 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
| − | |||
| − | |||
| − | |||
| − | |||
</head> | </head> | ||
<footer> | <footer> | ||
| Line 10: | Line 6: | ||
<div class="row "> | <div class="row "> | ||
<div class="contact-info col-xs-8 "> <!--放置联系方式--> | <div class="contact-info col-xs-8 "> <!--放置联系方式--> | ||
| − | <img src="https://static.igem.org/mediawiki/2017/c/c1/T--NKU_China--sponsor.png" style="margin-top:5vmin; height: | + | <img src="https://static.igem.org/mediawiki/2017/c/c1/T--NKU_China--sponsor.png" style="margin-top:5vmin; height:250px;"/> |
</div> | </div> | ||
<div class="contact-info col-xs-4"> <!--放置联系方式--> | <div class="contact-info col-xs-4"> <!--放置联系方式--> | ||
| Line 16: | Line 12: | ||
<ul class="share-group"> | <ul class="share-group"> | ||
<li><a href="https://twitter.com/iGEMNKUChina" target="_blank"><button class="button-buttom"><i class="fa fa-twitter"></i></button></a></li> | <li><a href="https://twitter.com/iGEMNKUChina" target="_blank"><button class="button-buttom"><i class="fa fa-twitter"></i></button></a></li> | ||
| − | + | <li><a href="mailto:nkuigem2017@163.com" target="_blank"><button class="button-buttom"><i class="fa fa-envelope-o"></i></button></a></li> | |
| − | <li><a href="mailto:nkuigem2017@163.com"><button class="button-buttom" ><i class="fa fa-envelope-o"></i></button></a></li> | + | |
</ul> | </ul> | ||
<h2>Address</h2> | <h2>Address</h2> | ||
| Line 34: | Line 29: | ||
</div> | </div> | ||
</footer> | </footer> | ||
| + | <style> | ||
| + | footer{ | ||
| + | background-color:#1b2046; | ||
| + | color:#FFFFFF; | ||
| + | text-align:center; | ||
| + | min-height:200px; | ||
| + | font-family: "Futura LT Light",sans-serif; | ||
| + | padding-top:0; | ||
| + | width:100vmax;} | ||
| + | .button-buttom{ | ||
| + | font-size:20px; | ||
| + | height:50px; | ||
| + | line-height: 50px; | ||
| + | width:50px; | ||
| + | text-align: center; | ||
| + | vertical-align: middle; | ||
| + | color:#eee; | ||
| + | background-color: transparent; | ||
| + | border-color: #ebebeb; | ||
| + | border-radius: 100%; | ||
| + | -webkit-transition-duration: 0.4s; /* Safari */ | ||
| + | transition-duration: 0.4s;} | ||
| + | .button-buttom:hover{ | ||
| + | background-color: #ebebeb; | ||
| + | color:#000;} | ||
| + | .button-buttom:active:after { | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | opacity: 1; | ||
| + | transition: 0s} | ||
| + | .contact-info{ | ||
| + | text-align: left;} | ||
| + | ul.share-group{ | ||
| + | margin:0 auto; | ||
| + | display:block; | ||
| + | width:1080px; | ||
| + | padding-top:0;} | ||
| + | .share-group li{ | ||
| + | display:inline-block; | ||
| + | padding:10px;} | ||
| + | address{ | ||
| + | text-align: left; | ||
| + | font-size: medium;} | ||
| + | .copyright{ | ||
| + | padding-bottom:20px;} | ||
| + | </style> | ||
</html> | </html> | ||
Latest revision as of 07:52, 29 October 2017
