<div class="post-item-inner">

  {% if article.image %}
    <div class="post-image {% if _lazyload %}lazyload waiting{% endif %}">
      {% assign image_alt = article.title | escape %}
      <a href="{{ article.url }}">
        <img {% if _lazyload %}class="lazyload" data-{% endif %}src="{{ article | img_url: _image_size }}" alt="Blog" />
      </a>
    </div>
  {% endif %}

  <div class="post-content">
    <div class="date-author">
      <span class="date">{{ article.published_at | date: "%B %d, %Y" }}</span>
      <span class="post-author">{{ article.author }}</span>
    </div>

    <div class="post-title {{ _article_name_size }}"><a href="{{ article.url }}">{{ article.title }}</a></div>

    {% if section.settings.show_excerpt and article.content != blank %}
      <div class="post-excerpt">{{ article.content | truncatewords: 20 }}</div>
    {% endif %}

    <div class="post-button">
      <a class="btn btn-2 read-more" href="{{article.url}}">{{ 'blogs.article.read_more' | t }}</a>
      <span class="post-comment"><i class="demo-icon icon-eye"></i>{{ article.comments_count }}</span>
    </div>
  </div>

</div> 