<div id="projectsSliderMd" class="projectsSlider carousel slide mt-5" data-ride="carousel">
	<div class="carousel-inner pl-5 pr-5">
		{% for post in posts %}

		{% set iter = loop.index %}
		{% set number = [7,13,19,25,31,37,43,49,55,61,67,73,79,85,91,98,104,110] %}
			
		{% if loop.index == 1 %}<div class="carousel-item active"><div class="row">{% endif %}
		{% for i in number %}{% if i == iter %}
		</div></div>
		<div class="carousel-item"><div class="row">
		{% endif %}{% endfor %}
			
			<div class="col-sm-4">
				<div class="project-item mb-4">
					<div class="overlay rounded-circle bg-gradient-2"></div>
					<img src="{{post.thumbnail|resize(500,500)}}" class="img-fluid rounded-circle" alt="{{post.title}}">
					<a href="{{post.link}}" class="d-block caption">
					<div class="text-center d-flex h-100 align-items-center p-3">
						<div>
							<h3>{{ post.title|truncate(12) }}</h3>
						</div>
					</div>
					</a>
				</div>
			</div>
			
			{% if loop.last %}</div></div>{% endif %}
				
		{% endfor %}
	</div>
	
	<a class="carousel-control-prev" href="#projectsSliderMd" role="button" data-slide="prev">
	<i class="fa fa-angle-left fa-lg" aria-hidden="true"></i>
	<span class="sr-only">Previous</span>
	</a>
	<a class="carousel-control-next" href="#projectsSliderMd" role="button" data-slide="next">
	<i class="fa fa-angle-right fa-lg" aria-hidden="true"></i>
	<span class="sr-only">Next</span>
	</a>
</div>
