$( document ).ready(function() {
// Next the special services.
let url = '/common/tax-blog-enteries.json';
$.getJSON(url, function(json) {
$.each(json.blogs , function(i, blog) {
var content = `<div
class="col-12 col-md-3 mb-4 d-flex align-items-stretch"><div
class="card insight-action">
<a
href="${blog.url}"><div
style="position: relative" class="card-img-top-container">
<img
src="${blog.thumbnail}" class="card-img-top" alt="${blog.title}" loading="lazy"><div
class="insights-category-img">
<img
class="insights-cat-image" src="${blog.overlay_img}" alt="${blog.title}" loading="lazy"></div></div><div
class="card-body"><div
class="card-title insights-tile-subject">${blog.title}</div><div
class="card-text"><div
class="insights-tile-title"><div
class="d-flex flex-row justify-content-start"><div
class="flex-column justify-content-start">
<span
class="reminder-month" style="font-size: .75rem; font-weight: 700; line-height: .5rem;">${blog.date}</span>
<span
style="font-size: .75rem; font-weight: 700; line-height: .5rem;"></span></div></div></div></div></div>
</a></div></div>`;
$("#blog-entries").append(content);
});
})
.fail(function() {
console.log( "error" );
})
.always(function() {
console.log( "recent blog articles load completed" )
});
});