Difference between revisions of "Template:XJTU-China/Footer"
RandolphLiu (Talk | contribs) (add css) |
RandolphLiu (Talk | contribs) m |
||
| (7 intermediate revisions by 2 users not shown) | |||
| Line 2: | Line 2: | ||
<style> | <style> | ||
footer { | footer { | ||
| − | height: | + | position: relative; |
| − | background-color: | + | height: 90px; |
| + | background-color: #2f3640; | ||
| + | z-index: 2; | ||
} | } | ||
.footer-msg { | .footer-msg { | ||
| Line 13: | Line 15: | ||
font-size: 0.8em; | font-size: 0.8em; | ||
font-family: Ubuntu,"Helvetica Neue",Arial; | font-family: Ubuntu,"Helvetica Neue",Arial; | ||
| + | } | ||
| + | .contact-block { | ||
| + | text-align: center; | ||
| + | background-color: #2f3640; | ||
| + | height: 50px; | ||
| + | width: 100%; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .contact-block > a { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .contact-img { | ||
| + | display: inline-block; | ||
| + | height: 30px; | ||
| + | margin: 10px 0 0 0; | ||
| + | padding: 0 3.0rem 0 3.0rem; | ||
| + | } | ||
| + | .contact-img:hover { | ||
| + | opacity: 0.65; | ||
} | } | ||
</style> | </style> | ||
<body> | <body> | ||
<footer> | <footer> | ||
| + | <div class="contact-block"> | ||
| + | <a href="https://twitter.com/IgemXjtu"> | ||
| + | <img src="https://static.igem.org/mediawiki/2018/4/47/T--XJTU-China--Contact-twitter.png" class="contact-img" /> | ||
| + | </a> | ||
| + | <a href="mailto:xjtuigem@outlook.com"> | ||
| + | <img src="https://static.igem.org/mediawiki/2018/8/82/T--XJTU-China--Contact-mail.png" class="contact-img" /> | ||
| + | </a> | ||
| + | <a href="https://static.igem.org/mediawiki/2018/0/0f/T--XJTU-China--Contact-wechat-QR.png"> | ||
| + | <img src="https://static.igem.org/mediawiki/2018/2/28/T--XJTU-China--Contact-wechat.png" class="contact-img" /> | ||
| + | </a> | ||
| + | </div> | ||
<p class="footer-msg"> | <p class="footer-msg"> | ||
Copyright © 2018 XJTU-China iGEM Team. All rights reserved. | Copyright © 2018 XJTU-China iGEM Team. All rights reserved. | ||
Latest revision as of 07:46, 17 October 2018