Smarty - Multipurpose + Admin

All Social Icons

<a href="#" class="social-icon social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
	<i class="icon-facebook"></i>
	<i class="icon-facebook"></i>
</a>

<a href="#" class="social-icon social-delicious" data-toggle="tooltip" data-placement="top" title="Delicious">
	<i class="icon-delicious"></i>
	<i class="icon-delicious"></i>
</a>

<a href="#" class="social-icon social-paypal" data-toggle="tooltip" data-placement="top" title="PayPal">
	<i class="icon-paypal"></i>
	<i class="icon-paypal"></i>
</a>

<a href="#" class="social-icon social-flattr" data-toggle="tooltip" data-placement="top" title="Flattr">
	<i class="icon-flattr"></i>
	<i class="icon-flattr"></i>
</a>

<a href="#" class="social-icon social-android" data-toggle="tooltip" data-placement="top" title="Android">
	<i class="icon-android"></i>
	<i class="icon-android"></i>
</a>

<a href="#" class="social-icon social-smashmag" data-toggle="tooltip" data-placement="top" title="Smashing Magazine">
	<i class="icon-smashmag"></i>
	<i class="icon-smashmag"></i>
</a>

<a href="#" class="social-icon social-gplus" data-toggle="tooltip" data-placement="top" title="Google+">
	<i class="icon-gplus"></i>
	<i class="icon-gplus"></i>
</a>

<a href="#" class="social-icon social-wikipedia" data-toggle="tooltip" data-placement="top" title="Wikipedia">
	<i class="icon-wikipedia"></i>
	<i class="icon-wikipedia"></i>
</a>

<a href="#" class="social-icon social-stumbleupon" data-toggle="tooltip" data-placement="top" title="StumbleUpon">
	<i class="icon-stumbleupon"></i>
	<i class="icon-stumbleupon"></i>
</a>

<a href="#" class="social-icon social-foursquare" data-toggle="tooltip" data-placement="top" title="FourSquare">
	<i class="icon-foursquare"></i>
	<i class="icon-foursquare"></i>
</a>

<a href="#" class="social-icon social-call" data-toggle="tooltip" data-placement="top" title="Call">
	<i class="icon-call"></i>
	<i class="icon-call"></i>
</a>

<a href="#" class="social-icon social-ninetyninedesigns" data-toggle="tooltip" data-placement="top" title="Ninety Nine Design">
	<i class="icon-ninetyninedesigns"></i>
	<i class="icon-ninetyninedesigns"></i>
</a>

<a href="#" class="social-icon social-forrst" data-toggle="tooltip" data-placement="top" title="Forrst">
	<i class="icon-forrst"></i>
	<i class="icon-forrst"></i>
</a>

<a href="#" class="social-icon social-digg" data-toggle="tooltip" data-placement="top" title="Digg">
	<i class="icon-digg"></i>
	<i class="icon-digg"></i>
</a>

<a href="#" class="social-icon social-spotify" data-toggle="tooltip" data-placement="top" title="Spotify">
	<i class="icon-spotify"></i>
	<i class="icon-spotify"></i>
</a>

<a href="#" class="social-icon social-reddit" data-toggle="tooltip" data-placement="top" title="Reddit">
	<i class="icon-reddit"></i>
	<i class="icon-reddit"></i>
</a>

<a href="#" class="social-icon social-blogger" data-toggle="tooltip" data-placement="top" title="Blogger">
	<i class="icon-blogger"></i>
	<i class="icon-blogger"></i>
</a>

<a href="#" class="social-icon social-cc" data-toggle="tooltip" data-placement="top" title="Creative Commons">
	<i class="icon-cc"></i>
	<i class="icon-cc"></i>
</a>

<a href="#" class="social-icon social-dribbble" data-toggle="tooltip" data-placement="top" title="Dribbble">
	<i class="icon-dribbble"></i>
	<i class="icon-dribbble"></i>
</a>

<a href="#" class="social-icon social-evernote" data-toggle="tooltip" data-placement="top" title="Evernote">
	<i class="icon-evernote"></i>
	<i class="icon-evernote"></i>
</a>

<a href="#" class="social-icon social-flickr" data-toggle="tooltip" data-placement="top" title="Flickr">
	<i class="icon-flickr"></i>
	<i class="icon-flickr"></i>
