Friday, September 22, 2017

Social Icons
 
Change Background View

Yoo Icons

 
GET CODE
<ul class="jf_social_icons style1 jf_tipsy_e" title="style 1">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="yahoo"><a class="jf_tipsy_s" href="#" title="yahoo">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="#" title="google+">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="myspace"><a class="jf_tipsy_s" href="#" title="myspace">&nbsp;</a></li>
	<li class="rss"><a class="jf_tipsy_s" href="#" title="rss">&nbsp;</a></li>
	<li class="skype"><a class="jf_tipsy_s" href="#" title="skype">&nbsp;</a></li>
	<li class="delicious"><a class="jf_tipsy_s" href="#" title="delicious">&nbsp;</a></li>
	<li class="buzz"><a class="jf_tipsy_s" href="#" title="buzz">&nbsp;</a></li>
	<li class="reddit"><a class="jf_tipsy_s" href="#" title="reddit">&nbsp;</a></li>
	<li class="stumbleupon"><a class="jf_tipsy_s" href="#" title="stumbleupon">&nbsp;</a></li>
	<li class="technorati"><a class="jf_tipsy_s" href="#" title="technorati">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style1 rotate jf_tipsy_w" title="style 1 (Rotate)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="yahoo"><a class="jf_tipsy_s" href="#" title="yahoo">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="#" title="google+">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="myspace"><a class="jf_tipsy_s" href="#" title="myspace">&nbsp;</a></li>
	<li class="rss"><a class="jf_tipsy_s" href="#" title="rss">&nbsp;</a></li>
	<li class="skype"><a class="jf_tipsy_s" href="#" title="skype">&nbsp;</a></li>
	<li class="delicious"><a class="jf_tipsy_s" href="#" title="delicious">&nbsp;</a></li>
	<li class="buzz"><a class="jf_tipsy_s" href="#" title="buzz">&nbsp;</a></li>
	<li class="reddit"><a class="jf_tipsy_s" href="#" title="reddit">&nbsp;</a></li>
	<li class="stumbleupon"><a class="jf_tipsy_s" href="#" title="stumbleupon">&nbsp;</a></li>
	<li class="technorati"><a class="jf_tipsy_s" href="#" title="technorati">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style1 transparent jf_tipsy_e" title="style 1 (Transparent)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="yahoo"><a class="jf_tipsy_s" href="#" title="yahoo">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="#" title="google+">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="myspace"><a class="jf_tipsy_s" href="#" title="myspace">&nbsp;</a></li>
	<li class="rss"><a class="jf_tipsy_s" href="#" title="rss">&nbsp;</a></li>
	<li class="skype"><a class="jf_tipsy_s" href="#" title="skype">&nbsp;</a></li>
	<li class="delicious"><a class="jf_tipsy_s" href="#" title="delicious">&nbsp;</a></li>
	<li class="buzz"><a class="jf_tipsy_s" href="#" title="buzz">&nbsp;</a></li>
	<li class="reddit"><a class="jf_tipsy_s" href="#" title="reddit">&nbsp;</a></li>
	<li class="stumbleupon"><a class="jf_tipsy_s" href="#" title="stumbleupon">&nbsp;</a></li>
	<li class="technorati"><a class="jf_tipsy_s" href="#" title="technorati">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style1 transparent rotate jf_tipsy_w" title="style 1 (Transparent + Rotate)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="yahoo"><a class="jf_tipsy_s" href="#" title="yahoo">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="#" title="google+">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="myspace"><a class="jf_tipsy_s" href="#" title="myspace">&nbsp;</a></li>
	<li class="rss"><a class="jf_tipsy_s" href="#" title="rss">&nbsp;</a></li>
	<li class="skype"><a class="jf_tipsy_s" href="#" title="skype">&nbsp;</a></li>
	<li class="delicious"><a class="jf_tipsy_s" href="#" title="delicious">&nbsp;</a></li>
	<li class="buzz"><a class="jf_tipsy_s" href="#" title="buzz">&nbsp;</a></li>
	<li class="reddit"><a class="jf_tipsy_s" href="#" title="reddit">&nbsp;</a></li>
	<li class="stumbleupon"><a class="jf_tipsy_s" href="#" title="stumbleupon">&nbsp;</a></li>
	<li class="technorati"><a class="jf_tipsy_s" href="#" title="technorati">&nbsp;</a></li>
	<div class="clear"></div>
</ul>

Circle: Flat Style

 
GET CODE
<ul class="jf_social_icons style2 jf_tipsy_e" title="style 2">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style2 rotate jf_tipsy_w" title="style 2 (Rotate)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style2 transparent jf_tipsy_e" title="style 2 (Transparent)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style2 transparent rotate jf_tipsy_w" title="style 2 (Transparent + Rotate)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style2 grey jf_tipsy_e" title="style 2 (Grey)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style2 light jf_tipsy_w" title="style 2 (Light)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>

Circle: Glass Style

 
GET CODE
<ul class="jf_social_icons style3 jf_tipsy_e" title="style 3">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style3 rotate jf_tipsy_w" title="style 3 (Rotate)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style3 transparent jf_tipsy_e" title="style 3 (Transparent)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style3 transparent rotate jf_tipsy_w" title="style 3 (Transparent + Rotate)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style3 grey jf_tipsy_e" title="style 3 (Grey)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style3 light jf_tipsy_w" title="style 3 (Light)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>

Square: Flat Style

 
GET CODE
<ul class="jf_social_icons style4 jf_tipsy_e" title="style 4">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style4 rotate jf_tipsy_w" title="style 4 (Rotate)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style4 transparent jf_tipsy_e" title="style 4 (Transparent)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style4 transparent rotate jf_tipsy_w" title="style 4 (Transparent + Rotate)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style4 grey jf_tipsy_e" title="style 4 (Grey)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style4 light jf_tipsy_w" title="style 4 (Light)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>

Square: Glass Style

 
GET CODE
<ul class="jf_social_icons style5 jf_tipsy_e" title="style 5">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style5 rotate jf_tipsy_w" title="style 5 (Rotate)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style5 transparent jf_tipsy_e" title="style 5 (Transparent)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style5 transparent rotate jf_tipsy_w" title="style 5 (Transparent + Rotate)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style5 grey jf_tipsy_e" title="style 5 (Grey)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>
 
GET CODE
<ul class="jf_social_icons style5 light jf_tipsy_w" title="style 5 (Light)">
	<li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook">&nbsp;</a></li>
	<li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter">&nbsp;</a></li>
	<li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/+JoomForest" target="_blank" title="google+">&nbsp;</a></li>
	<li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube">&nbsp;</a></li>
	<li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud">&nbsp;</a></li>
	<li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr">&nbsp;</a></li>
	<li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst">&nbsp;</a></li>
	<li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin">&nbsp;</a></li>
	<li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo">&nbsp;</a></li>
	<li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram">&nbsp;</a></li>
	<li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr">&nbsp;</a></li>
	<li class="digg"><a class="jf_tipsy_s" href="#" title="digg">&nbsp;</a></li>
	<li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest">&nbsp;</a></li>
	<li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger">&nbsp;</a></li>
	<li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble">&nbsp;</a></li>
	<div class="clear"></div>
</ul>