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

 
(43 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
−
  <title>Footer</title>
+
    <meta charset="utf-8" />
−
  <style type="text/css">
+
    <title>footer</title>
−
    #footer {
+
    <style>
−
      background-color: black;
+
        #footer {
−
      width: 100%;
+
            display: flex;
−
      height: 80px;
+
            height: 35vh;
−
      color: white;
+
            width: 100%;
−
      font-family: Goudy Old Style Regular,sans-serif;
+
            background-color: rgba(89,87,87,0.54);
−
+
            color: white;
−
     
+
            text-align: justify;
−
    }
+
            padding: 0.5vw 0 0 5vw;
−
  </style>
+
            ;
−
</head>
+
        }
−
<body>
+
−
 
+
−
<div id="footer">ACKONWLEDGEMENTS</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
  
 +
        .footer-title {
 +
            font-weight: bold;
 +
            font-size: 1.5vw;
 +
            line-height: 2.5vw;
 +
            position: relative;
 +
            left: -10px;
 +
        }
  
 +
        .footer-col p {
 +
            font-size: 1.1vw !important;
 +
            line-height: 1.3em;
 +
        }
  
 +
        #footer img {
 +
            width: 30px;
 +
            height: 30px;
 +
            float: left;
 +
            align-items: center;
 +
            margin-right: 0.5vw;
 +
        }
  
 +
        #footer a {
 +
            color: white !important;
 +
        }
  
 +
        .footer-col {
 +
            width: 25vw;
 +
        }
  
 +
        .footer-row {
 +
            display: flex;
 +
            height: 6vh;
 +
            vertical-align: middle;
 +
            align-items: center;
 +
        }
 +
    </style>
 +
</head>
 +
<body>
 +
    <div id="footer">
 +
        <div class="footer-col" id="Acknowledgements">
 +
            <span class="footer-title">Acknowledgements</span>
 +
            <div class="footer-row">
 +
                <img src="https://static.igem.org/mediawiki/2018/a/a3/T--NAU-CHINA--NAU.png" />
 +
                <p>Nanjing Agricultural University</p>
 +
            </div>
 +
            <div class="footer-row">
 +
                <img src="https://static.igem.org/mediawiki/2018/7/7e/T--NAU-CHINA--College.png" />
 +
                <p>College of Life Sciences of <br />Nanjing Agricultural University</p>
 +
            </div>
 +
            <div class="footer-row">
 +
                <img src="https://static.igem.org/mediawiki/2018/1/13/T--NAU-CHINA--NJU.png" />
 +
                <p>Nanjing University</p>
 +
            </div>
 +
            <div class="footer-row">
 +
                <img src="https://static.igem.org/mediawiki/2018/d/d1/T--NAU-CHINA--CAS.png" />
 +
                <p>Chinese Academy of Sciences</p>
 +
            </div>
 +
        </div>
 +
        <div class="footer-col" id="Useful_Links">
 +
            <span class="footer-title">Useful Links</span>
 +
            <p><a href="https://2018.igem.org/">Main Page</a></p>
 +
            <p><a href="https://igem.org/Special:SpecialPages">Special Pages</a></p>
 +
        </div>
 +
        <div class="footer-col" id="ContactUs">
 +
            <span class="footer-title">Contact Us</span>
 +
            <div class="footer-row">
 +
                <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>
 +
            </div>
 +
            <div class="footer-row">
 +
                <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>
 +
            </div>
 +
        </div>
 +
        <div class="footer-col" id="About Us">
 +
            <span class="footer-title">About Us</span>
 +
            <p>
 +
                <span style="font-size:1.1vw">NAU-CHINA 2018</span> from <br />
 +
                Nanjing Agricultural University <br />
 +
                NO.1 Weigang, Xuanwu District<br />
 +
                Nanjing, CHINA<br />
 +
                210095
 +
            </p>
 +
        </div>
 +
    </div>
  
  

Latest revision as of 23:13, 13 November 2018

footer