Difference between revisions of "Template:NAU-CHINA/footer"

 
(37 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{NAU-CHINA/ResetCSS}}
 
<html>
 
<html>
 
<head>
 
<head>
Line 5: Line 6:
 
     <style>
 
     <style>
 
         #footer {
 
         #footer {
−
             display:flex;
+
             display: flex;
−
             height:48vh;
+
             height: 35vh;
−
             width:100%;
+
             width: 100%;
−
             background-color:gray;
+
             background-color: rgba(89,87,87,0.54);
−
             color:white;
+
             color: white;
−
             padding:2vw 0 0 2.5vw;;
+
            text-align: justify;
 +
             padding: 0.5vw 0 0 5vw;
 +
            ;
 
         }
 
         }
 +
 
         .footer-title {
 
         .footer-title {
−
             font-weight:bold;
+
             font-weight: bold;
−
             font-size:1.2vw;
+
             font-size: 1.5vw;
 +
            line-height: 2.5vw;
 +
            position: relative;
 +
            left: -10px;
 
         }
 
         }
 +
 
         .footer-col p {
 
         .footer-col p {
−
             font-size: 1vw;
+
             font-size: 1.1vw !important;
 +
            line-height: 1.3em;
 
         }
 
         }
 +
 
         #footer img {
 
         #footer img {
−
             width:50px;
+
             width: 30px;
−
             float:left;
+
            height: 30px;
−
             align-items:center;
+
             float: left;
−
             margin-right:0.5vw;
+
             align-items: center;
 +
             margin-right: 0.5vw;
 
         }
 
         }
−
         #footer img:hover {
+
 
−
             opacity:0.5;
+
         #footer a {
−
            transition:1s;
+
             color: white !important;
−
            cursor:pointer;
+
 
         }
 
         }
 +
 
         .footer-col {
 
         .footer-col {
 
             width: 25vw;
 
             width: 25vw;
 
         }
 
         }
 +
 
         .footer-row {
 
         .footer-row {
−
             display:flex;
+
             display: flex;
−
             height:10vh;
+
             height: 6vh;
−
             vertical-align:middle;
+
             vertical-align: middle;
 +
            align-items: center;
 
         }
 
         }
−
 
 
     </style>
 
     </style>
 
</head>
 
</head>
 
<body>
 
<body>
 
     <div id="footer">
 
     <div id="footer">
−
         <div class="footer-col">
+
         <div class="footer-col" id="Acknowledgements">
 
             <span class="footer-title">Acknowledgements</span>
 
             <span class="footer-title">Acknowledgements</span>
 
             <div class="footer-row">
 
             <div class="footer-row">
Line 62: Line 74:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <div class="footer-col">
+
         <div class="footer-col" id="Useful_Links">
 
             <span class="footer-title">Useful Links</span>
 
             <span class="footer-title">Useful Links</span>
−
             <p>Main Page</p>
+
             <p><a href="https://2018.igem.org/">Main Page</a></p>
−
             <p>Special Pages</p>
+
             <p><a href="https://igem.org/Special:SpecialPages">Special Pages</a></p>
 
         </div>
 
         </div>
−
         <div class="footer-col">
+
         <div class="footer-col" id="ContactUs">
−
             <span class="footer-title">Contact</span>
+
             <span class="footer-title">Contact Us</span>
 
             <div class="footer-row">
 
             <div class="footer-row">
−
                 <img src="https://static.igem.org/mediawiki/2018/9/95/T--NAU-CHINA--Facebook.png" />
+
                 <a href="mailto:njauskyljy@outlook.com?subject=Hello%20iGEMer!">
 +
                    <img src="https://static.igem.org/mediawiki/2018/9/95/T--NAU-CHINA--Facebook.png" />
 +
                </a>
 
                 <p>Facebook</p>
 
                 <p>Facebook</p>
 
             </div>
 
             </div>
 
             <div class="footer-row">
 
             <div class="footer-row">
−
                 <img src="https://static.igem.org/mediawiki/2018/1/1d/T--NAU-CHINA--Twitter.png" />
+
                 <a href="mailto:njauskyljy@outlook.com?subject=Hello%20iGEMer!">
 +
                    <img src="https://static.igem.org/mediawiki/2018/1/1d/T--NAU-CHINA--Twitter.png" />
 +
                </a>
 
                 <p>Twitter</p>
 
                 <p>Twitter</p>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <div class="footer-col">
+
         <div class="footer-col" id="About Us">
 
             <span class="footer-title">About Us</span>
 
             <span class="footer-title">About Us</span>
−
             <p><span style="font-size:1.1vw">NAU-CHINA 2018</span> from <br />
+
             <p>
−
            Nanjing Agricultural University <br />
+
                <span style="font-size:1.1vw">NAU-CHINA 2018</span> from <br />
−
            NO.1 Weigang, Xuanwu District<br/>
+
                Nanjing Agricultural University <br />
−
            Nanjing, CHINA<br/>
+
                NO.1 Weigang, Xuanwu District<br />
−
            210095</p>
+
                Nanjing, CHINA<br />
 +
                210095
 +
            </p>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
 +
 +
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 23:13, 13 November 2018

footer