Friday, September 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!

Early years images

Early years images Following my mother's death in 2010, my brother went through all her photos, and forwarded those of me to the Philippines. Below is are (3) image galleries of photos from those "early years".

Read more

Cub Reporter

Cub Reporter I do not remember how I got started, but while I lived on King Street, I published a one page neighborhood newsletter. Not much to it, I'd go around and talk to people and ask them what's new, or if they had plans for some event or whatever. …

Read more

Homemade Go Cart

Homemade Go Cart When I was nine years old, and soon after moving from East North Street in Owosso, to the house on King Street, my father brought home a go cart one day. If I remember correctly, he picked it up at a boat show, and was probably some kind...

Read more

Where I've Lived

Where I've Lived When I was young my family moved many times.  I was always "the new kid." Then in the '70s, I found myself in many different settings, also. 1980 was the beginning date for a 27-year span of living in the same local!(that would be Ketchum, Idaho – my last...

Read more

Needles & the house on M…

Needles & the house on Maple St My earliest memories are of Manistee, Michigan and the house on Maple Street, where we lived from 1954 to 1955. It was a large, two-story house with a basement and a huge, multi-story (3) garage. A doctor owned the house, and my parents only rented...

Read more

Born in Akron, Ohio

Born in Akron, Ohio I was born in Akron General Hospital on August 15, 1950. My birth certificate says it was at 11:53 pm. At that time, I had two older brothers, Rick who was 3-1/2 and Bob who was 9. My father's name was Robert Reese Lutz, and my mother's maiden...

Read more