Japhethkelly (Talk | contribs) (Created page with "<!DOCTYPE html> <!--[if IE 8]> <html class="ie ie8"> <![endif]--> <!--[if IE 9]> <html class="ie ie9"> <![endif]--> <!--[if gt IE 9]><!--> <html> <!--<![endif]--> <head>...") |
Japhethkelly (Talk | contribs) |
||
(19 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | < | + | <html> |
− | < | + | <style> |
− | + | .footer-distributed{ | |
− | + | background-color: #F7F5E6; | |
− | + | box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); | |
− | + | box-sizing: border-box; | |
− | + | width: 100%; | |
− | + | text-align: left; | |
− | + | padding: 45px 50px; | |
− | + | margin-top: 80px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .footer-distributed .footer-left p{ | |
− | + | color: #52658F; | |
− | + | font-size: 14px; | |
− | + | margin: 0; | |
+ | } | ||
+ | .footer-distributed .footer-right p{ | ||
+ | color: #52658F; | ||
+ | font-size: 14px; | ||
+ | margin: 0; | ||
+ | } | ||
− | + | /* Footer links */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .footer-distributed p.footer-links{ | |
− | + | font-size:18px; | |
− | + | font-weight: bold; | |
+ | color: #ffffff; | ||
+ | margin: 0 0 10px; | ||
+ | padding: 0; | ||
+ | } | ||
− | |||
− | |||
− | + | .footer-distributed p.footer-links a{ | |
− | + | display:inline-block; | |
− | + | line-height: 3.0; | |
− | + | text-decoration: none; | |
− | + | color: inherit; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | .footer-distributed .footer-right{ | |
− | + | float: right; | |
− | + | margin-top: 6px; | |
− | + | max-width: 400px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | .footer-distributed .footer-right a{ | |
− | + | display: inline-block; | |
− | + | width: 50px; | |
− | + | height: 35px; | |
− | + | background-color: #33383b; | |
− | + | border-radius: 2px; | |
− | + | ||
− | + | font-size: 20px; | |
− | + | color: #52658F; | |
− | + | text-align: center; | |
− | + | line-height: 35px; | |
− | + | ||
− | + | margin-left: 3px; | |
− | + | } | |
− | + | ||
− | + | .sponsors { | |
− | + | margin: 2.5px; | |
− | + | width: 125px; | |
− | + | } | |
− | + | ||
− | + | /* If you don't want the footer to be responsive, remove these media queries */ | |
− | + | ||
− | + | @media (max-width: 600px) { | |
− | + | ||
− | </ | + | .footer-distributed .footer-left, |
+ | .footer-distributed .footer-right{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .footer-distributed .footer-right{ | ||
+ | float: none; | ||
+ | margin: 0 auto 20px; | ||
+ | } | ||
+ | |||
+ | .footer-distributed .footer-left p.footer-links{ | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <footer class="footer-distributed"> | ||
+ | |||
+ | <div class="footer-right"> | ||
+ | <a target="_blank" href="mailto:david.sasu@ashesi.edu.gh"><i class="fa fa-envelope-o fa-2x"></i></a> | ||
+ | <a target="_blank" href="https://www.facebook.com/Team-Ashesi-IGEM-112693016025153/"><i class="fa fa-facebook fa-2x"></i></a> | ||
+ | <a target="_blank" href="https://twitter.com/ashesiigem"><i class="fa fa-twitter fa-2x"></i></a> | ||
+ | <!-- <a target="_blank" href="https://github.com/IC-iGEM-2016?tab=repositories"><i class="fa fa-github fa-2x fa-fw"></i></a> --> | ||
+ | <p> Email: igem@ashesi.edu.gh </p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="footer-left"> | ||
+ | |||
+ | <p class="footer-links"> | ||
+ | <a target="_blank" href="https://www.snapgene.com"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/f/f6/T--AshesiGhana--SnapGenelogo.png"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="http://www.idtdna.com/"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/6/63/T--WashU_StLouis--idtlogo.jpg"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="http://www.mathworks.com/"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/8/8d/T--AshesiGhana--mw1.png"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="https://http://goil.com.gh/"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/c/c5/T--AshesiGhana--goil1.png"> | ||
+ | </a> | ||
+ | <a target="_blank" href="http://www.persol.net/"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/8/80/T--AshesiGhana--perisol.png"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="http://www.noguchimedres.org/"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/8/89/T--AshesiGhana--noguchi.png"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="http://www.ashesi.edu.gh/"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/b/b3/Ashesi.png"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="https://twistbioscience.com/"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/c/c4/T--AshesiGhana--twistlab2.png"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="https://www.britishairways.com/travel/home/public/en_gh"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/d/da/T--AshesiGhana--bredcode.png"> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </p> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | </footer> | ||
+ | |||
+ | |||
</html> | </html> |
Latest revision as of 17:04, 7 October 2017