<div class="four-item-carousel owl-carousel owl-theme owl-dots-none nav-style-one"> {% for content in collection %} <div class="countries-block-four"> <div class="inner-box"> <div class="image-box"> <img src="{{ content.thumbnail|imagine_filter('thumbnail_large') }}" alt="{{ content.title }}"> </div> <div class="content-box"> <h3><a href="{{ path(content.getRouteName()) }}">{{ content.title }}</a></h3> <p>{{ content.summary|u.truncate(200) }}</p> <a href="{{ path(content.getRouteName()) }}">Read More</a> </div> </div> </div> {% endfor %}</div>