Difference between revisions of "Template:Hamilton McMaster Footer"

 
(22 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
<style type="text/css">
 
body {
 
margin:0;
 
padding:0;
 
height:100%;
 
}
 
#wrapper {
 
min-height:100%;
 
position:relative;
 
}
 
#header {
 
background:#ededed;
 
padding:10px;
 
}
 
#content {
 
padding-bottom:100px; /* Height of the footer element */
 
}
 
#footer {
 
background:#ffab62;
 
width:100%;
 
height:100px;
 
position:absolute;
 
bottom:0;
 
left:0;
 
}
 
</style>
 
<body>
 
  
<div id="wrapper">
+
<div class = "band"; style = "background-color:#AEA8A9">
 +
<nav id="menu" align="center">
 +
<h4>Follow Us</h4>
 +
<ul>
 +
<li>
 +
<a title="Check us out on Facebook" href="https://facebook.com/igemmcmaster" class="menu-item" style="text-decoration:none;">
 +
    <img src="https://static.igem.org/mediawiki/2015/9/92/Fb1.png"/>
 +
</a>
 +
</li>
 +
<li>
 +
<a title="Follow uson Twitter" href="https://twitter.com/iGEM_McMaster" class="menu-item" style="text-decoration:none;">
 +
    <img src="https://static.igem.org/mediawiki/2015/6/6f/Twit1.png"/>
 +
</a>
 +
</li>
 +
<li>
 +
<a title="See us on Instagram" href="https://www.instagram.com/igemmcmaster" class="menu-item" style="text-decoration:none;">
 +
    <img src="https://static.igem.org/mediawiki/2015/9/97/Insta1.png"/>
 +
</a>
 +
</li>
 +
<li>
 +
 +
<a title="Check out our website" href="http://mcmastergem.com" class="menu-item" style="text-decoration:none;">
 +
    <img src="https://static.igem.org/mediawiki/2015/e/e7/Mgem1.png"/>
 +
</a>
 +
</li>
 +
</ul>
 +
 
 +
<h5>&copy; 2015 mGEM - Designed by <a href="http://kushalpanchal.me" alt="Kushal Panchal">Kushal Panchal</a></h5>
 +
</nav>
 
 
<div id="header">
+
</div>
</div><!-- #header -->
+
+
<div id="content">
+
</div><!-- #content -->
+
+
<div id="footer">
+
</div><!-- #footer -->
+
+
</div><!-- #wrapper -->
+
+
</body>
+
 
+
 
</html>
 
</html>

Latest revision as of 05:46, 18 September 2015