</a>

<a href="#" class="social-icon social-google" data-toggle="tooltip" data-placement="top" title="Google">
	<i class="icon-google"></i>
	<i class="icon-google"></i>
</a>

<a href="#" class="social-icon social-instapaper" data-toggle="tooltip" data-placement="top" title="Instapaper">
	<i class="icon-instapaper"></i>
	<i class="icon-instapaper"></i>
</a>

<a href="#" class="social-icon social-klout" data-toggle="tooltip" data-placement="top" title="Klout">
	<i class="icon-klout"></i>
	<i class="icon-klout"></i>
</a>

<a href="#" class="social-icon social-linkedin" data-toggle="tooltip" data-placement="top" title="LinkedIn">
	<i class="icon-linkedin"></i>
	<i class="icon-linkedin"></i>
</a>

<a href="#" class="social-icon social-vk" data-toggle="tooltip" data-placement="top" title="VK">
	<i class="icon-vk"></i>
	<i class="icon-vk"></i>
</a>

<a href="#" class="social-icon social-rss" data-toggle="tooltip" data-placement="top" title="RSS">
	<i class="icon-rss"></i>
	<i class="icon-rss"></i>
</a>

<a href="#" class="social-icon social-skype" data-toggle="tooltip" data-placement="top" title="Skype">
	<i class="icon-skype"></i>
	<i class="icon-skype"></i>
</a>

<a href="#" class="social-icon social-twitter" data-toggle="tooltip" data-placement="top" title="Twitter">
	<i class="icon-twitter"></i>
	<i class="icon-twitter"></i>
</a>

<a href="#" class="social-icon social-youtube" data-toggle="tooltip" data-placement="top" title="Youtube">
	<i class="icon-youtube"></i>
	<i class="icon-youtube"></i>
</a>

<a href="#" class="social-icon social-vimeo" data-toggle="tooltip" data-placement="top" title="Vimeo">
	<i class="icon-vimeo"></i>
	<i class="icon-vimeo"></i>
</a>

<a href="#" class="social-icon social-aim" data-toggle="tooltip" data-placement="top" title="Aim">
	<i class="icon-aim"></i>
	<i class="icon-aim"></i>
</a>

<a href="#" class="social-icon social-yahoo" data-toggle="tooltip" data-placement="top" title="Yahoo">
	<i class="icon-yahoo"></i>
	<i class="icon-yahoo"></i>
</a>

<a href="#" class="social-icon social-email3" data-toggle="tooltip" data-placement="top" title="Email">
	<i class="icon-email3"></i>
	<i class="icon-email3"></i>
</a>

<a href="#" class="social-icon social-macstore" data-toggle="tooltip" data-placement="top" title="Macstore">
	<i class="icon-macstore"></i>
	<i class="icon-macstore"></i>
</a>

<a href="#" class="social-icon social-myspace" data-toggle="tooltip" data-placement="top" title="Myspace">
	<i class="icon-myspace"></i>
	<i class="icon-myspace"></i>
</a>

<a href="#" class="social-icon social-podcast" data-toggle="tooltip" data-placement="top" title="Podcast">
	<i class="icon-podcast"></i>
	<i class="icon-podcast"></i>
</a>

<a href="#" class="social-icon social-cloudapp" data-toggle="tooltip" data-placement="top" title="Cloudapp">
	<i class="icon-cloudapp"></i>
	<i class="icon-cloudapp"></i>
</a>

<a href="#" class="social-icon social-dropbox" data-toggle="tooltip" data-placement="top" title="Dropbox">
	<i class="icon-dropbox"></i>
	<i class="icon-dropbox"></i>
</a>

<a href="#" class="social-icon social-ebay" data-toggle="tooltip" data-placement="top" title="Ebay">
	<i class="icon-ebay"></i>
	<i class="icon-ebay"></i>
</a>

<a href="#" class="social-icon social-github" data-toggle="tooltip" data-placement="top" title="Github">
	<i class="icon-github-circled"></i>
	<i class="icon-github-circled"></i>
</a>

<a href="#" class="social-icon social-googleplay" data-toggle="tooltip" data-placement="top" title="Google Play">
	<i class="icon-googleplay"></i>
	<i class="icon-googleplay"></i>
</a>

