Difference between revisions of "Template:BABS UNSW Australia Footer"
(Replaced content with "<html> </html>") |
|||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <style> | ||
+ | /* Footer */ | ||
+ | #footer { | ||
+ | background: #f0f0f0; | ||
+ | padding: 4em 0 6em 0; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #footer .icons a { | ||
+ | -moz-transition: opacity 0.2s ease-in-out; | ||
+ | -webkit-transition: opacity 0.2s ease-in-out; | ||
+ | -ms-transition: opacity 0.2s ease-in-out; | ||
+ | transition: opacity 0.2s ease-in-out; | ||
+ | opacity: 0.35; | ||
+ | } | ||
+ | |||
+ | #footer .icons a:hover { | ||
+ | opacity: 0.75; | ||
+ | } | ||
+ | |||
+ | #footer .copyright { | ||
+ | color: #999; | ||
+ | font-size: 0.9em; | ||
+ | line-height: 1em; | ||
+ | margin: 2em 0 0 0; | ||
+ | padding: 0; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #footer .copyright a { | ||
+ | color: inherit; | ||
+ | } | ||
+ | |||
+ | #footer .copyright li { | ||
+ | border-left: solid 1px #dddddd; | ||
+ | display: inline-block; | ||
+ | list-style: none; | ||
+ | margin-left: 1em; | ||
+ | padding-left: 1em; | ||
+ | } | ||
+ | |||
+ | #footer .copyright li:first-child { | ||
+ | border-left: 0; | ||
+ | margin-left: 0; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | </style> | ||
+ | <footer id="footer"> | ||
+ | <ul class="icons"> | ||
+ | <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li> | ||
+ | <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li> | ||
+ | <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li> | ||
+ | <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li> | ||
+ | <li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li> | ||
+ | <li><a href="#" class="icon fa-google-plus"><span class="label">Google+</span></a></li> | ||
+ | </ul> | ||
+ | <ul class="copyright"> | ||
+ | <li>© Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li> | ||
+ | </ul> | ||
+ | </footer> | ||
</html> | </html> |
Revision as of 02:19, 15 July 2015