<div class="card">
    <div class="card-header bg-info">
        <h3 class="card-title">Recent Posts</h3>
    </div>
    <ul class="list-group">
        {LOOP}
            <li class="list-group-item">
                <a href="{ROOT_URL}blog/post/{ID}">{title}</a>
            </li>
        {/LOOP}
        {ALT}
            <li class="list-group-item">No Posts to show</li>
        {/ALT}
    </ul>
</div>