<link href="font-awesome-4.0.3/css/font-awesome.min.css" rel="stylesheet">
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="https://www.facebook.com/"><i class="fa fa-facebook-square fa-fw fa-5x"></i> Twitter</a></li>
<li><a href="https://twitter.com/"><i class=" fa fa-twitter-square fa-fw fa-5x"></i> Twitter</a></li>
<li><a href="https://plus.google.com/up/"><i class="fa fa-google-plus-square fa-fw fa-5x"></i> Google+</a></li>
<li><a "https://www.linkedin.com/"><i class="fa fa-linkedin fa-fw fa-5x"></i> Linkedin</a></li>
<li><a href="http://www.youtube.com/"><i class="fa fa-youtube fa-fw fa-5x"></i> YouTube</a></li>
</ul>
a {
text-decoration:none;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
li {
background:#68C7C8;
width:200px;
margin-top:10px;
}