{% set pageTitle = 'ALVADI Image Plugin' %}
{% extends '../_layouts/_dev.twig' %}
{% block beforeContent %}
	<div style="background: #fff;">
		<div>
			1140px
			<img class="img-block" src="/dev/images/jmbt-1140.png" alt="" />
		</div>
		<div>
			2280px
			<img class="img-block" src="/dev/images/jmbt-2280.png" alt="" />
		</div>
		<div>
			2850px
			<img class="img-block" src="/dev/images/jmbt-2850.png" alt="" />
		</div>
		<div>
			3420px
			<img class="img-block" src="/dev/images/jmbt-3420.png" alt="" />
		</div>
	</div>
{% endblock %}
{% block content %}
	<h6>Флаги</h6>
	{% set countries = ['ee', 'ad'] %}
	{# 'ee', 'ad', 'ae', 'af', 'cz' #}
	<table class="table">
		<thead>
		<tr>
			<th>&nbsp;</th>
			<th>Origin: 48px</th>
			<th>Origin: 96px</th>
			<th>Origin: 120px</th>
			<th>Origin: 144px</th>
		</tr>
		</thead>
		<tbody>
		{% for flag in countries %}
			<tr>
				<td>48px</td>
				<td><img class="flag-shadow" src="/dev/images/flags/{{ flag }}-48.png" width="48" alt="" /></td>
				<td><img class="flag-shadow" src="/dev/images/flags/{{ flag }}-96.png" width="48" alt="" /></td>
				<td><img class="flag-shadow" src="/dev/images/flags/{{ flag }}-120.png" width="48" alt="" /></td>
				<td><img class="flag-shadow" src="/dev/images/flags/{{ flag }}-144.png" width="48" alt="" /></td>
			</tr>
		{% endfor %}
		<tbody>
	</table>

{% endblock %}