<a href="#" class="social-icon social-itunes" data-toggle="tooltip" data-placement="top" title="Itunes">
	<i class="icon-itunes"></i>
	<i class="icon-itunes"></i>
</a>

<a href="#" class="social-icon social-plurk" data-toggle="tooltip" data-placement="top" title="Plurk">
	<i class="icon-plurk"></i>
	<i class="icon-plurk"></i>
</a>

<a href="#" class="social-icon social-pinboard" data-toggle="tooltip" data-placement="top" title="Pinboard">
	<i class="icon-pinboard"></i>
	<i class="icon-pinboard"></i>
</a>

<a href="#" class="social-icon social-soundcloud" data-toggle="tooltip" data-placement="top" title="SoundCloud">
	<i class="icon-soundcloud"></i>
	<i class="icon-soundcloud"></i>
</a>

<a href="#" class="social-icon social-tumblr" data-toggle="tooltip" data-placement="top" title="Trumblr">
	<i class="icon-tumblr"></i>
	<i class="icon-tumblr"></i>
</a>

<a href="#" class="social-icon social-wordpress" data-toggle="tooltip" data-placement="top" title="Wordpress">
	<i class="icon-wordpress"></i>
	<i class="icon-wordpress"></i>
</a>

<a href="#" class="social-icon social-yelp" data-toggle="tooltip" data-placement="top" title="Yelp">
	<i class="icon-yelp"></i>
	<i class="icon-yelp"></i>
</a>

<a href="#" class="social-icon social-intensedebate" data-toggle="tooltip" data-placement="top" title="Intensedebate">
	<i class="icon-intensedebate"></i>
	<i class="icon-intensedebate"></i>
</a>

<a href="#" class="social-icon social-eventbrite" data-toggle="tooltip" data-placement="top" title="Event Brite">
	<i class="icon-eventbrite"></i>
	<i class="icon-eventbrite"></i>
</a>

<a href="#" class="social-icon social-scribd" data-toggle="tooltip" data-placement="top" title="Scribd">
	<i class="icon-scribd"></i>
	<i class="icon-scribd"></i>
</a>

<a href="#" class="social-icon social-stripe" data-toggle="tooltip" data-placement="top" title="Stripe">
	<i class="icon-stripe"></i>
	<i class="icon-stripe"></i>
</a>

<a href="#" class="social-icon social-print" data-toggle="tooltip" data-placement="top" title="Print">
	<i class="icon-print"></i>
	<i class="icon-print"></i>
</a>

<a href="#" class="social-icon social-dwolla" data-toggle="tooltip" data-placement="top" title="Dwolla">
	<i class="icon-dwolla"></i>
	<i class="icon-dwolla"></i>
</a>

<a href="#" class="social-icon social-statusnet" data-toggle="tooltip" data-placement="top" title="Statusnet">
	<i class="icon-statusnet"></i>
	<i class="icon-statusnet"></i>
</a>

<a href="#" class="social-icon social-acrobat" data-toggle="tooltip" data-placement="top" title="Acrobat">
	<i class="icon-acrobat"></i>
	<i class="icon-acrobat"></i>
</a>

<a href="#" class="social-icon social-drupal" data-toggle="tooltip" data-placement="top" title="Drupal">
	<i class="icon-drupal"></i>
	<i class="icon-drupal"></i>
</a>

<a href="#" class="social-icon social-buffer" data-toggle="tooltip" data-placement="top" title="Buffer">
	<i class="icon-buffer"></i>
	<i class="icon-buffer"></i>
</a>

<a href="#" class="social-icon social-pocket" data-toggle="tooltip" data-placement="top" title="Pocket">
	<i class="icon-pocket"></i>
	<i class="icon-pocket"></i>
</a>

<a href="#" class="social-icon social-bitbucket" data-toggle="tooltip" data-placement="top" title="Bit Bucket">
	<i class="icon-bitbucket"></i>
	<i class="icon-bitbucket"></i>
</a>

<a href="#" class="social-icon social-stackoverflow" data-toggle="tooltip" data-placement="top" title="Stack Overflow">
	<i class="icon-stackoverflow"></i>
	<i class="icon-stackoverflow"></i>
</a>

<a href="#" class="social-icon social-hackernews" data-toggle="tooltip" data-placement="top" title="Hacker News">
	<i class="icon-hackernews"></i>
	<i class="icon-hackernews"></i>
