<div class="card context-main-bg">
    <div class="card-header">
        <h3 class="card-title">Recent Posts</h3>
    </div>
    <div class="card-body">
        <ol class="list-unstyled">
            {LOOP}
                <li><a href="{ROOT_URL}blog/post/{ID}" class="text-decoration-none">{title}</a></li>
            {/LOOP}
            {ALT}
                <li>No Posts to show</li>
            {/ALT}
        </ol>
    </div>
    <div class="card-footer">
        <a href="{ROOT_URL}blog" class="text-decoration-none">View All</a>
    </div>
</div>