(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <style> | ||
+ | .footer-distributed { | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | } | ||
+ | .footer-left { | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | width: 60%; | ||
+ | text-align: right; | ||
+ | /*padding-right: 20px;*/ | ||
+ | } | ||
+ | .footer-right { | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | top: 0; | ||
+ | width: 40%; | ||
+ | text-align: left; | ||
+ | /*padding-left: 20px;*/ | ||
+ | } | ||
+ | .sponsors { | ||
+ | /*flex: 1;*/ | ||
+ | } | ||
+ | .footer-all { | ||
+ | height: 250px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .footer-links { | ||
+ | overflow: hidden; | ||
+ | padding: 10px; | ||
+ | position: relative; | ||
+ | } | ||
+ | .sponsors { | ||
+ | width: 120px; | ||
+ | margin: 0 30px; | ||
+ | } | ||
+ | #footer-info { | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | vertical-align: bottom; | ||
+ | height: 50px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | .my-content-p3 { | ||
+ | font-family: 'Microsoft YaHei', 'Quicksand', sans-serif !important; | ||
+ | font-weight: 500 !important; | ||
+ | font-size: 16px !important; | ||
+ | line-height: 1 !important; | ||
+ | margin-bottom: 15px; | ||
+ | color: #333; | ||
+ | } | ||
+ | /*以上CSS用于解决iGEM官网坑爹样式问题*/ | ||
+ | </style> | ||
+ | <body> | ||
+ | <footer class="footer-distributed"> | ||
+ | <div class="footer-all"> | ||
+ | <div class="footer-right"> | ||
+ | <h5 class="title-h4">Contact</h5> | ||
+ | <p class="my-content-p3">Institute of Biotransformation and synthetic biosystem</p> | ||
+ | <p class="my-content-p3">School of life science </p> | ||
+ | <p class="my-content-p3">Beijing Institute of Technology</p> | ||
+ | <p class="my-content-p3">100081, Beijing</p> | ||
+ | <p class="my-content-p3">Email: lichun@bit.edu.cn</p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="footer-left"> | ||
+ | |||
+ | <div class="footer-links"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/7/71/T--BIT-China--2017sponsor_pic1.png"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/d/da/T--BIT-China--2017sponsor_pic3.png"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/2/28/T--BIT-China--2017sponsor_pic5.png"> | ||
+ | </div> | ||
+ | <div class="footer-links"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/b/b8/T--BIT-China--2017sponsor_pic8.png"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/36/T--BIT-China--2017sponsor_pic9.png"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/7/7f/T--BIT-China--2017sponsor_pic10.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="footer-info" class="inner"> | ||
+ | <p class="my-content-p3" style="color: #777;">Copyright © 2017 BIT-China</p> | ||
+ | </div> | ||
+ | |||
+ | </footer> | ||
+ | </body> | ||
+ | </html> |
Revision as of 08:18, 28 October 2017