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

 
(22 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<head>
 
<head>
 
     <link rel="stylesheet" href="https://2016.igem.org/Team:BIT-China/css/template/reset?action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2016.igem.org/Team:BIT-China/css/template/reset?action=raw&ctype=text/css">
    <link rel="stylesheet" href="https://2016.igem.org/Team:BIT-China/css/template/navStyle?action=raw&ctype=text/css">
 
 
     <link rel="stylesheet" href="https://2016.igem.org/Team:BIT-China/css/effect/bootstrap3-3-6?action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2016.igem.org/Team:BIT-China/css/effect/bootstrap3-3-6?action=raw&ctype=text/css">
   
 
    <link rel="stylesheet" href="https://2016.igem.org/Team:BIT-China/css/page/homeTemp0929?action=raw&ctype=text/css">
 
 
     <link rel="stylesheet" href="https://2016.igem.org/Team:BIT-China/css/template/footer?action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2016.igem.org/Team:BIT-China/css/template/footer?action=raw&ctype=text/css">
 
<style>
 
<style>
Line 21: Line 18:
 
     top:-100%;
 
     top:-100%;
 
}
 
}
 
+
.footer .social-icons a {
 +
    background-color: #47326b;
 +
    border: 1px solid #654d6f;
 +
    color: #ffffff;
 +
}
 
#top_menu_14{
 
#top_menu_14{
 
     border-bottom:none;
 
     border-bottom:none;
Line 32: Line 33:
 
</head>
 
</head>
 
<body>
 
<body>
 +
<!-- 页脚部分 -->
 
<div class="col-sm-12" style="padding: 0;">
 
<div class="col-sm-12" style="padding: 0;">
<footer class="footer dark" >
+
    <footer class="footer dark" >
    <div class="footer-widgets md-padding-top md-padding-bottom">
+
        <div class="footer-widgets md-padding-top">
        <div class="container">
+
            <div class="container">
            <div class="row">
+
                <div class="row">
  
                <div class="col-md-3 col-sm-6">
+
                    <div class="col-sm-3">
                    <div class="widget widget-about">
+
                        <div class="widget widget-about">
                        <div class="logo--footer">
+
                            <h4 class="widget-title" style="margin-bottom: 43px">P-SLACKiller</h4>
                             <a href="#">
+
                             <p>
                                 <!--<img src="https://static.igem.org/mediawiki/2016/0/0b/T&#45;&#45;BIT-China&#45;&#45;logo.png" alt="">-->
+
                                 <b>·&nbsp;</b>Work or Die<br>
                                 <!--P-SLACKiller-->
+
                                <b>·&nbsp;</b>Monitor Plasmid Numbers<br>
                                 <h3 class="widget-title" style="margin-bottom: 43px">P-SLACKiller</h3>
+
                                 <b>·&nbsp;</b>Kill the Slacker<br>
                             </a>
+
                                 <b>·&nbsp;</b>Maintain the Better Biosystem<br>
 +
                             </p>
 
                         </div>
 
                         </div>
                        <p><b>P-SLACKiller</b>,kill the slack cells to help other working-hard cells grow better so that improving production.</p>
 
 
                     </div>
 
                     </div>
  
                </div>
+
                    <div class="col-sm-3">
 
+
                        <div class="widget widget-categories">
                <div class="col-md-3 col-sm-6">
+
                            <h4 class="widget-title" style="margin-bottom: 43px">Useful Links</h4>
                    <div class="widget widget-categories">
+
                            <ul>
                        <h4 class="widget-title" style="margin-bottom: 43px">Important Links</h4>
+
                                <li><a href="https://2016.igem.org/Team:BIT-China/Medals" target="_blank">Achievements</a></li>
                        <ul>
+
                                <li><a href="https://2016.igem.org/Team:BIT-China/Results" target="_blank">Results</a></li>
                            <li><a href="#">Achievements</a></li>
+
                                <li><a href="https://2016.igem.org/Team:BIT-China/Design" target="_blank">Design</a></li>
                            <li><a href="#">Results</a></li>
+
                                <li><a href="https://2016.igem.org/Team:BIT-China/Proof" target="_blank">Proof</a></li>
                            <li><a href="#">Parts</a></li>
