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>&copy; 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