<div class="row small-gutter {{ ($page === 1)? 'first-page' : '' }}">
	@foreach ($articles as $article)
		<div class="card card--article col-xs-12 col-ms-6 col-md-4">
            <div class="card-image">
                <a href="{{ $article->getUrl() }}">
                    <img src="{{ $article->getThumbnailUrl() }}" />
                </a>
            </div>
            
            <div class="card-body">
                <header class="card-title">
                    <a href="{{ $article->getUrl() }}" target="_blank">{{ $article->getTitle() }}</a>
                </header>

                <div class="card-category">{{ $article->getPublisher() }}</div>
            </div>
        </div>
	@endforeach
</div>