<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>