Difference between revisions of "Template:NKU China/footer"

 
(42 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>   
 
<html>   
−
        <head>
+
<head>
−
            <meta name="viewport" content="width=device-width, initial-scale=1.0"  charset="UTF-8">
+
</head>
−
　　        <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NKU_China/css/style?action=raw&ctype=text/css" />
+
−
            <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NKU_China/css/bootstrap?action=raw&ctype=text/css" />
+
−
            <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NKU_China/css/fontawesome?action=raw&ctype=text/css" />
+
−
        </head>
+
 
         <footer>
 
         <footer>
 
         <div class="container"><!--与上面对齐-->
 
         <div class="container"><!--与上面对齐-->
−
             <div class="row">
+
             <div class="row ">
−
                <div class="sponsor col-xs-6"> <!--放置赞助等-->
+
            <div class="contact-info col-xs-8 ">　<!--放置联系方式-->
−
                </div>
+
                <img src="https://static.igem.org/mediawiki/2017/c/c1/T--NKU_China--sponsor.png" style="margin-top:5vmin; height:250px;"/>
−
                <div class="contact-info col-xs-6">　<!--放置联系方式-->
+
−
                    <h2>Contacts</h2>
+
−
                    <ul class="share-group">
+
−
                        <li><button class="button-buttom"><i class="fa fa-twitter"></i></button></li>
+
−
                        <li><button class="button-buttom"><i class="fa fa-mobile"></i></button></li>
+
−
                        <li><a href="mailto:iGEM_NKU_China@hotmail.com"><button class="button-buttom" ><i class="fa fa-envelope-o"></i></button></a></li>
+
−
                    </ul>
+
−
                    <h2>Address</h2>
+
−
                    <address>
+
−
                        Nankai University</br>
+
−
                        No.94 Weijin Road, Nankai District</br>
+
−
                        Tianjin, P.R.China 300071</br>
+
−
                    </address>
+
−
                </div>
+
 
             </div>
 
             </div>
 +
            <div class="contact-info col-xs-4">　<!--放置联系方式-->
 +
                <h2>Contacts</h2>
 +
                <ul class="share-group">
 +
                    <li><a href="https://twitter.com/iGEMNKUChina" target="_blank"><button class="button-buttom"><i class="fa fa-twitter"></i></button></a></li>
 +
                    <li><a href="mailto:nkuigem2017@163.com" target="_blank"><button class="button-buttom"><i class="fa fa-envelope-o"></i></button></a></li>
 +
                </ul>
 +
                <h2>Address</h2>
 +
                <address>
 +
                    Nankai University</br>
 +
                    No.94 Weijin Road, Nankai District</br>
 +
                    Tianjin, P.R.China 300071</br>
 +
                </address>
 +
            </div>
 +
        </div>
 
             <div class="col-xs-12">　<!--放置版权申明待修改-->
 
             <div class="col-xs-12">　<!--放置版权申明待修改-->
 
                 <div class="copyright">
 
                 <div class="copyright">
−
                     © NKU-China
+
                     Copyright © Team NKU-China 2017
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
         </footer>
 
         </footer>
 +
<style>
 +
footer{
 +
    background-color:#1b2046;
 +
    color:#FFFFFF;
 +
    text-align:center;
 +
    min-height:200px;
 +
    font-family: "Futura LT Light",sans-serif;
 +
    padding-top:0;
 +
    width:100vmax;}
 +
.button-buttom{
 +
    font-size:20px;
 +
    height:50px;
 +
    line-height: 50px;
 +
    width:50px;
 +
    text-align: center;
 +
    vertical-align: middle;
 +
    color:#eee;
 +
    background-color: transparent;
 +
    border-color: #ebebeb;
 +
    border-radius: 100%;
 +
    -webkit-transition-duration: 0.4s; /* Safari */
 +
    transition-duration: 0.4s;}
 +
.button-buttom:hover{
 +
    background-color: #ebebeb;
 +
    color:#000;}
 +
.button-buttom:active:after {
 +
    padding: 0;
 +
    margin: 0;
 +
    opacity: 1;
 +
    transition: 0s}
 +
.contact-info{
 +
    text-align: left;}
 +
ul.share-group{
 +
    margin:0 auto;
 +
    display:block;
 +
    width:1080px;
 +
    padding-top:0;}
 +
.share-group li{
 +
    display:inline-block;
 +
    padding:10px;}
 +
address{
 +
    text-align: left;
 +
    font-size: medium;}
 +
.copyright{
 +
    padding-bottom:20px;}
 +
</style>
 
</html>
 
</html>

Latest revision as of 07:52, 29 October 2017

　
　

Contacts

Address

Nankai University
No.94 Weijin Road, Nankai District
Tianjin, P.R.China 300071
　
Copyright © Team NKU-China 2017