<!-- Begin Rockstar Speakers Section -->
<section id="rockstar-speakers" class="rockstar-speakers image-section parallax" style="background-image: url({{ site.baseurl }}/img/rockstar-speakers.jpg);">
	<div class="overlay solid-overlay"></div>
	<div class="content-wrapper">
		<div class="col-lg-10 col-lg-offset-1 rockstar-speakers-list">
			<h3>Rockstar speakers</h3>
				{% for speaker in site.data.speakers %}
					{% if speaker.rockstar %}
						<div id="rockstar-speaker-{{ speaker.id }}" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="{{ speaker.id }}" data-animation="fadeInUp" data-delay="500">
							<div class="rockstar-speaker">
								<div class="flow-img img-circle rockstar-speaker-img" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"></div>
								<div class="name">{{ speaker.name }} {{ speaker.surname }}</div>
								<div class="sub">{{ speaker.company }}</div>
							</div>
						</div>
					{% endif %}
				{% endfor %}
			
			<div class="clearfix"></div> 
			<span class="bordered">
				<a href="{{ site.baseurl }}/speakers/" class="bottom-section-link waves-effect waves-button waves-light">See all speakers</a>
			</span>
		</div>
	</div>
</section>
<!-- End Rockstar Speakers Section -->