{% for content in collection %}
<div class="col-lg-4 col-md-6 col-sm-12 news-block">
<div class="news-block-one work-abroad-item wow fadeInUp animated animated" data-wow-delay="00ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInUp;">
<div class="inner-box">
<figure class="image-box">
<a href="{{ path(content.getRouteName()) }}">
<img src="{{ content.thumbnail|imagine_filter('thumbnail_large') }}" alt="{{ content.title }}"></a>
</figure>
<div class="lower-content">
<h3><a href="{{ path(content.getRouteName()) }}">{{ content.title }}</a></h3>
<p>{{ content.summary|u.truncate(150)}}</p>
<div class="link-btn">
<a href="{{ path(content.getRouteName()) }}"><span>Read More</span></a>
</div>
</div>
</div>
</div>
</div>
{% endfor %}