{{ header }}
<div class="container">
    <ul class="breadcrumb">
        {% for breadcrumb in breadcrumbs %}
            <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
        {% endfor %}
    </ul>
</div>
  <div class="container">
        <div class="main">
  <div class="row">{{ column_left }}
      {% if column_left and column_right %}
          {% set class = 'col-sm-6' %}
      {% elseif column_left or column_right %}
          {% set class = 'col-sm-9' %}
      {% else %}
          {% set class = 'col-sm-12' %}
      {% endif %}
      <div id="content" class="{{ class }}">{{ content_top }}
      <div class="article-titles"><h1>{{ heading_title }}</h1></div>
      {% if articles %}
          <div class="article-page">
            {% set i = 0 %}
            {% for article in articles %}
              {% set i = i + 1 %}
            <div class="article-layout article-list">
                <div class="article-item {{ (i % 2 == 0) ? 'even' : 'odd' }}">
                <div class="article-item-inner">

                  <div class="article-intro">
                    <div class="article-name"><h4><a href="{{ article.href }}">{{ article.name }}</a></h4></div>
                    <p class="articledate">{{ article.date_added }}{% if article.author %}{{ " | " ~ article.author }}{% endif %}</p>

                    <div class="intro-content">
					<div class="col-sm-2 text-center">
						<img src="{{ article.image }}" alt="{{ article.name }}"/>
					</div>
					<div class="col-sm-10">
						<p>{{ article.intro_text }}</p>
						<a class="btn readmore-page" href="{{ article.href }}">{{ button_read_more }}</a>
					</div>
					</div>
                  </div>                  
                </div>
              </div>
            </div>
            {% endfor %}

          </div>
          <div class="toolbar4">
            <div class="col-sm-12 col-lg-8 show-page">{{ pagination }}</div>
            <div class="col-sm-12 col-lg-4 text-right">{{ results }}</div>
          </div>
      {% else %}
      <p>{{ text_empty }}</p>
      {% endif %}
          {{ content_bottom }}</div>
      {{ column_right }}</div>
</div></div>
{{ footer }}
