Twitter GF

Twitch GF

Discord GF

FURRY GAME NEWS

READ MORE

ACTIVE COMMUNITY

READ MORE

GAMING EVENTS

READ MORE

GF Home

Social Icons

Social Icons
 
Change Background View

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">&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/103291323205603379401/" 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 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="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" 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 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="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" 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 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="google"><a class="jf_tipsy_s" href="https://plus.google.com/103291323205603379401/" 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 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">&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/103291323205603379401/" 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 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">&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/103291323205603379401/" 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 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/103291323205603379401/" 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/103291323205603379401/" 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/103291323205603379401/" 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/103291323205603379401/" 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/103291323205603379401/" 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/103291323205603379401/" 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 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/103291323205603379401/" 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/103291323205603379401/" 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/103291323205603379401/" 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/103291323205603379401/" 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/103291323205603379401/" 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/103291323205603379401/" 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 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/103291323205603379401/" 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/103291323205603379401/" 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/103291323205603379401/" 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/103291323205603379401/" 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/103291323205603379401/" 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/103291323205603379401/" 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>
 
 
Add a comment

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>
 
 
Add a comment

Bootstrap - Carousel

BOOTSTRAP - CAROUSEL
 
 
GET CODE
 
 
Add a comment

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>
 
 
Add a comment