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

 
(22 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
 
<html>
 
<html>
 
<style>
 
<style>
 +
.footer-distributed {
 +
  position: relative;
 +
  width: 100%;
 +
  height: auto;
 +
  background-color: rgba(100,100,100,0.2);
 +
}
 +
.footer-left {
 +
position: absolute;
 +
  left: 0;
 +
  top: 0;
 +
  width: 60%;
 +
  text-align: right;
 +
  padding-right: 5%;
 +
}
 +
.footer-right {
 +
position: absolute;
 +
right: 0;
 +
top: 0;
 +
width: 40%;
 +
text-align: left;
 +
padding-left: 3%;
 +
}
  
−
        footer{
+
.footer-all {
−
            background: #002e3c;
+
height: 250px;
−
            padding:0 50px;       }
+
width: 100%;
−
 
+
}
−
        footer:after{
+
.footer-links:first-child {
−
            content: '';
+
overflow: hidden;
−
            display: block;
+
padding-top: 30px;
−
            clear: both;
+
position: relative;
−
        }
+
margin-bottom: -25px;
−
 
+
}
−
        footer ul{
+
.footer-links:last-child {
−
            margin: 0;
+
overflow: hidden;
−
            padding: 0;
+
padding-bottom: 30px;
−
        }
+
position: relative;
−
 
+
margin-top: -25px;
−
        .footer_nav_wrapper{
+
}
−
            margin-top: 10px;
+
@media screen and (min-width: 678px) {
−
            float: left;
+
.footer-links:first-child {
−
            width: 200px;
+
overflow: hidden;
−
            height: 200px;
+
padding-top: 20px;
−
        }
+
position: relative;
−
 
+
margin-bottom: 30px;
−
        .footer_title a{
+
}
−
            color: #eeeeee;
+
.footer-links:last-child {
−
            font-weight: bold;
+
overflow: hidden;
−
            font-size: 1.2em;
+
padding-bottom: 0;
−
            display: block;
+
position: relative;
−
            margin-top: 20px;
+
margin-top: 50px;
−
            margin-bottom: 10px;
+
}
−
            text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
+
}
−
        }
+
@media screen and (min-width: 1100px) {
−
        .footer_nav li{
+
.footer-links:first-child {
−
            list-style: disc;
+
overflow: hidden;
−
            margin-left: 20px;
+
padding-top: 20px;
−
        }
+
position: relative;
−
        .footer_nav li a{
+
margin-bottom: -10px;
−
            color: #dddddd;
+
}
−
            padding: 5px;
+
.footer-links:last-child {
−
            margin-top: 5px;
+
overflow: hidden;
−
            text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
+
padding-bottom: 10px;
−
        }
+
position: relative;
 +
margin-top: -10px;
 +
}
 +
}
 +
@media screen and (min-width: 1440px) {
 +
.footer-links:first-child {
 +
overflow: hidden;
 +
padding-top: 10px;
 +
position: relative;
 +
margin-bottom: -30px;
 +
}
 +
.footer-links:last-child {
 +
overflow: hidden;
 +
padding-bottom: 10px;
 +
position: relative;
 +
margin-top: -30px;
 +
}
 +
}
  
 +
.sponsors {
 +
width: 25%;
 +
margin: 0 10px;
 +
}
 +
#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;
 +
}
 
</style>
 
</style>
 
<body>
 
<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>
  
−
<footer>
+
</div>
  
−
    <div class="footer_nav_wrapper">
 
−
            <div class="footer_title">
 
−
                <a href="https://2017.igem.org/Team:BIT-China/Project">Project</a>
 
−
            </div>
 
−
            <ul class="footer_nav">
 
−
                <li><a href="https://2017.igem.org/Team:BIT-China/Description">
 
−
                    Description</a>
 
−
                </li>
 
−
                <li><a href="https://2017.igem.org/Team:BIT-China/Sense">
 
−
                    Sense</a>
 
−
                </li>
 
−
                <li><a href="https://2017.igem.org/Team:BIT-China/Transduction">
 
−
                    Transduction</a>
 
−
                </li>
 
−
                <li><a href="https://2017.igem.org/Team:BIT-China/Detection">
 
−
                    Detection</a>
 
−
                </li>
 
−
                <li><a href="https://2017.igem.org/Team:BIT-China/Result">
 
−
                    Result</a>
 
−
                </li>
 
−
            </ul>
 
−
</div>
 
  
−
    <div class="footer_nav_wrapper">
+
<div class="footer-left">
−
        <div class="footer_title">
