{% 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>
            <a href="/articles/{{ feed.id }}"><i class="glyphicon glyphicon-th-list"></i></a>
            </div>
        </div>
    {% for number in range(0, feed.articles|length-2, 3) %}
        <div class="row">
            {% for n in range(number, number+3) %}
            <div class="col-xs-6 col-sm-4 col-md-4">
                 {% if feed.articles[n].readed %}<h3>{% else %}<h1>{% endif %}
                     <a href="/article/{{ feed.articles[n].id }}">{{ feed.articles[n].title }}</a><h2>
                  {% if feed.articles[n].readed %}</h3>{% else %}</h1>{% endif %}
                <h6>{{ feed.articles[n].date }}</h6>
            </div>
            {% endfor %}
        </div>
    {% endfor %}
    {% endfor %}
</div><!-- /.container -->
{% endblock %}