<div class="teaser-grid-wrapper">
    @foreach($articles as $key => $article)
	
    <article class="article {{ $grid_class }}">
        <div class="data-wrapper">
            <div class="blog-item">
                <p class="category {{ @$category_class }} text-uppercase bold font-firasans">
                    <a href="{{ $article->articleCategory->link }}" target="_blank"><span class="{{ @$category_title_class }}">{{ $article->articleCategory->title }}</span></a>
                </p>
				<a href="{{ $article->link }}" target="_blank" class="font-firasans">
                <div class="image no-padding-xs">
                    @include('site.partials.site.image', ['image' => $article->article_image])
                </div></a>
                <div class="desc body no-padding-xs">

                    <h2 class="title">
                        <a href="{{ $article->link }}" target="_blank" class="font-firasans">{{ $article->title }}</a>
                    </h2>

                    @include('site.partials.article.author_date_time', ['article' => $article, 'date' => TRUE])

                    <p class="summary">
                        {{ $article->content_summary }}
                    </p>

                    <a href="{{ $article->link }}" target="_blank" class="read-more">Continue Reading...</a>
                </div>
            </div>
        </div>
		
    </article>
	
    
    @endforeach
	
</div>