Social Buttons Size
Huge box of buttons of any size, any animation and any color- Home
- UI
- Social Buttons
- Size
Tiny
<div class="social-icons social-tiny">
<a href="#" class="btn btn-social-icon btn-adn">
<i class="fa fa-adn"></i>
</a>
<a href="#" class="btn btn-social-icon btn-bitbucket">
<i class="fa fa-bitbucket"></i>
</a>
<a href="#" class="btn btn-social-icon btn-dropbox">
<i class="fa fa-dropbox"></i>
</a>
<a href="#" class="btn btn-social-icon btn-facebook">
<i class="fa fa-facebook"></i>
</a>
<a href="#" class="btn btn-social-icon btn-flickr">
<i class="fa fa-flickr"></i>
</a>
<a href="#" class="btn btn-social-icon btn-foursquare">
<i class="fa fa-foursquare"></i>
</a>
<a href="#" class="btn btn-social-icon btn-github">
<i class="fa fa-github"></i>
</a>
<a href="#" class="btn btn-social-icon btn-google">
<i class="fa fa-google"></i>
</a>
<a href="#" class="btn btn-social-icon btn-instagram">
<i class="fa fa-instagram"></i>
</a>
<a href="#" class="btn btn-social-icon btn-linkedin">
<i class="fa fa-linkedin"></i>
</a>
<a href="#" class="btn btn-social-icon btn-microsoft">
<i class="fa fa-windows"></i>
</a>
<a href="#" class="btn btn-social-icon btn-openid">
<i class="fa fa-openid"></i>
</a>
<a href="#" class="btn btn-social-icon btn-pinterest">
<i class="fa fa-pinterest"></i>
</a>
<a href="#" class="btn btn-social-icon btn-reddit">
<i class="fa fa-reddit"></i>
</a>
<a href="#" class="btn btn-social-icon btn-soundcloud">
<i class="fa fa-soundcloud"></i>
</a>
<a href="#" class="btn btn-social-icon btn-tumblr">
<i class="fa fa-tumblr"></i>
</a>
<a href="#" class="btn btn-social-icon btn-twitter">
<i class="fa fa-twitter"></i>
</a>
<a href="#" class="btn btn-social-icon btn-vimeo">
<i class="fa fa-vimeo"></i>
</a>
<a href="#" class="btn btn-social-icon btn-vk">
<i class="fa fa-vk"></i>
</a>
<a href="#" class="btn btn-social-icon btn-yahoo">
<i class="fa fa-yahoo"></i>
</a>
</div>Small
<div class="social-icons social-small">
<a href="#" class="btn btn-social-icon btn-adn">
<i class="fa fa-adn"></i>
</a>
<a href="#" class="btn btn-social-icon btn-bitbucket">
<i class="fa fa-bitbucket"></i>
</a>
<a href="#" class="btn btn-social-icon btn-dropbox">
<i class="fa fa-dropbox"></i>
</a>
<a href="#" class="btn btn-social-icon btn-facebook">
<i class="fa fa-facebook"></i>
</a>
<a href="#" class="btn btn-social-icon btn-flickr">
<i class="fa fa-flickr"></i>
</a>
<a href="#" class="btn btn-social-icon btn-foursquare">
<i class="fa fa-foursquare"></i>
</a>
<a href="#" class="btn btn-social-icon btn-github">
<i class="fa fa-github"></i>
</a>
<a href="#" class="btn btn-social-icon btn-google">
<i class="fa fa-google"></i>
</a>
<a href="#" class="btn btn-social-icon btn-instagram">
<i class="fa fa-instagram"></i>
</a>
<a href="#" class="btn btn-social-icon btn-linkedin">
<i class="fa fa-linkedin"></i>
</a>
<a href="#" class="btn btn-social-icon btn-microsoft">
<i class="fa fa-windows"></i>
</a>
<a href="#" class="btn btn-social-icon btn-openid">
<i class="fa fa-openid"></i>
</a>
<a href="#" class="btn btn-social-icon btn-pinterest">
<i class="fa fa-pinterest"></i>
</a>
<a href="#" class="btn btn-social-icon btn-reddit">
<i class="fa fa-reddit"></i>
</a>
<a href="#" class="btn btn-social-icon btn-soundcloud">
<i class="fa fa-soundcloud"></i>
</a>
<a href="#" class="btn btn-social-icon btn-tumblr">
<i class="fa fa-tumblr"></i>
</a>
<a href="#" class="btn btn-social-icon btn-twitter">
<i class="fa fa-twitter"></i>
</a>
<a href="#" class="btn btn-social-icon btn-vimeo">
<i class="fa fa-vimeo"></i>
</a>
<a href="#" class="btn btn-social-icon btn-vk">
<i class="fa fa-vk"></i>
</a>
<a href="#" class="btn btn-social-icon btn-yahoo">
<i class="fa fa-yahoo"></i>
</a>
</div>Small-Medium
<div class="social-icons social-smedium">
<a href="#" class="btn btn-social-icon btn-adn">
<i class="fa fa-adn"></i>
</a>
<a href="#" class="btn btn-social-icon btn-bitbucket">
<i class="fa fa-bitbucket"></i>
</a>
<a href="#" class="btn btn-social-icon btn-dropbox">
<i class="fa fa-dropbox"></i>
</a>
<a href="#" class="btn btn-social-icon btn-facebook">
<i class="fa fa-facebook"></i>
</a>
<a href="#" class="btn btn-social-icon btn-flickr">
<i class="fa fa-flickr"></i>
</a>
<a href="#" class="btn btn-social-icon btn-foursquare">
<i class="fa fa-foursquare"></i>
</a>
<a href="#" class="btn btn-social-icon btn-github">
<i class="fa fa-github"></i>
</a>
<a href="#" class="btn btn-social-icon btn-google">
<i class="fa fa-google"></i>
</a>
<a href="#" class="btn btn-social-icon btn-instagram">
<i class="fa fa-instagram"></i>
</a>
<a href="#" class="btn btn-social-icon btn-linkedin">
<i class="fa fa-linkedin"></i>
</a>
<a href="#" class="btn btn-social-icon btn-microsoft">
<i class="fa fa-windows"></i>
</a>
<a href="#" class="btn btn-social-icon btn-openid">
<i class="fa fa-openid"></i>
</a>
<a href="#" class="btn btn-social-icon btn-pinterest">
<i class="fa fa-pinterest"></i>
</a>
<a href="#" class="btn btn-social-icon btn-reddit">
<i class="fa fa-reddit"></i>
</a>
<a href="#" class="btn btn-social-icon btn-soundcloud">
<i class="fa fa-soundcloud"></i>
</a>
<a href="#" class="btn btn-social-icon btn-tumblr">
<i class="fa fa-tumblr"></i>
</a>
<a href="#" class="btn btn-social-icon btn-twitter">
<i class="fa fa-twitter"></i>
</a>
<a href="#" class="btn btn-social-icon btn-vimeo">
<i class="fa fa-vimeo"></i>
</a>
<a href="#" class="btn btn-social-icon btn-vk">
<i class="fa fa-vk"></i>
</a>
<a href="#" class="btn btn-social-icon btn-yahoo">
<i class="fa fa-yahoo"></i>
</a>
</div>Medium
<div class="social-icons">
<a href="#" class="btn btn-social-icon btn-adn">
<i class="fa fa-adn"></i>
</a>
<a href="#" class="btn btn-social-icon btn-bitbucket">
<i class="fa fa-bitbucket"></i>
</a>
<a href="#" class="btn btn-social-icon btn-dropbox">
<i class="fa fa-dropbox"></i>
</a>
<a href="#" class="btn btn-social-icon btn-facebook">
<i class="fa fa-facebook"></i>
</a>
<a href="#" class="btn btn-social-icon btn-flickr">
<i class="fa fa-flickr"></i>
</a>
<a href="#" class="btn btn-social-icon btn-foursquare">
<i class="fa fa-foursquare"></i>
</a>
<a href="#" class="btn btn-social-icon btn-github">
<i class="fa fa-github"></i>
</a>
<a href="#" class="btn btn-social-icon btn-google">
<i class="fa fa-google"></i>
</a>
<a href="#" class="btn btn-social-icon btn-instagram">
<i class="fa fa-instagram"></i>
</a>
<a href="#" class="btn btn-social-icon btn-linkedin">
<i class="fa fa-linkedin"></i>
</a>
<a href="#" class="btn btn-social-icon btn-microsoft">
<i class="fa fa-windows"></i>
</a>
<a href="#" class="btn btn-social-icon btn-openid">
<i class="fa fa-openid"></i>
</a>
<a href="#" class="btn btn-social-icon btn-pinterest">
<i class="fa fa-pinterest"></i>
</a>
<a href="#" class="btn btn-social-icon btn-reddit">
<i class="fa fa-reddit"></i>
</a>
<a href="#" class="btn btn-social-icon btn-soundcloud">
<i class="fa fa-soundcloud"></i>
</a>
<a href="#" class="btn btn-social-icon btn-tumblr">
<i class="fa fa-tumblr"></i>
</a>
<a href="#" class="btn btn-social-icon btn-twitter">
<i class="fa fa-twitter"></i>
</a>
<a href="#" class="btn btn-social-icon btn-vimeo">
<i class="fa fa-vimeo"></i>
</a>
<a href="#" class="btn btn-social-icon btn-vk">
<i class="fa fa-vk"></i>
</a>
<a href="#" class="btn btn-social-icon btn-yahoo">
<i class="fa fa-yahoo"></i>
</a>
</div>Large-Medium
<div class="social-icons social-lmedium">
<a href="#" class="btn btn-social-icon btn-adn">
<i class="fa fa-adn"></i>
</a>
<a href="#" class="btn btn-social-icon btn-bitbucket">
<i class="fa fa-bitbucket"></i>
</a>
<a href="#" class="btn btn-social-icon btn-dropbox">
<i class="fa fa-dropbox"></i>
</a>
<a href="#" class="btn btn-social-icon btn-facebook">
<i class="fa fa-facebook"></i>
</a>
<a href="#" class="btn btn-social-icon btn-flickr">
<i class="fa fa-flickr"></i>
</a>
<a href="#" class="btn btn-social-icon btn-foursquare">
<i class="fa fa-foursquare"></i>
</a>
<a href="#" class="btn btn-social-icon btn-github">
<i class="fa fa-github"></i>
</a>
<a href="#" class="btn btn-social-icon btn-google">
<i class="fa fa-google"></i>
</a>
<a href="#" class="btn btn-social-icon btn-instagram">
<i class="fa fa-instagram"></i>
</a>
<a href="#" class="btn btn-social-icon btn-linkedin">
<i class="fa fa-linkedin"></i>
</a>
<a href="#" class="btn btn-social-icon btn-microsoft">
<i class="fa fa-windows"></i>
</a>
<a href="#" class="btn btn-social-icon btn-openid">
<i class="fa fa-openid"></i>
</a>
<a href="#" class="btn btn-social-icon btn-pinterest">
<i class="fa fa-pinterest"></i>
</a>
<a href="#" class="btn btn-social-icon btn-reddit">
<i class="fa fa-reddit"></i>
</a>
<a href="#" class="btn btn-social-icon btn-soundcloud">
<i class="fa fa-soundcloud"></i>
</a>
<a href="#" class="btn btn-social-icon btn-tumblr">
<i class="fa fa-tumblr"></i>
</a>
<a href="#" class="btn btn-social-icon btn-twitter">
<i class="fa fa-twitter"></i>
</a>
<a href="#" class="btn btn-social-icon btn-vimeo">
<i class="fa fa-vimeo"></i>
</a>
<a href="#" class="btn btn-social-icon btn-vk">
<i class="fa fa-vk"></i>
</a>
<a href="#" class="btn btn-social-icon btn-yahoo">
<i class="fa fa-yahoo"></i>
</a>
</div>Large
<div class="social-icons social-large">
<a href="#" class="btn btn-social-icon btn-adn">
<i class="fa fa-adn"></i>
</a>
<a href="#" class="btn btn-social-icon btn-bitbucket">
<i class="fa fa-bitbucket"></i>
</a>
<a href="#" class="btn btn-social-icon btn-dropbox">
<i class="fa fa-dropbox"></i>
</a>
<a href="#" class="btn btn-social-icon btn-facebook">
<i class="fa fa-facebook"></i>
</a>
<a href="#" class="btn btn-social-icon btn-flickr">
<i class="fa fa-flickr"></i>
</a>
<a href="#" class="btn btn-social-icon btn-foursquare">
<i class="fa fa-foursquare"></i>
</a>
<a href="#" class="btn btn-social-icon btn-github">
<i class="fa fa-github"></i>
</a>
<a href="#" class="btn btn-social-icon btn-google">
<i class="fa fa-google"></i>
</a>
<a href="#" class="btn btn-social-icon btn-instagram">
<i class="fa fa-instagram"></i>
</a>
<a href="#" class="btn btn-social-icon btn-linkedin">
<i class="fa fa-linkedin"></i>
</a>
<a href="#" class="btn btn-social-icon btn-microsoft">
<i class="fa fa-windows"></i>
</a>
<a href="#" class="btn btn-social-icon btn-openid">
<i class="fa fa-openid"></i>
</a>
<a href="#" class="btn btn-social-icon btn-pinterest">
<i class="fa fa-pinterest"></i>
</a>
<a href="#" class="btn btn-social-icon btn-reddit">
<i class="fa fa-reddit"></i>
</a>
<a href="#" class="btn btn-social-icon btn-soundcloud">
<i class="fa fa-soundcloud"></i>
</a>
<a href="#" class="btn btn-social-icon btn-tumblr">
<i class="fa fa-tumblr"></i>
</a>
<a href="#" class="btn btn-social-icon btn-twitter">
<i class="fa fa-twitter"></i>
</a>
<a href="#" class="btn btn-social-icon btn-vimeo">
<i class="fa fa-vimeo"></i>
</a>
<a href="#" class="btn btn-social-icon btn-vk">
<i class="fa fa-vk"></i>
</a>
<a href="#" class="btn btn-social-icon btn-yahoo">
<i class="fa fa-yahoo"></i>
</a>
</div>Huge
<div class="social-icons social-huge">
<a href="#" class="btn btn-social-icon btn-adn">
<i class="fa fa-adn"></i>
</a>
<a href="#" class="btn btn-social-icon btn-bitbucket">
<i class="fa fa-bitbucket"></i>
</a>
<a href="#" class="btn btn-social-icon btn-dropbox">
<i class="fa fa-dropbox"></i>
</a>
<a href="#" class="btn btn-social-icon btn-facebook">
<i class="fa fa-facebook"></i>
</a>
<a href="#" class="btn btn-social-icon btn-flickr">
<i class="fa fa-flickr"></i>
</a>
<a href="#" class="btn btn-social-icon btn-foursquare">
<i class="fa fa-foursquare"></i>
</a>
<a href="#" class="btn btn-social-icon btn-github">
<i class="fa fa-github"></i>
</a>
<a href="#" class="btn btn-social-icon btn-google">
<i class="fa fa-google"></i>
</a>
<a href="#" class="btn btn-social-icon btn-instagram">
<i class="fa fa-instagram"></i>
</a>
<a href="#" class="btn btn-social-icon btn-linkedin">
<i class="fa fa-linkedin"></i>
</a>
<a href="#" class="btn btn-social-icon btn-microsoft">
<i class="fa fa-windows"></i>
</a>
<a href="#" class="btn btn-social-icon btn-openid">
<i class="fa fa-openid"></i>
</a>
<a href="#" class="btn btn-social-icon btn-pinterest">
<i class="fa fa-pinterest"></i>
</a>
<a href="#" class="btn btn-social-icon btn-reddit">
<i class="fa fa-reddit"></i>
</a>
<a href="#" class="btn btn-social-icon btn-soundcloud">
<i class="fa fa-soundcloud"></i>
</a>
<a href="#" class="btn btn-social-icon btn-tumblr">
<i class="fa fa-tumblr"></i>
</a>
<a href="#" class="btn btn-social-icon btn-twitter">
<i class="fa fa-twitter"></i>
</a>
<a href="#" class="btn btn-social-icon btn-vimeo">
<i class="fa fa-vimeo"></i>
</a>
<a href="#" class="btn btn-social-icon btn-vk">
<i class="fa fa-vk"></i>
</a>
<a href="#" class="btn btn-social-icon btn-yahoo">
<i class="fa fa-yahoo"></i>
</a>
</div>⌃
Drop us a Line
Create new user account..
Adress
Australia, Melbourne, Example Street, 24
Day & Time
June 19, 7:00pm
Additional info
No clothes!
Copyright © 2019 Kate. All Rights Reserved. 7prism
Open Kate Lab
- Dark theme *
- Theme color *
- Boxed layout *
- Scrollbar
- Button border radius
- Shop
- Form options
- Default modal window*
- Slab headings *
- Disable parallax
- Frame mode
- Disable page transition
To get detailed description of lab item, go to 'FEATURES' 'KATE LAB'
