{{#each items}}
    <div class="listing-post" data-blog-post-id="{{link}}">
        <div class="row listing-post-details">
            <div class="col-12 col-md-10">
                <h2 class="listing-post-title"><a href="{{link}}">{{{title}}}</a></h2>
            </div>
            <div class="col-12 col-md-2">
                <div class="post-date">{{pubDate.month}}.{{pubDate.day}}.{{pubDate.year}}</div>
            </div>
        </div>

        <div class="row">
            {{#if thumb.src}}
                <img src="{{thumb.src}}" alt="{{thumb.alt}}" class="listing-post-thumbnail col-sm-3" />
            {{else if image.src}}
                <img src="{{image.src}}" alt="{{image.alt}}" class="listing-post-thumbnail col-sm-3" />
            {{/if}}
            <div class="col-sm-{{#if thumb.src}}9{{else if image.src}}9{{else}}12{{/if}}">
                {{{description}}}
                <div><a href="{{link}}" title="{{title}}" class="read-more">Read More</a></div>
            </div>
        </div>
    </div>
{{/each}}

<div class="listing-pagination">
    {{#if page.next}}
        <a href="?{{urlparams 'page' page.next}}" title="Older Posts" class="listing-older">Older</a>
    {{/if}}
    {{#if page.prev}}
        <a href="?{{urlparams 'page' page.prev}}" title="Newer Posts" class="listing-newer">Newer</a>
    {{/if}}
</div>