+
                                <li><a href="https://2016.igem.org/Team:BIT-China/HP/Gold" target="_blank">HP</a></li>
                            <!--<li><a href="#">Premium Themes</a></li>-->
+
                            </ul>
                            <!--<li><a href="#">Payment Methods</a></li>-->
+
                         </div>
                         </ul>
+
 
                     </div>
 
                     </div>
                </div>
 
  
                <div class="col-md-3 col-sm-6">
+
                    <div class="col-sm-3">
                    <div class="widget widget-categories">
+
                        <div class="widget">
                        <h4 class="widget-title" style="margin-bottom: 43px">Useful Links</h4>
+
                            <h4 class="widget-title" style="margin-bottom: 43px">Sponsors</h4>
                        <ul>
+
 
                             <li><a href="#">Team</a></li>
+
                             <img src="https://static.igem.org/mediawiki/2016/0/05/T--BIT-China--Sponsor--logo--zhongniang.png"
                            <!--<li><a href="#">Contact US</a></li>-->
+
                                alt="zhongniang" class="col-sm-12" style="padding: 0;width: 30%;">
                            <li><a href="#">Human Practice</a></li>
+
                            <img src="https://static.igem.org/mediawiki/2016/a/a6/T--BIT-China--Sponsor--logo--BIT.png"
                             <li><a href="#">Sponsor</a></li>
+
                                alt="BIT" class="col-sm-12" style="padding:0 15%;width: 50%;">
                            <!--<li><a href="#">PhotoDune</a></li>-->
+
                             <img src="https://static.igem.org/mediawiki/2016/8/85/T--BIT-China--Sponsor--logo--ketizu.png"
                         </ul>
+
                                alt="ketizu" class="col-sm-12" style="padding: 10%;;width: 80%;">
 +
                         </div>
 
                     </div>
 
                     </div>
                </div>
 
  
                <div class="col-md-3 col-sm-6">
+
                    <div class="col-sm-3">
                    <div class="widget">
+
                        <div class="widget">
                        <h4 class="widget-title" style="margin-bottom: 43px">Get in touch</h4>
+
                            <h4 class="widget-title" style="margin-bottom: 43px">Get in touch</h4>
                        <p>
+
                            <p>
                            <strong>Email:</strong> iGEM_BIT_China@163.com <br>
+
                                <strong>Email:</strong> iGEM_BIT_China@163.com <br>
                            <!--<strong>Phone:</strong> +000-1111-2222-->
+
                                <!--<strong>Phone:</strong> +000-1111-2222-->
                            <strong>Location:</strong> No.5 Zhongguancun South Street <br>
+
                                <strong>Location:</strong> No.5 Zhongguancun South Street <br>
                        </p>
+
                            </p>
                        <ul class="social-icons">
+
                            <ul class="social-icons">
                            <li><a href="#" class="facebook"><i class="fa fa-facebook"></i></a></li>
+
                                <li><a href="#" class="facebook"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
+
                                <li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#" class="instagram"><i class="fa fa-weixin"></i></a></li>
+
                                <li><a href="#" class="instagram"><i class="fa fa-weixin"></i></a></li>
                            <li><a href="#" class="pinterest"><i class="fa fa-weibo"></i></a></li>
+
                                <li><a href="#" class="pinterest"><i class="fa fa-weibo"></i></a></li>
                        </ul>
+
                            </ul>
 +
                        </div>
 
                     </div>
 
                     </div>
                </div>
 
  
 +
                </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
    </div>
+
        <div class="footer-meta">
    <div class="footer-meta">
+
            <div class="container">
        <div class="container">
+
                <div class="row">
            <div class="row">
+
                    <div class="col-sm-12">
                <div class="col-sm-12">
+
                        <div class="copyright">BIT-China © Copyright 2016 <br> Powered by Bootstrap.</div>
                    <div class="copyright">BIT-China © Copyright 2016 <br> Power by Bootstrap.</div>
+
                    </div>
                </div>
+
  
 +
                </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
     </div>
+
     </footer>
</footer>
+
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:58, 3 December 2016