</a>

<a href="#" class="social-icon social-xing" data-toggle="tooltip" data-placement="top" title="Xing">
	<i class="icon-xing"></i>
	<i class="icon-xing"></i>
</a>

<a href="#" class="social-icon social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
	<i class="icon-instagram"></i>
	<i class="icon-instagram"></i>
</a>

<a href="#" class="social-icon social-quora" data-toggle="tooltip" data-placement="top" title="Quora">
	<i class="icon-quora"></i>
	<i class="icon-quora"></i>
</a>

<a href="#" class="social-icon social-openid" data-toggle="tooltip" data-placement="top" title="OpenId">
	<i class="icon-openid"></i>
	<i class="icon-openid"></i>
</a>

<a href="#" class="social-icon social-steam" data-toggle="tooltip" data-placement="top" title="Steam">
	<i class="icon-steam"></i>
	<i class="icon-steam"></i>
</a>

<a href="#" class="social-icon social-amazon" data-toggle="tooltip" data-placement="top" title="Amazon">
	<i class="icon-amazon"></i>
	<i class="icon-amazon"></i>
</a>

<a href="#" class="social-icon social-disqus" data-toggle="tooltip" data-placement="top" title="Disqus">
	<i class="icon-disqus"></i>
	<i class="icon-disqus"></i>
</a>

<a href="#" class="social-icon social-plancast" data-toggle="tooltip" data-placement="top" title="Plancast">
	<i class="icon-plancast"></i>
	<i class="icon-plancast"></i>
</a>

<a href="#" class="social-icon social-appstore" data-toggle="tooltip" data-placement="top" title="Appstore">
	<i class="icon-appstore"></i>
	<i class="icon-appstore"></i>
</a>

<a href="#" class="social-icon social-pinterest" data-toggle="tooltip" data-placement="top" title="Pinterst">
	<i class="icon-pinterest"></i>
	<i class="icon-pinterest"></i>
</a>

<a href="#" class="social-icon social-fivehundredpx" data-toggle="tooltip" data-placement="top" title="FiveHundredPx">
	<i class="icon-fivehundredpx"></i>
	<i class="icon-fivehundredpx"></i>
</a>

Show Code

<a href="#" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
	<i class="icon-facebook"></i>
	<i class="icon-facebook"></i>
</a>

<a href="#" class="social-icon social-icon-round social-delicious" data-toggle="tooltip" data-placement="top" title="Delicious">
	<i class="icon-delicious"></i>
	<i class="icon-delicious"></i>
</a>

<a href="#" class="social-icon social-icon-round social-paypal" data-toggle="tooltip" data-placement="top" title="PayPal">
	<i class="icon-paypal"></i>
	<i class="icon-paypal"></i>
</a>

<a href="#" class="social-icon social-icon-round social-flattr" data-toggle="tooltip" data-placement="top" title="Flattr">
	<i class="icon-flattr"></i>
	<i class="icon-flattr"></i>
</a>

<a href="#" class="social-icon social-icon-round social-android" data-toggle="tooltip" data-placement="top" title="Android">
	<i class="icon-android"></i>
	<i class="icon-android"></i>
</a>

<a href="#" class="social-icon social-icon-round social-smashmag" data-toggle="tooltip" data-placement="top" title="Smashing Magazine">
	<i class="icon-smashmag"></i>
	<i class="icon-smashmag"></i>
</a>

<a href="#" class="social-icon social-icon-round social-gplus" data-toggle="tooltip" data-placement="top" title="Google+">
	<i class="icon-gplus"></i>
	<i class="icon-gplus"></i>
</a>

<a href="#" class="social-icon social-icon-round social-wikipedia" data-toggle="tooltip" data-placement="top" title="Wikipedia">
	<i class="icon-wikipedia"></i>
	<i class="icon-wikipedia"></i>
</a>

<a href="#" class="social-icon social-icon-round social-stumbleupon" data-toggle="tooltip" data-placement="top" title="StumbleUpon">
	<i class="icon-stumbleupon"></i>
	<i class="icon-stumbleupon"></i>
</a>

