{% extends 'layout.twig' %}

{% block content %}
	<div id="vwklhtmltables-featured-plugins" class="vwklhtmltables-item vwklhtmltables-item-autoheight">
		<div class="vwklhtmltablesPageBundleContainer container-fluid">
			<div class="bundle-text col-md-7 col-xs-12">{{ translate('Get plugins bundle today and save over 80%', PPS_LANG_CODE) }}</div>
			<div class="bundle-btn col-md-5 col-xs-12">
				<a href="{{ bundleUrl }}" class="btn btn-full btn-revert hvr-shutter-out-horizontal" target="_blank">
					{{ translate('Check It out', PPS_LANG_CODE) }}
				</a>
			</div>
		</div>
		<hr />
		{% for p in pluginsList %}
			<div class="catitem col-md-4 col-sm-6 col-xs-12">
				<div class="download-product-item">
					<div class="dp-thumb text-center">
						<a href="{{ p.url }}" target="_blank">
							<img src="{{ p.img }}" class="img-responsive wp-post-image" alt="{{ p.label }}" />					
						</a>
					</div>
					<div class="dp-title">
						<a href="{{ p.url }}" target="_blank">
							{{ p.label }}
						</a>
					</div>
					<div class="dp-excerpt">
						<div class="dp-excerpt-wrapper">
							{{ p.desc }}
						</div>
					</div>
					<div class="dp-buttons">
						<a href="{{ p.url }}" target="_blank" class="btn btn-full hvr-shutter-out-horizontal">
							{{ translate('More info', PPS_LANG_CODE) }}
						</a>
						<a href="{{ p.download }}" target="_blank" class="btn btn-full btn-info hvr-shutter-out-horizontal">
							{{ translate('Download', PPS_LANG_CODE) }}
						</a>
					</div>
				</div>
			</div>
		{% endfor %}
	</div>
{% endblock %}