Social Icons
Circle: Flat Style
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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </a></li> <div class="clear"></div> </ul>
GET CODE
<ul class="jf_social_icons style1 grey jf_tipsy_e" title="Style 1 (Grey)"> <li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </a></li> <div class="clear"></div> </ul>
GET CODE
<ul class="jf_social_icons style1 light jf_tipsy_w" title="Style 1 (Light)"> <li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </a></li> <div class="clear"></div> </ul>
Circle: Glass 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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </a></li> <div class="clear"></div> </ul>
Square: Flat 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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </a></li> <div class="clear"></div> </ul>
Square: Glass 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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </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"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li class="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" target="_blank" title="google+"> </a></li> <li class="youtube"><a class="jf_tipsy_s" href="#" title="youtube"> </a></li> <li class="soundcloud"><a class="jf_tipsy_s" href="#" title="soundcloud"> </a></li> <li class="flickr"><a class="jf_tipsy_s" href="#" title="flickr"> </a></li> <li class="forrst"><a class="jf_tipsy_s" href="#" title="forrst"> </a></li> <li class="linkedin"><a class="jf_tipsy_s" href="#" title="linkedin"> </a></li> <li class="vimeo"><a class="jf_tipsy_s" href="#" title="vimeo"> </a></li> <li class="instagram"><a class="jf_tipsy_s" href="#" title="instagram"> </a></li> <li class="tumblr"><a class="jf_tipsy_s" href="#" title="tumblr"> </a></li> <li class="digg"><a class="jf_tipsy_s" href="#" title="digg"> </a></li> <li class="pinterest"><a class="jf_tipsy_s" href="#" title="pinterest"> </a></li> <li class="blogger"><a class="jf_tipsy_s" href="#" title="blogger"> </a></li> <li class="dribbble"><a class="jf_tipsy_s" href="#" title="dribbble"> </a></li> <div class="clear"></div> </ul>