<a href="#" class="social-icon social-icon-round social-foursquare" data-toggle="tooltip" data-placement="top" title="FourSquare">
	<i class="icon-foursquare"></i>
	<i class="icon-foursquare"></i>
</a>

<a href="#" class="social-icon social-icon-round social-call" data-toggle="tooltip" data-placement="top" title="Call">
	<i class="icon-call"></i>
	<i class="icon-call"></i>
</a>

<a href="#" class="social-icon social-icon-round social-ninetyninedesigns" data-toggle="tooltip" data-placement="top" title="Ninety Nine Design">
	<i class="icon-ninetyninedesigns"></i>
	<i class="icon-ninetyninedesigns"></i>
</a>

<a href="#" class="social-icon social-icon-round social-forrst" data-toggle="tooltip" data-placement="top" title="Forrst">
	<i class="icon-forrst"></i>
	<i class="icon-forrst"></i>
</a>

<a href="#" class="social-icon social-icon-round social-digg" data-toggle="tooltip" data-placement="top" title="Digg">
	<i class="icon-digg"></i>
	<i class="icon-digg"></i>
</a>

<a href="#" class="social-icon social-icon-round social-spotify" data-toggle="tooltip" data-placement="top" title="Spotify">
	<i class="icon-spotify"></i>
	<i class="icon-spotify"></i>
</a>

<a href="#" class="social-icon social-icon-round social-reddit" data-toggle="tooltip" data-placement="top" title="Reddit">
	<i class="icon-reddit"></i>
	<i class="icon-reddit"></i>
</a>

<a href="#" class="social-icon social-icon-round social-blogger" data-toggle="tooltip" data-placement="top" title="Blogger">
	<i class="icon-blogger"></i>
	<i class="icon-blogger"></i>
</a>

<a href="#" class="social-icon social-icon-round social-cc" data-toggle="tooltip" data-placement="top" title="Creative Commons">
	<i class="icon-cc"></i>
	<i class="icon-cc"></i>
</a>

<a href="#" class="social-icon social-icon-round social-dribbble" data-toggle="tooltip" data-placement="top" title="Dribbble">
	<i class="icon-dribbble"></i>
	<i class="icon-dribbble"></i>
</a>

<a href="#" class="social-icon social-icon-round social-evernote" data-toggle="tooltip" data-placement="top" title="Evernote">
	<i class="icon-evernote"></i>
	<i class="icon-evernote"></i>
</a>

<a href="#" class="social-icon social-icon-round social-flickr" data-toggle="tooltip" data-placement="top" title="Flickr">
	<i class="icon-flickr"></i>
	<i class="icon-flickr"></i>
</a>

<a href="#" class="social-icon social-icon-round social-google" data-toggle="tooltip" data-placement="top" title="Google">
	<i class="icon-google"></i>
	<i class="icon-google"></i>
</a>

<a href="#" class="social-icon social-icon-round social-instapaper" data-toggle="tooltip" data-placement="top" title="Instapaper">
	<i class="icon-instapaper"></i>
	<i class="icon-instapaper"></i>
</a>

<a href="#" class="social-icon social-icon-round social-klout" data-toggle="tooltip" data-placement="top" title="Klout">
	<i class="icon-klout"></i>
	<i class="icon-klout"></i>
</a>

<a href="#" class="social-icon social-icon-round social-linkedin" data-toggle="tooltip" data-placement="top" title="LinkedIn">
	<i class="icon-linkedin"></i>
	<i class="icon-linkedin"></i>
</a>

<a href="#" class="social-icon social-icon-round social-vk" data-toggle="tooltip" data-placement="top" title="VK">
	<i class="icon-vk"></i>
	<i class="icon-vk"></i>
</a>

<a href="#" class="social-icon social-icon-round social-rss" data-toggle="tooltip" data-placement="top" title="RSS">
	<i class="icon-rss"></i>
	<i class="icon-rss"></i>
</a>

<a href="#" class="social-icon social-icon-round social-skype" data-toggle="tooltip" data-placement="top" title="Skype">
	<i class="icon-skype"></i>
	<i class="icon-skype"></i>
</a>

<a href="#" class="social-icon social-icon-round social-twitter" data-toggle="tooltip" data-placement="top" title="Twitter">
	<i class="icon-twitter"></i>
	<i class="icon-twitter"></i>
</a>

