{% load wagtailcore_tags wagtailimages_tags %}

<div id="carousel-banner" class="slide">
	<div class="carousel-inner slick" role="listbox">
    {% for entry in featured %}
		<div class="item">
			{% image entry.feed_image original as entry_photo %}
			<image style="background-image:url({{ entry_photo.url }})">
			<a href="{% pageurl entry %}">
				<div class="carousel-caption">
					<h3>{{ entry.trans_title }}</h3>
					{{ entry.trans_intro|richtext }}
				</div>
			</a>
		</div>
		{% empty %}
		  <i style="background-color:yellow">Please add articles to the front page using the "Featured" option.</i>
    {% endfor %}
	</div>
</div><!-- /carousel-banner -->

<section id="banner">
	<div class="container">
		<footer class="container">
			<p class="lead">
				{{ page.trans_intro|richtext }}
			</p>
		</footer>
	</div>
</section><!-- /banner -->
