Footer code

Footer code

Footer code

<!--
Tis is for footer
footer is below
-->

<footer>
<div class="divider"></div>
<div class="container">



<a href="https://www.facebook.com/pages/Aavik-Kumar-The-New-Creator-Love/638055522922802?ref=stream&hc_location=stream"><img src="images\facebook-icon.png" alt="facebook-icon"></a>
<a href="#"><img src="images\twitter-button-blue-icon.png" alt="twitter-button"></a>
<a href="#"><img src="images\google-plus-icon.png" alt="google-plus-icon"></a>
<a href="#"><img src="images\linkedin-icon.png" alt="linkedin-icon"></a>
<a href="#"><img src="images\path-icon.png" alt="pinster"></a>
<a href="#"><img src="images\Youtube-icon.png" alt="Youtube-icon"></a>

</div>
</footer>

</body>
</html>


for style

css

footer {

    background: none repeat scroll 0% 0% #DFDFDE;
    padding: 120px 0px;
    text-align: center;
    position: relative;
    bottom:0;
 
}

.divider {
    background: url('http://evablackdesign.com/wp-content/themes/ebd/images/footer-border.png') repeat-x scroll center center transparent;
    height: 7px;
    width: 100%;
    position: absolute;
    top: -6px;
}

.container {
    width: 930px;
    margin: 0px auto;
}