<a href="#" class="social-icon social-icon-round social-youtube" data-toggle="tooltip" data-placement="top" title="Youtube">
	<i class="icon-youtube"></i>
	<i class="icon-youtube"></i>
</a>

<a href="#" class="social-icon social-icon-round social-vimeo" data-toggle="tooltip" data-placement="top" title="Vimeo">
	<i class="icon-vimeo"></i>
	<i class="icon-vimeo"></i>
</a>

<a href="#" class="social-icon social-icon-round social-aim" data-toggle="tooltip" data-placement="top" title="Aim">
	<i class="icon-aim"></i>
	<i class="icon-aim"></i>
</a>

<a href="#" class="social-icon social-icon-round social-yahoo" data-toggle="tooltip" data-placement="top" title="Yahoo">
	<i class="icon-yahoo"></i>
	<i class="icon-yahoo"></i>
</a>

<a href="#" class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
	<i class="icon-email3"></i>
	<i class="icon-email3"></i>
</a>

<a href="#" class="social-icon social-icon-round social-macstore" data-toggle="tooltip" data-placement="top" title="Macstore">
	<i class="icon-macstore"></i>
	<i class="icon-macstore"></i>
</a>

<a href="#" class="social-icon social-icon-round social-myspace" data-toggle="tooltip" data-placement="top" title="Myspace">
	<i class="icon-myspace"></i>
	<i class="icon-myspace"></i>
</a>

<a href="#" class="social-icon social-icon-round social-podcast" data-toggle="tooltip" data-placement="top" title="Podcast">
	<i class="icon-podcast"></i>
	<i class="icon-podcast"></i>
</a>

<a href="#" class="social-icon social-icon-round social-cloudapp" data-toggle="tooltip" data-placement="top" title="Cloudapp">
	<i class="icon-cloudapp"></i>
	<i class="icon-cloudapp"></i>
</a>

<a href="#" class="social-icon social-icon-round social-dropbox" data-toggle="tooltip" data-placement="top" title="Dropbox">
	<i class="icon-dropbox"></i>
	<i class="icon-dropbox"></i>
</a>

<a href="#" class="social-icon social-icon-round social-ebay" data-toggle="tooltip" data-placement="top" title="Ebay">
	<i class="icon-ebay"></i>
	<i class="icon-ebay"></i>
</a>

<a href="#" class="social-icon social-icon-round social-github" data-toggle="tooltip" data-placement="top" title="Github">
	<i class="icon-github-circled"></i>
	<i class="icon-github-circled"></i>
</a>

<a href="#" class="social-icon social-icon-round social-googleplay" data-toggle="tooltip" data-placement="top" title="Google Play">
	<i class="icon-googleplay"></i>
	<i class="icon-googleplay"></i>
</a>

<a href="#" class="social-icon social-icon-round social-itunes" data-toggle="tooltip" data-placement="top" title="Itunes">
	<i class="icon-itunes"></i>
	<i class="icon-itunes"></i>
</a>

<a href="#" class="social-icon social-icon-round social-plurk" data-toggle="tooltip" data-placement="top" title="Plurk">
	<i class="icon-plurk"></i>
	<i class="icon-plurk"></i>
</a>

<a href="#" class="social-icon social-icon-round social-pinboard" data-toggle="tooltip" data-placement="top" title="Pinboard">
	<i class="icon-pinboard"></i>
	<i class="icon-pinboard"></i>
</a>

<a href="#" class="social-icon social-icon-round social-soundcloud" data-toggle="tooltip" data-placement="top" title="SoundCloud">
	<i class="icon-soundcloud"></i>
	<i class="icon-soundcloud"></i>
</a>

<a href="#" class="social-icon social-icon-round social-tumblr" data-toggle="tooltip" data-placement="top" title="Trumblr">
	<i class="icon-tumblr"></i>
	<i class="icon-tumblr"></i>
</a>

<a href="#" class="social-icon social-icon-round social-wordpress" data-toggle="tooltip" data-placement="top" title="Wordpress">
	<i class="icon-wordpress"></i>
	<i class="icon-wordpress"></i>
</a>

<a href="#" class="social-icon social-icon-round social-yelp" data-toggle="tooltip" data-placement="top" title="Yelp">
	<i class="icon-yelp"></i>
	<i class="icon-yelp"></i>
