{% load static %}
{% get_static_prefix as STATIC_PREFIX %}
<div class="card-columns" id="feeds">
  {% for article in articles %}
    <div class="card">
      <a href="{{ article.url }}">
        <img class="card-img-top img-fluid" alt="{{ article.title }}"
             src="{% firstof article.image.home.url article.feed.image.home.url "static/images/card.png" %}">
      </a>
      <div class="card-block">
        <a href="{{ article.url }}" class="card-link"><h4 class="card-title">{{ article.title }}</h4></a>
        <p class="card-text">{{ article.feed.author }}</p>
        <p class="card-text">{{ article.description|striptags|truncatewords:30 }}</p>
        <a href="{{ article.url }}" class="card-link">View Original</a>
      </div>
    </div>
  {% endfor %}
</div>