<section class="section section--blog ">
    <div class="row row--wide">

        <header class="section-header">
            <h1 class="section-title">The BigchainDB Blog</h1>
            <p class="section-description">Updates, stories and ideas from the people behind BigchainDB.</p>
        </header>

        <div class="grid grid--full grid-small--half grid-medium--third grid--gutters">
            {% for article in site.articles | limit: 6 %}
                <div class="grid__col">
                    <a class="article article--{{ article.title | downcase | truncatewords: 3, '' | replace: ' ', '-' }}" href="{{ article.link }}" style="background-image: url('{{ article.image }}')">

                        <h1 class="article__title">
                            {{ article.title }}
                        </h1>
                    </a>
                </div>
            {% endfor %}
        </div>

        <p class="text-center">
            <a class="btn btn-secondary" href="{{ site.blog }}">Go to blog</a>
        </p>

    </div>
</section>