Varun Malhotra

General

by softvar

HTML

<img src="http://reasonsoflife.files.wordpress.com/2008/08/indian-flag-12.gif" width="50" height="50" alt="India"/>

<div class="heading">
    < embed-jsFiddle > 
</div>
<div class="sub-heading">
    Polymer is Awesome!!
</div>
<hr>
<div class="social-buttons">
    <a href="https://twitter.com/s0ftvar" class="twitter-follow-button" data-show-count="false">Follow @s0ftvar</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<iframe src="http://ghbtns.com/github-btn.html?user=softvar&type=follow&count=true"
  allowtransparency="true" frameborder="0" scrolling="0" width="165" height="20"></iframe>   
</div>    

    <footer>
        <a href="softvar.github.io">Varun Malhotra</a> (c) 2013
    </footer>

CSS

body {
    background: #FAFAFA;
}
img {
    position:absolute;
    margin-left: 85%;
}
.heading {
    color:#f7a451;
    font-size: 20px;
    font-weight:bold;
    text-align:center;
    padding: 10px;
}
.sub-heading {
    color: #56b788;
    font-size: 16px;
    text-align:center;
}
.social-buttons {
    text-align:center;
}
footer {
    padding-top: 20px;
    bottom: 0px;
    text-align:center;
}