Wednesday, November 22, 2017

Articles

Social Icons

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>
 
 

Bootstrap - Buttons

BOOTSTRAP - BUTTONS
 
 
 
 
 
 
 
 
 
Link
 
GET CODE
<button class="jf_bs_btn" type="button">Simple</button>
<button class="jf_bs_btn btn-default" type="button">Default</button>
<button class="jf_bs_btn btn-primary" type="button">Primary</button>
<button class="jf_bs_btn btn-info" type="button">Info</button>
<button class="jf_bs_btn btn-success" type="button">Success</button>
<button class="jf_bs_btn btn-warning" type="button">Warning</button>
<button class="jf_bs_btn btn-danger" type="button">Danger</button>
<button class="jf_bs_btn btn-link" type="button">Link</button>

<a class="jf_bs_btn" href="#">Link</a>
<button class="jf_bs_btn" type="submit">Button</button>
<input class="jf_bs_btn" type="button" value="Input">
<input class="jf_bs_btn" type="submit" value="Submit">
 
 
 
 
 
Primary link Link
 
 
GET CODE
<button class="jf_bs_btn btn-lg btn-primary" type="button">Large button</button>
<button class="jf_bs_btn btn-lg btn-default" type="button">Large button</button>

<button class="jf_bs_btn btn-primary" type="button">Default button</button>
<button class="jf_bs_btn btn-default" type="button">Default button</button>

<button class="jf_bs_btn btn-sm btn-primary" type="button">Small button</button>
<button class="jf_bs_btn btn-sm btn-default" type="button">Small button</button>

<button class="jf_bs_btn btn-xs btn-primary" type="button">Mini button</button>
<button class="jf_bs_btn btn-xs btn-default" type="button">Mini button</button>

<button class="jf_bs_btn btn-lg btn-block btn-primary" type="button">Block level button</button>
<button class="jf_bs_btn btn-lg btn-block btn-default" type="button">Block level button</button>

<a href="#" class="jf_bs_btn btn-lg btn-primary disabled">Primary link</a>
<a href="#" class="jf_bs_btn btn-lg btn-default disabled">Link</a>

<button type="button" class="jf_bs_btn btn-lg btn-primary disabled" disabled="disabled">Primary button</button>
<button type="button" class="jf_bs_btn btn-lg btn-default disabled" disabled="disabled">Button</button>
 
 

Bootstrap - Popover

BOOTSTRAP - POPOVER
 
 
GET CODE
<a href="#" class="jf_typo_button white size3" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="Popover on top">Popover on top</a>
<a href="#" class="jf_typo_button white size3" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="Popover on right">Popover on right</a>
<a href="#" class="jf_typo_button white size3" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="Popover on bottom">Popover on bottom</a>
<a href="#" class="jf_typo_button white size3" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="Popover on left">Popover on left</a>
 
 

Bootstrap - Carousel

BOOTSTRAP - CAROUSEL
 
 
GET CODE
 
 

Bootstrap - Dropdown

BOOTSTRAP - DROPDOWN
 

Within a navbar

 

Within tabs

 
 
 

What's New!

The Theory of Celestial Infl…

  The Theory of Celestial Influence — Man, the Universe, and Cosmic Mystery by Rodney Collin   About Dedication Synopsis Author Gurdjieff International Review From Wikipedia The Theory of Celestial Influencewith the subtitle: Man, The Universe and Cosmic Mystery is an exploration of the universe and man’s place in it. Rodney Collin examines 20th-century scientific discoveries and traditional esoteric teachings and concludes that...

Read more

I Ching ♦ The Book of Change…

  I Ching (Book of Changes)   About Introduction by Richard Wilhelm I Ching from Wikipedia Richard Wilhelm Cary Baynes Disclaimer About the I Ching What Is the I Ching? What Is the I Ching? Word Cloud Old Friend About the I Ching The I Ching, also known as Book of Changes, is an ancient Chinese divination text and the oldest of the Chinese...

Read more

The Rape of the Mind: The Ps…

The Rape of the Mind This book attempts to depict the strange transformation of the free human mind into an automatically responding machine a transformation which can be bought about by some of the cultural undercurrents in our present day society as well as by deliberate experiments in the service of...

Read more

All Wars Are Bankers' Wars!

All Wars Are Bankers' Wars! Click to enlarge I know many people have a great deal of difficulty comprehending just how many wars are started for no other purpose than to force private central banks onto nations, so let me share a few examples, so that you understand why the US Government is mired...

Read more

Biological Cosmology and the…

Origins of Life Life in the Milky Way galaxy began between 13.6 billion to 10 billion years ago. All the constituent and necessary elements for creating life are produced during supernova, and are dispersed to nebular clouds which act as cradles of life. The molecules are incubated within nebular clouds, creating complex...

Read more

The Alien Observatory - …

Life Beyond Matter Astrophysicist Paul Davies at Arizona State University suggests that advanced technology might not even be made of matter. That it might have no fixed size or shape; have no well-defined boundaries. Is dynamical on all scales of space and time. Or, conversely, does not appear to do anything...

Read more

The 9/11 Airplane Video Comp…

9/11 Airplane Video Composites I bring 22 data sets to test two competing hypotheses: The real airplane hypothesis – A real Boeing 767 airplane flew into WTC2 on 9/11. The video composite hypothesis – The jet crash was faked by inserting airplane images into otherwise authentic video footage. Each data set is...

Read more

Biocentrism: How life create…

Biocentrism "Biocentrism," by Robert Lanza with Bob Berman, lays out the concept that life and consciousness make the cosmos what it is. The 21st century is predicted to be the Century of Biology, a shift from the previous century dominated by physics. It seems fitting, then, to begin the century by turning...

Read more

Beyond Capitalism

Beyond Capitalism Classified top secret report of the last Bilderberg meeting My dear contarians, my dear contrarians! This is a special edition, very special that I propose today. I would like you to understand the real ways of the world, the world in which we live but more likely for very long time. I reproduce in...

Read more

Gurdjieff on Immortality

Gurdjieff on Immortality At one of my meetings, someone asked about the possibility of reincarnation, and whether it was possible to believe in cases of communication with the dead. "Many things are possible,"  said G.  "But it is necessary to understand that Man's being, both in life and after death, if it does...

Read more

A Figure Who Drops Into Hist…

A Figure Who Drops Into History Over the course of the many years that we have studied ‘the fourth way,’ Chris and I have had ample reason and opportunity to ponder why Gurdjieff’s thought has had such an insignificant impact on Western academic psychology. Stated most simply, the answer is that...

Read more

The People of the Secret

  The People of the Secret   About Contents | Word Cloud Author Review Details About this Book    Are biological evolution and human history directed by a hierarchy of Intelligences, the lowest level of which makes physical contact with mankind? Do invisible guardians of this planet "seed" ideas into the earth's culture to prepare human beings for huge steps in their development? The author suggests not only...

Read more