<section id="testimonial" class="testimonial container-fluid dark section padding-30-0">

	<h1>{{ text.review.title }}</h1>

	<header class="title mobile-center">

		<h1>{{ page.name }}</h1>

		{% block title %}

			<h2 class="text-center">{{ text.review.title }}</h2>

		{% endblock %}

	</header>

		

	{% if data.reviews %}

		{% block slideshow %}

			<div class="container">

				<div id="reviews-carousel" class="carousel slide carousel-fade bs-carousel" data-ride="carousel">

					<div class="carousel-inner">

						{% for review in data.reviews %}

							<div class="item{{ loop.first ? ' active' }}">

								<div class="carousel-caption">

									<div class="reviews">

										{% for i in 1..5 %}

											<i class="fa fa-star{{ i > review.classification ? '-o' }} fa-2x"></i>

										{% endfor %}

									</div>

									{{ review.html ? (('<p>' ~ review.html ~ '</p>') | cleaner_tag | raw) }}

									<span class="text-center">{{ (review.first_name ~ ' ' ~ review.last_name) | ucwords }}, {{ review.country }}</span>

								</div>

							</div>

						{% endfor %}

					</div>

					

					{% if data.reviews|length > 1 %}

						{% block slideshow_indicators %}

							<ol class="carousel-indicators">

								{% for i in 1..data.reviews|length %}

									<li{{ loop.first ? ' class="active"' }} data-slide-to="{{ loop.index0 }}" data-target="#reviews-carousel"></li>

								{% endfor %}

							</ol>

						{% endblock %}

					{% endif %}

					

				</div>

			</div>

		{% endblock %}

	{% endif %}

	

	<div class="container">

		<div class="text-center">

			<a href="/review.html?lightbox%5Bwidth%5D=520&amp;lightbox%5Bheight%5D=800" class="lightbox highlight-button inner-link btn btn-default">{{ text.review.button }}</a>

		</div>

	</div>

</section>