<div class="blog-post">
	<div class="row blog-post__inner">
	{% for key, value in article|items %}
	    <article class="one_half-sm">
			<div class="blog-post__col">
				<div class="blog-post__image">
					<a href="{{value.href}}"><img src="{% if value.image %} {{value.image.src}}  {% endif %}" class="full-width img--responsive" alt="{{value.image.alt}}" title="{{value.image.title}}" /></a>
				</div>
				<div class="blog-post__content">
					<h6 class="blog-post--title"><a href="{{value.href}}">{{value.title}}</a></h6>
					<div class="blog-post_info">
						<ul>
							<li class="post_author"> <i class="fa fa-user"></i>{{value.author}}</li>
							{%- for category in value.categories-%}
							<li class="post_category"><i class="fa fa-suitcase"></i>{{category.name}}</li>
							{%- endfor -%}
							{%- for tag in value.tags-%}
							<li class="_post_postname"><i class="fa fa-tag"></i>{{tag.name}}</li>
							{%- endfor -%}
						</ul>
					</div>
					<div class="blog-post--des"><p>{{value.excerpt|safe}}</p>
					</div>
					<div class="blog-post__bottom">
						<ul>
						  <li class="blog-post--date">
							<span> <i class="fa fa-calendar"></i> {{value.date|date("M")}} {{value.date|date("Y")}}</span>
						  </li>
						  <li class="blog-post--comments">
							<a  href="{{value.href~'#comments'}}"> <i class="fa fa-comment-o"></i> {{value.comment_count}} Comments</a> 
						  </li>
					    </ul>
					</div>
			</div>
		</article>
	{% endfor %}
	</div>
</div>