Difference between revisions of "Template:BIT-China/footer"

(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