+
−
        <a href="https://2017.igem.org/Team:BIT-China/Modeling"
+
−
        >Modeling</a>
+
−
        </div>
+
−
        <ul class="footer_nav">
+
−
            <li><a href="https://2017.igem.org/Team:BIT-China/Overview">
+
−
                Overview</a>
+
−
            </li>
+
−
            <li><a href="https://2017.igem.org/Team:BIT-China/Docking">
+
−
                Docking</a>
+
−
            </li>
+
−
            <li><a href="https://2017.igem.org/Team:BIT-China/GPCRpathway">
+
−
                GPCR pathway</a>
+
−
            </li>
+
−
        </ul>
+
−
    </div>
+
  
−
    <div class="footer_nav_wrapper">
+
<div class="footer-links">
−
        <div class="footer_title">
+
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/7/71/T--BIT-China--2017sponsor_pic1.png">
−
        <a href="https://2017.igem.org/Team:BIT-China/Achievement">Achievement</a>
+
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/d/da/T--BIT-China--2017sponsor_pic3.png">
−
        </div>
+
        <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/7/7f/T--BIT-China--2017sponsor_pic10.png">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/36/T--BIT-China--2017sponsor_pic9.png">        
 +
       
 +
</div>
 +
</div>
 +
</div>
  
−
        <ul class="footer_nav">
+
<div id="footer-info" class="inner">
−
            <li><a href="https://2017.igem.org/Team:BIT-China/Parts">
+
      <p class="my-content-p3" style="color: #777; text-align: center !important;">Copyright  © 2017 BIT-China</p>
−
                Parts</a>
+
−
            </li>
+
−
            <li><a href="https://2017.igem.org/Team:BIT-China/Medal">
+
−
                Medal</a>
+
−
            </li>
+
−
        </ul>
+
 
     </div>
 
     </div>
−
 
+
−
    <div class="footer_nav_wrapper">
+
−
        <div class="footer_title">
+
−
        <a href="https://2017.igem.org/Team:BIT-China/HP">HP</a>
+
−
        </div>
+
−
        <ul class="footer_nav">
+
−
            <li><a href="https://2017.igem.org/Team:BIT-China/Material">
+
−
                Material</a>
+
−
            </li>
+
−
            <li><a href="https://2017.igem.org/Team:BIT-China/Notebook">
+
−
                Notebook</a>
+
−
            </li>
+
−
            <li><a href="https://2017.igem.org/Team:BIT-China/Protocol">
+
−
                Protocol</a>
+
−
            </li>
+
−
            <li><a href="https://2017.igem.org/Team:BIT-China/Equipment">
+
−
                Equipment</a>
+
−
            </li>
+
−
        </ul>
+
−
    </div>
+
−
 
+
−
    <div class="footer_nav_wrapper">
+
−
        <div class="footer_title">
+
−
        <a href="https://2017.igem.org/Team:BIT-China/Laboratory"
+
−
        >Laboratory</a>
+
−
        </div>
+
−
        <ul class="footer_nav">
+
−
            <li><a href="https://2017.igem.org/Team:BIT-China/HPhome">
+
−
                Hp home</a>
+
−
            </li>
+
−
            <li><a href="https://2017.igem.org/Team:BIT-China/Education">
+
−
                Education</a>
+
−
            </li>
+
−
            <li><a href="https://2017.igem.org/Team:BIT-China/Integration">
+
−
                Integration</a>
+
−
            </li>
+
−
            <li><a href="https://2017.igem.org/Team:BIT-China/Collaboration">
+
−
                Collaboration</a>
+
−
            </li>
+
−
        </ul>
+
−
    </div>
+
−
 
+
−
    <div class="footer_nav_wrapper">
+
−
        <div class="footer_title">
+
−
        <a href="https://2017.igem.org/Team:BIT-China/Team">Team</a>
+
−
        </div>
+
−
        <ul class="footer_nav">
+
−
            <li><a href="https://2017.igem.org/Team:BIT-China/Member">
+
−
                Member</a>
+
−
            </li>
+
−
            <li><a href="https://2017.igem.org/Team:BIT-China/Gallery">
+
−
                Gallery</a>
+
−
            </li>
+
−
        </ul>
+
−
    </div>
+
−
 
+
 
</footer>
 
</footer>
−
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 11:13, 29 October 2017

Contact

Institute of Biotransformation and synthetic biosystem

School of life science

Beijing Institute of Technology

100081, Beijing

Email: lichun@bit.edu.cn