<div class="social clearfix">
<ul>
<li class="facebookli">
<div class="facebook"><a href="#"><span>FB</span></a></div>
<div class="socialtip">Facebook</div>
</li>
<li class="twitterli">
<div class="twitter"><a href="#"><span>TW</span></a></div>
<div class="socialtip">Twitter</div>
</li>
<li class="googleli">
<div class="google"><a href="#"><span>G+</span></a></div>
<div class="socialtip">Google +</div>
</li>
<li class="rssfeedli">
<div class="rssfeed"><a href="#"><span>RS</span></a></div>
<div class="socialtip">RSS Feeds</div>
</li>
<li class="vimeoli">
<div class="vimeo"><a href="#"><span>VM</span></a></div>
<div class="socialtip">Vimeo</div>
</li>
<li class="skypeli">
<div class="skype"><a href="#"><span>SK</span></a></div>
<div class="socialtip">Skype</div>
</li>
<li class="linkedinli">
<div class="linkedin"><a href="#"><span>IN</span></a></div>
<div class="socialtip">Linkedin</div>
</li>
<li class="youtubeli">
<div class="youtube"><a href="#"><span>YT</span></a></div>
<div class="socialtip">Youtube</div>
</li>
<li class="pinterestli">
<div class="pinterest"><a href="#"><span>PT</span></a></div>
<div class="socialtip">Pinterest</div>
</li>
</ul>
</div>