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

m
m
 
(6 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
   footer {
 
   footer {
 
     position: relative;
 
     position: relative;
−
     height: 40px;
+
     height: 90px;
−
     background-color: black;
+
     background-color: #2f3640;
 
     z-index: 2;
 
     z-index: 2;
 
   }
 
   }
Line 15: Line 15:
 
     font-size: 0.8em;
 
     font-size: 0.8em;
 
     font-family: Ubuntu,"Helvetica Neue",Arial;
 
     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>
 
</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.