Social icons

index.html

<ul class="social">
	<li><a href="#" class="fb">Facebook</a></li>
	<li><a href="#" class="tw">Twitter</a></li>
	<li><a href="#" class="google">Google+</a></li>
	<li><a href="#" class="insta">Instagram</a></li>
	<li><a href="#" class="skype">Skype</a></li>
	<li><a href="#" class="vimeo">Vimeo</a></li>
</ul>

social-styles.css

ul.social li a.fb{
background: url(img/social.png) right -30px no-repeat;
}

ul.social li a.tw{
background: url(img/social.png) right -90px no-repeat;
}

ul.social li a.google{
background: url(img/social.png) right -150px no-repeat;
}

ul.social li a.insta{
background: url(img/social.png) right -60px no-repeat;
}

ul.social li a.skype{
background: url(img/social.png) right -90px no-repeat;
}

ul.social li a.vimeo{
background: url(img/social.png) right -120px no-repeat;
}