Difference between revisions of "Template:XJTU-China/Footer"

(Created page with "<html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://fonts.css.network/css?fa...")
 
m
 
(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<head>
+
<style>
−
   <meta charset="utf-8" />
+
   footer {
−
   <meta name="viewport" content="width=device-width, initial-scale=1">
+
    position: relative;
−
  <link rel="stylesheet" href="https://fonts.css.network/css?family=Roboto+Mono" />
+
    height: 90px;
−
   <link rel="stylesheet" href="https://fonts.css.network/css?family=Lato" />
+
    background-color: #2f3640;
−
   <link rel="stylesheet" href="https://fonts.css.network/css?family=Ubuntu" />
+
    z-index: 2;
−
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
+
   }
−
   <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:XJTU-China/home.css&action=raw&ctype=text/css" />
+
  .footer-msg {
−
   <!-- link rel="stylesheet" type="text/css" href="xjtu-home-2.css" / -->
+
    margin: 0;
−
</head>
+
    color: white;
 +
    width: 100%;
 +
    line-height: 40px;
 +
    text-align: center;
 +
    font-size: 0.8em;
 +
    font-family: Ubuntu,"Helvetica Neue",Arial;
 +
   }
 +
  .contact-block {
 +
    text-align: center;
 +
    background-color: #2f3640;
 +
    height: 50px;
 +
    width: 100%;
 +
    margin: 0;
 +
  }
 +
  .contact-block > a {
 +
    text-decoration: none;
 +
  }
 +
   .contact-img {
 +
    display: inline-block;
 +
    height: 30px;
 +
    margin: 10px 0 0 0;
 +
    padding: 0 3.0rem 0 3.0rem;
 +
  }
 +
   .contact-img:hover {
 +
    opacity: 0.65;
 +
   }
 +
</style>
 
<body>
 
<body>
 
     <footer>
 
     <footer>
 +
      <div class="contact-block">
 +
        <a href="https://twitter.com/IgemXjtu">
 +
          <img src="https://static.igem.org/mediawiki/2018/4/47/T--XJTU-China--Contact-twitter.png" class="contact-img" />
 +
        </a>
 +
        <a href="mailto:xjtuigem@outlook.com">
 +
          <img src="https://static.igem.org/mediawiki/2018/8/82/T--XJTU-China--Contact-mail.png" class="contact-img" />
 +
        </a>
 +
        <a href="https://static.igem.org/mediawiki/2018/0/0f/T--XJTU-China--Contact-wechat-QR.png">
 +
          <img src="https://static.igem.org/mediawiki/2018/2/28/T--XJTU-China--Contact-wechat.png" class="contact-img" />
 +
        </a>
 +
      </div>
 
       <p class="footer-msg">
 
       <p class="footer-msg">
 
         Copyright © 2018 XJTU-China iGEM Team. All rights reserved.
 
         Copyright © 2018 XJTU-China iGEM Team. All rights reserved.

Latest revision as of 07:46, 17 October 2018

Copyright © 2018 XJTU-China iGEM Team. All rights reserved.