                    <div class="c-content-title-1">
                        <h3 class="c-center c-font-dark c-font-uppercase">Social Icons</h3>
                        <div class="c-line-center c-theme-bg"></div>
                        <p class="c-center">The complete set of 79 social font icons</p>
                    </div>
                    <div class="c-content-panel">
                        <div class="c-label">basic icons</div>
                        <div class="c-body">
                            <div class="socicons">
                                <a href="#" class="socicon-btn socicon-twitter tooltips" data-original-title="Twitter"></a>
                                <a href="#" class="socicon-btn socicon-facebook tooltips" data-original-title="Facebook"></a>
                                <a href="#" class="socicon-btn socicon-google tooltips" data-original-title="Google"></a>
                                <a href="#" class="socicon-btn socicon-pinterest tooltips" data-original-title="Pinterest"></a>
                                <a href="#" class="socicon-btn socicon-foursquare tooltips" data-original-title="Foursquare"></a>
                                <a href="#" class="socicon-btn socicon-yahoo tooltips" data-original-title="Yahoo"></a>
                                <a href="#" class="socicon-btn socicon-skype tooltips" data-original-title="Skype"></a>
                                <a href="#" class="socicon-btn socicon-yelp tooltips" data-original-title="Yelp"></a>
                                <a href="#" class="socicon-btn socicon-feedburner tooltips" data-original-title="Feedburner"></a>
                                <a href="#" class="socicon-btn socicon-linkedin tooltips" data-original-title="Linkedin"></a>
                                <a href="#" class="socicon-btn socicon-viadeo tooltips" data-original-title="Viadeo"></a>
                                <a href="#" class="socicon-btn socicon-xing tooltips" data-original-title="Xing"></a>
                                <a href="#" class="socicon-btn socicon-myspace tooltips" data-original-title="Myspace"></a>
                                <a href="#" class="socicon-btn socicon-soundcloud tooltips" data-original-title="Soundcloud"></a>
                                <a href="#" class="socicon-btn socicon-spotify tooltips" data-original-title="Spotify"></a>
                                <a href="#" class="socicon-btn socicon-grooveshark tooltips" data-original-title="Grooveshark"></a>
                                <a href="#" class="socicon-btn socicon-lastfm tooltips" data-original-title="Lastfm"></a>
                                <a href="#" class="socicon-btn socicon-youtube tooltips" data-original-title="Youtube"></a>
                                <a href="#" class="socicon-btn socicon-vimeo tooltips" data-original-title="Vimeo"></a>
                                <a href="#" class="socicon-btn socicon-dailymotion tooltips" data-original-title="Dailymotion"></a>
                                <a href="#" class="socicon-btn socicon-vine tooltips" data-original-title="Vine"></a>
                                <a href="#" class="socicon-btn socicon-flickr tooltips" data-original-title="Flickr"></a>
                                <a href="#" class="socicon-btn socicon-500px tooltips" data-original-title="500px"></a>
                                <a href="#" class="socicon-btn socicon-instagram tooltips" data-original-title="Instagram"></a>
                                <a href="#" class="socicon-btn socicon-wordpress tooltips" data-original-title="Wordpress"></a>
                                <a href="#" class="socicon-btn socicon-tumblr tooltips" data-original-title="Tumblr"></a>
                                <a href="#" class="socicon-btn socicon-blogger tooltips" data-original-title="Blogger"></a>
                                <a href="#" class="socicon-btn socicon-technorati tooltips" data-original-title="Technorati"></a>
                                <a href="#" class="socicon-btn socicon-reddit tooltips" data-original-title="Reddit"></a>
                                <a href="#" class="socicon-btn socicon-dribbble tooltips" data-original-title="Dribbble"></a>
                                <a href="#" class="socicon-btn socicon-stumbleupon tooltips" data-original-title="Stumbleupon"></a>
                                <a href="#" class="socicon-btn socicon-digg tooltips" data-original-title="Digg"></a>
                                <a href="#" class="socicon-btn socicon-envato tooltips" data-original-title="Envato"></a>
                                <a href="#" class="socicon-btn socicon-behance tooltips" data-original-title="Behance"></a>
                                <a href="#" class="socicon-btn socicon-delicious tooltips" data-original-title="Delicious"></a>
                                <a href="#" class="socicon-btn socicon-deviantart tooltips" data-original-title="Deviantart"></a>
                                <a href="#" class="socicon-btn socicon-forrst tooltips" data-original-title="Forrst"></a>
                                <a href="#" class="socicon-btn socicon-playstore tooltips" data-original-title="Playstore"></a>
                                <a href="#" class="socicon-btn socicon-zerply tooltips" data-original-title="Zerply"></a>
                                <a href="#" class="socicon-btn socicon-wikipedia tooltips" data-original-title="Wikipedia"></a>
                                <a href="#" class="socicon-btn socicon-apple tooltips" data-original-title="Apple"></a>
                                <a href="#" class="socicon-btn socicon-flattr tooltips" data-original-title="Flattr"></a>
                                <a href="#" class="socicon-btn socicon-github tooltips" data-original-title="Github"></a>
                                <a href="#" class="socicon-btn socicon-chimein tooltips" data-original-title="Chimein"></a>
                                <a href="#" class="socicon-btn socicon-friendfeed tooltips" data-original-title="Friendfeed"></a>
                                <a href="#" class="socicon-btn socicon-newsvine tooltips" data-original-title="Newsvine"></a>
                                <a href="#" class="socicon-btn socicon-identica tooltips" data-original-title="Identica"></a>
                                <a href="#" class="socicon-btn socicon-bebo tooltips" data-original-title="Bebo"></a>
                                <a href="#" class="socicon-btn socicon-zynga tooltips" data-original-title="Zynga"></a>
                                <a href="#" class="socicon-btn socicon-steam tooltips" data-original-title="Steam"></a>
                                <a href="#" class="socicon-btn socicon-xbox tooltips" data-original-title="Xbox"></a>
                                <a href="#" class="socicon-btn socicon-windows tooltips" data-original-title="Windows"></a>
                                <a href="#" class="socicon-btn socicon-outlook tooltips" data-original-title="Outlook"></a>
                                <a href="#" class="socicon-btn socicon-coderwall tooltips" data-original-title="Coderwall"></a>
                                <a href="#" class="socicon-btn socicon-tripadvisor tooltips" data-original-title="Tripadvisor"></a>
                                <a href="#" class="socicon-btn socicon-appnet tooltips" data-original-title="Appnet"></a>
                                <a href="#" class="socicon-btn socicon-goodreads tooltips" data-original-title="Goodreads"></a>
                                <a href="#" class="socicon-btn socicon-tripit tooltips" data-original-title="Tripit"></a>
                                <a href="#" class="socicon-btn socicon-lanyrd tooltips" data-original-title="Lanyrd"></a>
                                <a href="#" class="socicon-btn socicon-slideshare tooltips" data-original-title="Slideshare"></a>
                                <a href="#" class="socicon-btn socicon-buffer tooltips" data-original-title="Buffer"></a>
                                <a href="#" class="socicon-btn socicon-rss tooltips" data-original-title="Rss"></a>
                                <a href="#" class="socicon-btn socicon-vkontakte tooltips" data-original-title="Vkontakte"></a>
                                <a href="#" class="socicon-btn socicon-disqus tooltips" data-original-title="Disqus"></a>
                                <a href="#" class="socicon-btn socicon-houzz tooltips" data-original-title="Houzz"></a>
                                <a href="#" class="socicon-btn socicon-mail tooltips" data-original-title="Mail"></a>
                                <a href="#" class="socicon-btn socicon-patreon tooltips" data-original-title="Patreon"></a>
                                <a href="#" class="socicon-btn socicon-paypal tooltips" data-original-title="Paypal"></a>
                                <a href="#" class="socicon-btn socicon-playstation tooltips" data-original-title="Playstation"></a>
                                <a href="#" class="socicon-btn socicon-smugmug tooltips" data-original-title="Smugmug"></a>
                                <a href="#" class="socicon-btn socicon-swarm tooltips" data-original-title="Swarm"></a>
                                <a href="#" class="socicon-btn socicon-triplej tooltips" data-original-title="Triplej"></a>
                                <a href="#" class="socicon-btn socicon-yammer tooltips" data-original-title="Yammer"></a>
                                <a href="#" class="socicon-btn socicon-stackoverflow tooltips" data-original-title="Stackoverflow"></a>
                                <a href="#" class="socicon-btn socicon-drupal tooltips" data-original-title="Drupal"></a>
                                <a href="#" class="socicon-btn socicon-odnoklassniki tooltips" data-original-title="Odnoklassniki"></a>
                                <a href="#" class="socicon-btn socicon-android tooltips" data-original-title="Android"></a>
                                <a href="#" class="socicon-btn socicon-meetup tooltips" data-original-title="Meetup"></a>
                                <a href="#" class="socicon-btn socicon-persona tooltips" data-original-title="Persona"></a>
                            </div>
                        </div>
                    </div>
                    <div class="c-content-panel">
                        <div class="c-label">circle icons</div>
                        <div class="c-body">
                            <div class="socicons">
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-twitter tooltips" data-original-title="Twitter"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-facebook tooltips" data-original-title="Facebook"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-google tooltips" data-original-title="Google"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-pinterest tooltips" data-original-title="Pinterest"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-foursquare tooltips" data-original-title="Foursquare"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-yahoo tooltips" data-original-title="Yahoo"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-skype tooltips" data-original-title="Skype"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-yelp tooltips" data-original-title="Yelp"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-feedburner tooltips" data-original-title="Feedburner"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-linkedin tooltips" data-original-title="Linkedin"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-viadeo tooltips" data-original-title="Viadeo"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-xing tooltips" data-original-title="Xing"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-myspace tooltips" data-original-title="Myspace"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-soundcloud tooltips" data-original-title="Soundcloud"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-spotify tooltips" data-original-title="Spotify"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-grooveshark tooltips" data-original-title="Grooveshark"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lastfm tooltips" data-original-title="Lastfm"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-youtube tooltips" data-original-title="Youtube"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-vimeo tooltips" data-original-title="Vimeo"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-dailymotion tooltips" data-original-title="Dailymotion"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-vine tooltips" data-original-title="Vine"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-flickr tooltips" data-original-title="Flickr"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-500px tooltips" data-original-title="500px"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-instagram tooltips" data-original-title="Instagram"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-wordpress tooltips" data-original-title="Wordpress"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-tumblr tooltips" data-original-title="Tumblr"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-blogger tooltips" data-original-title="Blogger"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-technorati tooltips" data-original-title="Technorati"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-reddit tooltips" data-original-title="Reddit"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-dribbble tooltips" data-original-title="Dribbble"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-stumbleupon tooltips" data-original-title="Stumbleupon"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-digg tooltips" data-original-title="Digg"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-envato tooltips" data-original-title="Envato"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-behance tooltips" data-original-title="Behance"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-delicious tooltips" data-original-title="Delicious"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-deviantart tooltips" data-original-title="Deviantart"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-forrst tooltips" data-original-title="Forrst"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-playstore tooltips" data-original-title="Playstore"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-zerply tooltips" data-original-title="Zerply"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-wikipedia tooltips" data-original-title="Wikipedia"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-apple tooltips" data-original-title="Apple"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-flattr tooltips" data-original-title="Flattr"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-github tooltips" data-original-title="Github"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-chimein tooltips" data-original-title="Chimein"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-friendfeed tooltips" data-original-title="Friendfeed"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-newsvine tooltips" data-original-title="Newsvine"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-identica tooltips" data-original-title="Identica"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-bebo tooltips" data-original-title="Bebo"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-zynga tooltips" data-original-title="Zynga"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-steam tooltips" data-original-title="Steam"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-xbox tooltips" data-original-title="Xbox"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-windows tooltips" data-original-title="Windows"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-outlook tooltips" data-original-title="Outlook"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-coderwall tooltips" data-original-title="Coderwall"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-tripadvisor tooltips" data-original-title="Tripadvisor"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-appnet tooltips" data-original-title="Appnet"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-goodreads tooltips" data-original-title="Goodreads"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-tripit tooltips" data-original-title="Tripit"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lanyrd tooltips" data-original-title="Lanyrd"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-slideshare tooltips" data-original-title="Slideshare"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-buffer tooltips" data-original-title="Buffer"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-rss tooltips" data-original-title="Rss"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-vkontakte tooltips" data-original-title="Vkontakte"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-disqus tooltips" data-original-title="Disqus"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-houzz tooltips" data-original-title="Houzz"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-mail tooltips" data-original-title="Mail"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-patreon tooltips" data-original-title="Patreon"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-paypal tooltips" data-original-title="Paypal"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-playstation tooltips" data-original-title="Playstation"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-smugmug tooltips" data-original-title="Smugmug"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-swarm tooltips" data-original-title="Swarm"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-triplej tooltips" data-original-title="Triplej"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-yammer tooltips" data-original-title="Yammer"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-stackoverflow tooltips" data-original-title="Stackoverflow"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-drupal tooltips" data-original-title="Drupal"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-odnoklassniki tooltips" data-original-title="Odnoklassniki"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-android tooltips" data-original-title="Android"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-meetup tooltips" data-original-title="Meetup"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-persona tooltips" data-original-title="Persona"></a>
                            </div>
                        </div>
                    </div>
                    <div class="c-content-panel">
                        <div class="c-label">solid icons</div>
                        <div class="c-body">
                            <div class="socicons">
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-twitter tooltips" data-original-title="Twitter"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-facebook tooltips" data-original-title="Facebook"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-google tooltips" data-original-title="Google"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-pinterest tooltips" data-original-title="Pinterest"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-foursquare tooltips" data-original-title="Foursquare"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-yahoo tooltips" data-original-title="Yahoo"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-skype tooltips" data-original-title="Skype"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-yelp tooltips" data-original-title="Yelp"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-feedburner tooltips" data-original-title="Feedburner"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-linkedin tooltips" data-original-title="Linkedin"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-viadeo tooltips" data-original-title="Viadeo"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-xing tooltips" data-original-title="Xing"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-myspace tooltips" data-original-title="Myspace"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-soundcloud tooltips" data-original-title="Soundcloud"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-spotify tooltips" data-original-title="Spotify"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-grooveshark tooltips" data-original-title="Grooveshark"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-lastfm tooltips" data-original-title="Lastfm"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-youtube tooltips" data-original-title="Youtube"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-vimeo tooltips" data-original-title="Vimeo"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-dailymotion tooltips" data-original-title="Dailymotion"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-vine tooltips" data-original-title="Vine"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-flickr tooltips" data-original-title="Flickr"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-500px tooltips" data-original-title="500px"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-instagram tooltips" data-original-title="Instagram"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-wordpress tooltips" data-original-title="Wordpress"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-tumblr tooltips" data-original-title="Tumblr"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-blogger tooltips" data-original-title="Blogger"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-technorati tooltips" data-original-title="Technorati"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-reddit tooltips" data-original-title="Reddit"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-dribbble tooltips" data-original-title="Dribbble"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-stumbleupon tooltips" data-original-title="Stumbleupon"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-digg tooltips" data-original-title="Digg"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-envato tooltips" data-original-title="Envato"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-behance tooltips" data-original-title="Behance"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-delicious tooltips" data-original-title="Delicious"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-deviantart tooltips" data-original-title="Deviantart"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-forrst tooltips" data-original-title="Forrst"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-playstore tooltips" data-original-title="Playstore"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-zerply tooltips" data-original-title="Zerply"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-wikipedia tooltips" data-original-title="Wikipedia"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-apple tooltips" data-original-title="Apple"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-flattr tooltips" data-original-title="Flattr"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-github tooltips" data-original-title="Github"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-chimein tooltips" data-original-title="Chimein"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-friendfeed tooltips" data-original-title="Friendfeed"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-newsvine tooltips" data-original-title="Newsvine"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-identica tooltips" data-original-title="Identica"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-bebo tooltips" data-original-title="Bebo"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-zynga tooltips" data-original-title="Zynga"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-steam tooltips" data-original-title="Steam"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-xbox tooltips" data-original-title="Xbox"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-windows tooltips" data-original-title="Windows"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-outlook tooltips" data-original-title="Outlook"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-coderwall tooltips" data-original-title="Coderwall"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-tripadvisor tooltips" data-original-title="Tripadvisor"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-appnet tooltips" data-original-title="Appnet"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-goodreads tooltips" data-original-title="Goodreads"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-tripit tooltips" data-original-title="Tripit"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-lanyrd tooltips" data-original-title="Lanyrd"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-slideshare tooltips" data-original-title="Slideshare"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-buffer tooltips" data-original-title="Buffer"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-rss tooltips" data-original-title="Rss"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-vkontakte tooltips" data-original-title="Vkontakte"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-disqus tooltips" data-original-title="Disqus"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-houzz tooltips" data-original-title="Houzz"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-mail tooltips" data-original-title="Mail"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-patreon tooltips" data-original-title="Patreon"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-paypal tooltips" data-original-title="Paypal"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-playstation tooltips" data-original-title="Playstation"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-smugmug tooltips" data-original-title="Smugmug"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-swarm tooltips" data-original-title="Swarm"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-triplej tooltips" data-original-title="Triplej"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-yammer tooltips" data-original-title="Yammer"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-stackoverflow tooltips" data-original-title="Stackoverflow"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-drupal tooltips" data-original-title="Drupal"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-odnoklassniki tooltips" data-original-title="Odnoklassniki"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-android tooltips" data-original-title="Android"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-meetup tooltips" data-original-title="Meetup"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-solid c-bg-red c-font-white c-bg-green-hover socicon-persona tooltips" data-original-title="Persona"></a>
                            </div>
                        </div>
                    </div>
                    <div class="c-content-panel">
                        <div class="c-label">large size</div>
                        <div class="c-body">
                            <div class="socicons">
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-twitter tooltips" data-original-title="Twitter"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-facebook tooltips" data-original-title="Facebook"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-google tooltips" data-original-title="Google"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-pinterest tooltips" data-original-title="Pinterest"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-foursquare tooltips" data-original-title="Foursquare"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-yahoo tooltips" data-original-title="Yahoo"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-skype tooltips" data-original-title="Skype"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-yelp tooltips" data-original-title="Yelp"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-feedburner tooltips" data-original-title="Feedburner"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-linkedin tooltips" data-original-title="Linkedin"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-viadeo tooltips" data-original-title="Viadeo"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-xing tooltips" data-original-title="Xing"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-myspace tooltips" data-original-title="Myspace"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-soundcloud tooltips" data-original-title="Soundcloud"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-spotify tooltips" data-original-title="Spotify"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-grooveshark tooltips" data-original-title="Grooveshark"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-lastfm tooltips" data-original-title="Lastfm"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-youtube tooltips" data-original-title="Youtube"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-vimeo tooltips" data-original-title="Vimeo"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-dailymotion tooltips" data-original-title="Dailymotion"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-vine tooltips" data-original-title="Vine"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-flickr tooltips" data-original-title="Flickr"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-500px tooltips" data-original-title="500px"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-instagram tooltips" data-original-title="Instagram"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-wordpress tooltips" data-original-title="Wordpress"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-tumblr tooltips" data-original-title="Tumblr"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-blogger tooltips" data-original-title="Blogger"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-technorati tooltips" data-original-title="Technorati"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-reddit tooltips" data-original-title="Reddit"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-dribbble tooltips" data-original-title="Dribbble"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-stumbleupon tooltips" data-original-title="Stumbleupon"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-digg tooltips" data-original-title="Digg"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-envato tooltips" data-original-title="Envato"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-behance tooltips" data-original-title="Behance"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-delicious tooltips" data-original-title="Delicious"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-deviantart tooltips" data-original-title="Deviantart"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-forrst tooltips" data-original-title="Forrst"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-playstore tooltips" data-original-title="Playstore"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-zerply tooltips" data-original-title="Zerply"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-wikipedia tooltips" data-original-title="Wikipedia"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-apple tooltips" data-original-title="Apple"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-flattr tooltips" data-original-title="Flattr"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-github tooltips" data-original-title="Github"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-chimein tooltips" data-original-title="Chimein"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-friendfeed tooltips" data-original-title="Friendfeed"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-newsvine tooltips" data-original-title="Newsvine"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-identica tooltips" data-original-title="Identica"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-bebo tooltips" data-original-title="Bebo"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-zynga tooltips" data-original-title="Zynga"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-steam tooltips" data-original-title="Steam"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-xbox tooltips" data-original-title="Xbox"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-windows tooltips" data-original-title="Windows"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-outlook tooltips" data-original-title="Outlook"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-coderwall tooltips" data-original-title="Coderwall"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-tripadvisor tooltips" data-original-title="Tripadvisor"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-appnet tooltips" data-original-title="Appnet"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-goodreads tooltips" data-original-title="Goodreads"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-tripit tooltips" data-original-title="Tripit"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-lanyrd tooltips" data-original-title="Lanyrd"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-slideshare tooltips" data-original-title="Slideshare"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-buffer tooltips" data-original-title="Buffer"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-rss tooltips" data-original-title="Rss"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-vkontakte tooltips" data-original-title="Vkontakte"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-disqus tooltips" data-original-title="Disqus"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-houzz tooltips" data-original-title="Houzz"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-mail tooltips" data-original-title="Mail"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-patreon tooltips" data-original-title="Patreon"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-paypal tooltips" data-original-title="Paypal"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-playstation tooltips" data-original-title="Playstation"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-smugmug tooltips" data-original-title="Smugmug"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-swarm tooltips" data-original-title="Swarm"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-triplej tooltips" data-original-title="Triplej"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-yammer tooltips" data-original-title="Yammer"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-stackoverflow tooltips" data-original-title="Stackoverflow"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-drupal tooltips" data-original-title="Drupal"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-odnoklassniki tooltips" data-original-title="Odnoklassniki"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-android tooltips" data-original-title="Android"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-meetup tooltips" data-original-title="Meetup"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-lg socicon-solid c-theme-bg c-font-white c-bg-red-hover socicon-persona tooltips" data-original-title="Persona"></a>
                            </div>
                        </div>
                    </div>
                    <div class="c-content-panel">
                        <div class="c-label">small size</div>
                        <div class="c-body">
                            <div class="socicons">
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-twitter tooltips" data-original-title="Twitter"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-facebook tooltips" data-original-title="Facebook"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-google tooltips" data-original-title="Google"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-pinterest tooltips" data-original-title="Pinterest"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-foursquare tooltips" data-original-title="Foursquare"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-yahoo tooltips" data-original-title="Yahoo"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-skype tooltips" data-original-title="Skype"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-yelp tooltips" data-original-title="Yelp"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-feedburner tooltips" data-original-title="Feedburner"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-linkedin tooltips" data-original-title="Linkedin"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-viadeo tooltips" data-original-title="Viadeo"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-xing tooltips" data-original-title="Xing"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-myspace tooltips" data-original-title="Myspace"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-soundcloud tooltips" data-original-title="Soundcloud"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-spotify tooltips" data-original-title="Spotify"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-grooveshark tooltips" data-original-title="Grooveshark"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-lastfm tooltips" data-original-title="Lastfm"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-youtube tooltips" data-original-title="Youtube"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-vimeo tooltips" data-original-title="Vimeo"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-dailymotion tooltips" data-original-title="Dailymotion"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-vine tooltips" data-original-title="Vine"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-flickr tooltips" data-original-title="Flickr"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-500px tooltips" data-original-title="500px"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-instagram tooltips" data-original-title="Instagram"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-wordpress tooltips" data-original-title="Wordpress"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-tumblr tooltips" data-original-title="Tumblr"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-blogger tooltips" data-original-title="Blogger"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-technorati tooltips" data-original-title="Technorati"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-reddit tooltips" data-original-title="Reddit"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-dribbble tooltips" data-original-title="Dribbble"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-stumbleupon tooltips" data-original-title="Stumbleupon"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-digg tooltips" data-original-title="Digg"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-envato tooltips" data-original-title="Envato"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-behance tooltips" data-original-title="Behance"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-delicious tooltips" data-original-title="Delicious"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-deviantart tooltips" data-original-title="Deviantart"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-forrst tooltips" data-original-title="Forrst"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-playstore tooltips" data-original-title="Playstore"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-zerply tooltips" data-original-title="Zerply"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-wikipedia tooltips" data-original-title="Wikipedia"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-apple tooltips" data-original-title="Apple"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-flattr tooltips" data-original-title="Flattr"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-github tooltips" data-original-title="Github"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-chimein tooltips" data-original-title="Chimein"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-friendfeed tooltips" data-original-title="Friendfeed"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-newsvine tooltips" data-original-title="Newsvine"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-identica tooltips" data-original-title="Identica"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-bebo tooltips" data-original-title="Bebo"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-zynga tooltips" data-original-title="Zynga"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-steam tooltips" data-original-title="Steam"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-xbox tooltips" data-original-title="Xbox"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-windows tooltips" data-original-title="Windows"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-outlook tooltips" data-original-title="Outlook"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-coderwall tooltips" data-original-title="Coderwall"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-tripadvisor tooltips" data-original-title="Tripadvisor"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-appnet tooltips" data-original-title="Appnet"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-goodreads tooltips" data-original-title="Goodreads"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-tripit tooltips" data-original-title="Tripit"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-lanyrd tooltips" data-original-title="Lanyrd"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-slideshare tooltips" data-original-title="Slideshare"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-buffer tooltips" data-original-title="Buffer"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-rss tooltips" data-original-title="Rss"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-vkontakte tooltips" data-original-title="Vkontakte"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-disqus tooltips" data-original-title="Disqus"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-houzz tooltips" data-original-title="Houzz"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-mail tooltips" data-original-title="Mail"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-patreon tooltips" data-original-title="Patreon"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-paypal tooltips" data-original-title="Paypal"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-playstation tooltips" data-original-title="Playstation"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-smugmug tooltips" data-original-title="Smugmug"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-swarm tooltips" data-original-title="Swarm"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-triplej tooltips" data-original-title="Triplej"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-yammer tooltips" data-original-title="Yammer"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-stackoverflow tooltips" data-original-title="Stackoverflow"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-drupal tooltips" data-original-title="Drupal"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-odnoklassniki tooltips" data-original-title="Odnoklassniki"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-android tooltips" data-original-title="Android"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-meetup tooltips" data-original-title="Meetup"></a>
                                <a href="#" class="socicon-btn socicon-btn-circle socicon-sm socicon-solid c-bg-yellow c-font-white c-theme-bg-on-hover socicon-persona tooltips" data-original-title="Persona"></a>
                            </div>
                        </div>
                    </div>
                    <div class="c-content-panel">
                        <div class="c-label">signup with buttons</div>
                        <div class="c-body">
                            <div class="row">
                                <div class="col-md-4">
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-adn">
                                        <i class="fa fa-adn"></i> Sign in with App.net </a>
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-bitbucket">
                                        <i class="fa fa-bitbucket"></i> Sign in with Bitbucket </a>
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-dropbox">
                                        <i class="fa fa-dropbox"></i> Sign in with Dropbox </a>
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-facebook">
                                        <i class="fa fa-facebook"></i> Sign in with Facebook </a>
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-flickr">
                                        <i class="fa fa-flickr"></i> Sign in with Flickr </a>
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-foursquare">
                                        <i class="fa fa-foursquare"></i> Sign in with Foursquare </a>
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-github">
                                        <i class="fa fa-github"></i> Sign in with GitHub </a>
                                </div>
                                <div class="col-md-4">
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-google">
                                        <i class="fa fa-google-plus"></i> Sign in with Google </a>
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-instagram">
                                        <i class="fa fa-instagram"></i> Sign in with Instagram </a>
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-linkedin">
                                        <i class="fa fa-linkedin"></i> Sign in with LinkedIn </a>
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-microsoft">
                                        <i class="fa fa-windows"></i> Sign in with Microsoft </a>
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-openid">
                                        <i class="fa fa-openid"></i> Sign in with OpenID </a>
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-pinterest">
                                        <i class="fa fa-pinterest"></i> Sign in with Pinterest </a>
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-reddit">
                                        <i class="fa fa-reddit"></i> Sign in with Reddit </a>
                                </div>
                                <div class="col-md-4">
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-soundcloud">
                                        <i class="fa fa-soundcloud"></i> Sign in with SoundCloud </a>
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-tumblr">
                                        <i class="fa fa-tumblr"></i> Sign in with Tumblr </a>
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-twitter">
                                        <i class="fa fa-twitter"></i> Sign in with Twitter </a>
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-vimeo">
                                        <i class="fa fa-vimeo-square"></i> Sign in with Vimeo </a>
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-vk">
                                        <i class="fa fa-vk"></i> Sign in with VK </a>
                                    <a class="btn btn-block btn-social c-btn-square c-btn-uppercase btn-md btn-yahoo">
                                        <i class="fa fa-yahoo"></i> Sign in with Yahoo! </a>
                                </div>
                            </div>
                        </div>
                    </div>