</a>

<a href="#" class="social-icon social-icon-round social-intensedebate" data-toggle="tooltip" data-placement="top" title="Intensedebate">
	<i class="icon-intensedebate"></i>
	<i class="icon-intensedebate"></i>
</a>

<a href="#" class="social-icon social-icon-round social-eventbrite" data-toggle="tooltip" data-placement="top" title="Event Brite">
	<i class="icon-eventbrite"></i>
	<i class="icon-eventbrite"></i>
</a>

<a href="#" class="social-icon social-icon-round social-scribd" data-toggle="tooltip" data-placement="top" title="Scribd">
	<i class="icon-scribd"></i>
	<i class="icon-scribd"></i>
</a>

<a href="#" class="social-icon social-icon-round social-stripe" data-toggle="tooltip" data-placement="top" title="Stripe">
	<i class="icon-stripe"></i>
	<i class="icon-stripe"></i>
</a>

<a href="#" class="social-icon social-icon-round social-print" data-toggle="tooltip" data-placement="top" title="Print">
	<i class="icon-print"></i>
	<i class="icon-print"></i>
</a>

<a href="#" class="social-icon social-icon-round social-dwolla" data-toggle="tooltip" data-placement="top" title="Dwolla">
	<i class="icon-dwolla"></i>
	<i class="icon-dwolla"></i>
</a>

<a href="#" class="social-icon social-icon-round social-statusnet" data-toggle="tooltip" data-placement="top" title="Statusnet">
	<i class="icon-statusnet"></i>
	<i class="icon-statusnet"></i>
</a>

<a href="#" class="social-icon social-icon-round social-acrobat" data-toggle="tooltip" data-placement="top" title="Acrobat">
	<i class="icon-acrobat"></i>
	<i class="icon-acrobat"></i>
</a>

<a href="#" class="social-icon social-icon-round social-drupal" data-toggle="tooltip" data-placement="top" title="Drupal">
	<i class="icon-drupal"></i>
	<i class="icon-drupal"></i>
</a>

<a href="#" class="social-icon social-icon-round social-buffer" data-toggle="tooltip" data-placement="top" title="Buffer">
	<i class="icon-buffer"></i>
	<i class="icon-buffer"></i>
</a>

<a href="#" class="social-icon social-icon-round social-pocket" data-toggle="tooltip" data-placement="top" title="Pocket">
	<i class="icon-pocket"></i>
	<i class="icon-pocket"></i>
</a>

<a href="#" class="social-icon social-icon-round social-bitbucket" data-toggle="tooltip" data-placement="top" title="Bit Bucket">
	<i class="icon-bitbucket"></i>
	<i class="icon-bitbucket"></i>
</a>

<a href="#" class="social-icon social-icon-round social-stackoverflow" data-toggle="tooltip" data-placement="top" title="Stack Overflow">
	<i class="icon-stackoverflow"></i>
	<i class="icon-stackoverflow"></i>
</a>

<a href="#" class="social-icon social-icon-round social-hackernews" data-toggle="tooltip" data-placement="top" title="Hacker News">
	<i class="icon-hackernews"></i>
	<i class="icon-hackernews"></i>
</a>

<a href="#" class="social-icon social-icon-round social-xing" data-toggle="tooltip" data-placement="top" title="Xing">
	<i class="icon-xing"></i>
	<i class="icon-xing"></i>
</a>

<a href="#" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
	<i class="icon-instagram"></i>
	<i class="icon-instagram"></i>
</a>

<a href="#" class="social-icon social-icon-round social-quora" data-toggle="tooltip" data-placement="top" title="Quora">
	<i class="icon-quora"></i>
	<i class="icon-quora"></i>
</a>

<a href="#" class="social-icon social-icon-round social-openid" data-toggle="tooltip" data-placement="top" title="OpenId">
	<i class="icon-openid"></i>
	<i class="icon-openid"></i>
</a>

<a href="#" class="social-icon social-icon-round social-steam" data-toggle="tooltip" data-placement="top" title="Steam">
	<i class="icon-steam"></i>
	<i class="icon-steam"></i>
</a>

<a href="#" class="social-icon social-icon-round social-amazon" data-toggle="tooltip" data-placement="top" title="Amazon">
	<i class="icon-amazon"></i>
	<i class="icon-amazon"></i>
