<div class=“col align-self-end”>

<div class="user-profile">
        <div class="avatar">
                <a href="/"><img src="{{ prepend: site.baseurl}}/assets/images/richard_mountain.jpg" class="circle brand-border"></a>
        </div>
        <strong class="my-name">Richard Mountain</strong>
        <span class="job-title">Software Developer</span>
        <div class="about-me">
                <p>I create things.  I am a software developer and I enjoy bringing other peoples ideas to life.</p>
                <p>One of my favorite pass times is playing online computer games with friends.</p>
        </div>
        <div class="latest-posts">
                <h3 class="header">Latest Posts</h3>
                <ul>
                        {% for post in site.posts limit:5 %}
                                <li class="{% if post.url == page.url %}active{% endif %}">
                                        <a href="{{ post.url }}">{{ post.title }}</a>
                                </li>
                        {% endfor %}
                </ul>
        </div>
</div>

</div>