Social Icons
 
 
GET CODE
<ul class="jf_social_icons">
	<li class="facebook"><a href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a href="https://plus.google.com/+JoomForest/" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a href="#" title="soundcloud">&nbsp;</a></li>
	<li class="yahoo"><a href="#" title="yahoo">&nbsp;</a></li>
	<li class="ebay"><a href="#" title="ebay">&nbsp;</a></li>
	<li class="linkedin"><a href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a href="#" title="tumblr">&nbsp;</a></li>
	<li class="skype"><a href="#" title="skype">&nbsp;</a></li>
	<li class="pinterest"><a href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons rotate">
	<li class="facebook"><a href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a href="https://plus.google.com/+JoomForest/" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a href="#" title="soundcloud">&nbsp;</a></li>
	<li class="yahoo"><a href="#" title="yahoo">&nbsp;</a></li>
	<li class="ebay"><a href="#" title="ebay">&nbsp;</a></li>
	<li class="linkedin"><a href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a href="#" title="tumblr">&nbsp;</a></li>
	<li class="skype"><a href="#" title="skype">&nbsp;</a></li>
	<li class="pinterest"><a href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons transparent">
	<li class="facebook"><a href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a href="https://plus.google.com/+JoomForest/" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a href="#" title="soundcloud">&nbsp;</a></li>
	<li class="yahoo"><a href="#" title="yahoo">&nbsp;</a></li>
	<li class="ebay"><a href="#" title="ebay">&nbsp;</a></li>
	<li class="linkedin"><a href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a href="#" title="tumblr">&nbsp;</a></li>
	<li class="skype"><a href="#" title="skype">&nbsp;</a></li>
	<li class="pinterest"><a href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons transparent rotate">
	<li class="facebook"><a href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a href="https://plus.google.com/+JoomForest/" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a href="#" title="soundcloud">&nbsp;</a></li>
	<li class="yahoo"><a href="#" title="yahoo">&nbsp;</a></li>
	<li class="ebay"><a href="#" title="ebay">&nbsp;</a></li>
	<li class="linkedin"><a href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a href="#" title="tumblr">&nbsp;</a></li>
	<li class="skype"><a href="#" title="skype">&nbsp;</a></li>
	<li class="pinterest"><a href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
 
Colors