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