<div class=“col-sm-3 col-md-2 sidebar” id=“sidebar”>
<div class="hidden-xs" class="logo"> <a href="{{ site.url }}"> <img src="{{ site.url }}/assets/img/sidebar-logo.png" class="img-responsive center-block animated fadeInUp"/> </a> </div> <ul class="nav" id="lg-menu"> <li><a href="{{ site.url }}#services"><i class="fa fa-cogs"></i> Services</a></li> <li><a href="{{ site.url }}#about"><i class="fa fa-info-circle"></i> About</a></li> <li class="disabled"><a href="{{ site.url }}#portfolio"><i class="fa fa-laptop"></i> Portfolio</a></li> {{ assign post = site.posts.first }} <li><a href="{{ site.url }}{{ post.url }}"><i class="fa fa-keyboard-o"></i> Latest Blog Post</a></li> </ul> <ul class="list-unstyled hidden-xs" id="sidebar-footer"> <li> <a href="https://www.facebook.com/stuartmccoll"> <i class="fa fa-facebook fa-lg"></i> </a> </li> <li> <a href="http://www.github.com/stuartmccoll"> <i class="fa fa-github fa-lg"></i> </a> </li> <li> <a href="http://stackoverflow.com/users/5890174/stuartmccoll"> <i class="fa fa-stack-overflow fa-lg"></i> </a> </li> </ul>
</div>