</a>

<a href="#" class="social-icon social-icon-round social-disqus" data-toggle="tooltip" data-placement="top" title="Disqus">
	<i class="icon-disqus"></i>
	<i class="icon-disqus"></i>
</a>

<a href="#" class="social-icon social-icon-round social-plancast" data-toggle="tooltip" data-placement="top" title="Plancast">
	<i class="icon-plancast"></i>
	<i class="icon-plancast"></i>
</a>

<a href="#" class="social-icon social-icon-round social-appstore" data-toggle="tooltip" data-placement="top" title="Appstore">
	<i class="icon-appstore"></i>
	<i class="icon-appstore"></i>
</a>

<a href="#" class="social-icon social-icon-round social-pinterest" data-toggle="tooltip" data-placement="top" title="Pinterst">
	<i class="icon-pinterest"></i>
	<i class="icon-pinterest"></i>
</a>

<a href="#" class="social-icon social-icon-round social-fivehundredpx" data-toggle="tooltip" data-placement="top" title="FiveHundredPx">
	<i class="icon-fivehundredpx"></i>
	<i class="icon-fivehundredpx"></i>
</a>

Bordered Social Icons

Show Code

<a href="#" class="social-icon social-icon-border social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
	<i class="icon-facebook"></i>
	<i class="icon-facebook"></i>
</a>

Show Code

<a href="#" class="social-icon social-icon-round social-icon-border social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
	<i class="icon-facebook"></i>
	<i class="icon-facebook"></i>
</a>

Light Social Icons

Show Code

<a href="#" class="social-icon social-icon-light social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
	<i class="icon-facebook"></i>
	<i class="icon-facebook"></i>
</a>

Show Code

<a href="#" class="social-icon social-icon-round social-icon-light social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
	<i class="icon-facebook"></i>
	<i class="icon-facebook"></i>
</a>

Dark Social Icons

Show Code

<a href="#" class="social-icon social-icon-dark social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
	<i class="icon-facebook"></i>
	<i class="icon-facebook"></i>
</a>

Show Code

<a href="#" class="social-icon social-icon-round social-icon-dark social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
	<i class="icon-facebook"></i>
	<i class="icon-facebook"></i>
</a>

Transparent Social Icons

Show Code

<a href="#" class="social-icon social-icon-transparent social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
	<i class="icon-facebook"></i>
	<i class="icon-facebook"></i>
</a>

Show Code

<a href="#" class="social-icon social-icon-round social-icon-transparent social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
	<i class="icon-facebook"></i>
	<i class="icon-facebook"></i>
</a>

Small Social Icons

Show Code

<a href="#" class="social-icon social-icon-sm social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
	<i class="icon-facebook"></i>
	<i class="icon-facebook"></i>
</a>

Show Code

<a href="#" class="social-icon social-icon-sm social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
	<i class="icon-facebook"></i>
	<i class="icon-facebook"></i>
</a>

Side Sticky Icons

<!-- 
	STICKY SIDE ICONS 
	
		sticky-side-left	- left side
		sticky-side-right	- right side
-->

<div class="sticky-side sticky-side-left visible-md visible-lg">
	<a href="#" class="social-icon social-icon-light  social-facebook">
		<i class="icon-facebook"></i>
		<i class="icon-facebook"></i>
	</a>
	<a href="#" class="social-icon social-icon-light  social-twitter">
		<i class="icon-twitter"></i>
		<i class="icon-twitter"></i>
	</a>
	<a href="#" class="social-icon social-icon-light  social-linkedin">
		<i class="icon-linkedin"></i>
		<i class="icon-linkedin"></i>
	</a>
	<a href="#" class="social-icon social-icon-light  social-gplus">
		<i class="icon-gplus"></i>
		<i class="icon-gplus"></i>
	</a>
</div>
<!-- /STICKY SIDE ICONS -->

WHY SMARTY?

RECENTLY VISITED

CONTACT INFO

Shop Cart

2x RED BAG WITH HUGE POCKETS

2x THIS IS A VERY LONG TEXT AND WILL BE TRUNCATED

SOCIAL ICONS

All Social Icons

Bordered Social Icons

Light Social Icons

Dark Social Icons

Transparent Social Icons

Small Social Icons

Side Sticky Icons