Social Icons

Our portfolio features a variety of projects and servicesClick the image you want to learn about

Hide code Show code
<ul class="template-social-list template-social-list-style-1 template-social-list-animation-1 template-clear-fix">
	<li>
		<a href="#" class="template-social-list-bebo">
			<span>Bebo</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-behance">
			<span>Behance</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-bing">
			<span>Bing</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-blogger">
			<span>Blogger</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-deezer">
			<span>Deezer</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-designfloat">
			<span>Designfloat</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-deviantart">
			<span>Deviantart</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-digg">
			<span>Digg</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-dribbble">
			<span>Dribbble</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-email">
			<span>Email</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-envato">
			<span>Envato</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-facebook">
			<span>Facebook</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-flickr">
			<span>Flickr</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-forrst">
			<span>Forrst</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-foursquare">
			<span>Foursquare</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-friendfeed">
			<span>Friendfeed</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-googleplus">
			<span>Google+</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-instagram">
			<span>Instagram</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-linkedin">
			<span>Linkedin</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-myspace">
			<span>Myspace</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-picasa">
			<span>Picasa</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-pinterest">
			<span>Pinterest</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-reddit">
			<span>Reddit</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-rss">
			<span>RSS</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-skype">
			<span>Skype</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-soundcloud">
			<span>Soundcloud</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-spotify">
			<span>Spotify</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-stumbleupon">
			<span>Stumbleupon</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-technorati">
			<span>Technorati</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-tumblr">
			<span>Tumblr</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-twitter">
			<span>Twitter</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-vimeo">
			<span>Vimeo</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-xing">
			<span>Xing</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-youtube">
			<span>Youtube</span>
		</a>
	</li>
</ul>
Hide code Show code
<ul class="template-social-list template-social-list-style-2 template-social-list-animation-1 template-clear-fix">
	<li>
		<a href="#" class="template-social-list-bebo">
			<span>Bebo</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-behance">
			<span>Behance</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-bing">
			<span>Bing</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-blogger">
			<span>Blogger</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-deezer">
			<span>Deezer</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-designfloat">
			<span>Designfloat</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-deviantart">
			<span>Deviantart</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-digg">
			<span>Digg</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-dribbble">
			<span>Dribbble</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-email">
			<span>Email</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-envato">
			<span>Envato</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-facebook">
			<span>Facebook</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-flickr">
			<span>Flickr</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-forrst">
			<span>Forrst</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-foursquare">
			<span>Foursquare</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-friendfeed">
			<span>Friendfeed</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-googleplus">
			<span>Google+</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-instagram">
			<span>Instagram</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-linkedin">
			<span>Linkedin</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-myspace">
			<span>Myspace</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-picasa">
			<span>Picasa</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-pinterest">
			<span>Pinterest</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-reddit">
			<span>Reddit</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-rss">
			<span>RSS</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-skype">
			<span>Skype</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-soundcloud">
			<span>Soundcloud</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-spotify">
			<span>Spotify</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-stumbleupon">
			<span>Stumbleupon</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-technorati">
			<span>Technorati</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-tumblr">
			<span>Tumblr</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-twitter">
			<span>Twitter</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-vimeo">
			<span>Vimeo</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-xing">
			<span>Xing</span>
		</a>
	</li>
	<li>
		<a href="#" class="template-social-list-youtube">
			<span>Youtube</span>
		</a>
	</li>
</ul>