{% load wagtailcore_tags wagtailimages_tags %}

{% if page.trans_infos %}
<section id="three" class="wrapper align-center">
	<div class="container">
		<div class="row infoblocks">
    	{% for block in page.trans_infos %}
			<article class="col-md-4">
				<a href="{{ block.value.url }}">
					<div class="image">
						{% image block.value.photo fill-300x300 %}
					</div>
					<header>
						<h3>{{ block.value.title }}</h3>
					</header>
				</a>
				{{ block.value.summary|richtext }}
				{% if block.value.action %}
				<footer>
					<a href="{{ block.value.url }}" class="btn btn-default">{{ block.value.action }}</a>
				</footer>
				{% endif %}
			</article>
    	{% endfor %}
		</div>
	</div>
</section>
{% endif %}