Skip to content

Instantly share code, notes, and snippets.

@kranthilakum

kranthilakum/social.html

Last active December 19, 2015 05:19
Show Gist options
  • Save kranthilakum/5903225 to your computer and use it in GitHub Desktop.
Save kranthilakum/5903225 to your computer and use it in GitHub Desktop.
Download ZIP
My Social Links using Font-Awesome and Twitter Bootstrap
Raw
social.html
<!DOCTYPE HTML>
<html>
<head>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet"/>
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"/>
.social ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.social li{
margin-bottom: 10px;
display: inline;
}
.btn-bottom{
margin-bottom: 10px;
}
</head>
<body>
<ul class="social">
<li><a class="btn btn-bottom" href="http://se.linkedin.com/in/kranthilakum"><i class="icon-linkedin icon-large"></i>&nbsp;LinkedIn</a></li>
<li><a class="btn btn-bottom" href="https://github.com/kranthilakum"><i class="icon-github-alt icon-large"></i>&nbsp;Github</a></li>
<li><a class="btn btn-bottom" href="http://be.net/krakum">Behance</a></li>
<li><a class="btn btn-bottom" href="http://www.twitter.com/krakum"><i class="icon-twitter icon-large"></i>&nbsp;Twitter</a></li>
<li><a class="btn btn-bottom" href="http://www.facebook.com/kranthi.lakum"><i class="icon-facebook icon-large"></i>&nbsp;Facebook</a></li>
<li><a class="btn btn-bottom" href="https://plus.google.com/112600551502499178415"><i class="icon-google-plus icon-large"></i>&nbsp;Google+</a></li>
<li><a class="btn btn-bottom" href="http://www.youtube.com/user/Krakumified"><i class="icon-youtube icon-large"></i>&nbsp;YouTube</a></li>
<li><a class="btn btn-bottom" href="http://www.flickr.com/photos/prince-apple"><i class="icon-flickr icon-large"></i>&nbsp;Flickr</a></li>
<li><a class="btn btn-bottom" href="http://instagram.com/krakum"><i class="icon-instagram icon-large"></i>&nbsp;Instagram</a></li>
<li><a class="btn btn-bottom" href="http://pinterest.com/krakum"><i class="icon-pinterest icon-large"></i>&nbsp;Pinterest</a></li>
<li><a class="btn btn-bottom" href="http://goodreads.com/krakum">GoodReads</a></li>
<li><a class="btn btn-bottom" href="http://www.diigo.com/krakum">Diigo</a></li>
<li><a class="btn btn-bottom" href="http://stackoverflow.com/users/1509209/krakum"><i class="icon-stackexchange icon-large"></i>&nbsp;StackOverflow</a></li>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment