Social Media

Social Buttons

Easy to display your social media with buttons. Use .btn-socialwith .btn-*social name class.

FacebookTwitterGoogle PlusYoutubeLinkedinSkypevkTwitchSteamDribbbleVimeoPinterestInstagramSoundcloudSpotifyTumblrRedditPaypalFeedWordpressDrupalJoomlaGithubSlackWindowsLinux
Button Icons

It is also possible to display social name with icons just use .btn-icon-alignmentclass.

FacebookTwitterGoogle PlusYoutubeLinkedinSkypevkTwitchSteamDribbbleVimeoPinterestInstagramSoundcloudSpotifyTumblrRedditPaypalFeedWordpressDrupalJoomlaGithubSlackWindowsLinux
Social Icons

If you would like to display only the icon then use .btn-iconclass without social name.

Social Effects

Use .btn-defaultclass to display it with dark background by default and use .btn-effectto add effect but don't forget to duplicate the icon.

Rounded Icons

Add the .btn-icon-circleclass to display your icon in a circle.

Link Icons

Sometimes just need to display the icon as default link then add .btn-linkclass to your element.

Social Sizes

Add .btn-lg, .btn-smor .btn-xsto display your button with different sizes.

Social Share

Count your likes and display it as a share button in .social-sharediv.

Social Blocks

Use .btn-blockto set your button icon to full width. It can be useful at login or register page.