{% extends "layout.html" %}
{% block content %}
<div class="container">
    {% for feed in feeds %}
        <div class="row">
            <div class="col-md-6 col-md-offset-3"><h1>{{ feed.title }}</h1></div>
        </div>
    {% for number in range(0, feed.articles[:10]|length-2, 3) %}
        <div class="row">
            <div class="col-xs-6 col-sm-4 col-md-4">
                <h2>{{ feed.articles[number].title }}<h2>
                <h6>{{ feed.articles[number].date }}</h6>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-4">
                <h2>{{ feed.articles[number+1].title }}<h2>
                <h6>{{ feed.articles[number+1].date }}</h6>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-4">
                <h2>{{ feed.articles[number+2].title }}<h2>
                <h6>{{ feed.articles[number+2].date }}</h6>
            </div>
        </div>
    {% endfor %}
    {% endfor %}
</div><!-- /.container -->
{% endblock %}