CMS Block: Slideshow

slideshow

<div class="carousel slide" id="myCarousel">
	<!-- Indicators -->
	<ol class="carousel-indicators">
		<li class="active" data-slide-to="0" data-target="#myCarousel"></li>
		<li data-slide-to="1" data-target="#myCarousel" class=""></li>
		<li data-slide-to="2" data-target="#myCarousel" class=""></li>
	</ol>
	<!-- Wrapper for slides -->
	<div class="carousel-inner">
		<div class="item active">
			<div style="background-image:url('http://placehold.it/1900x1080&amp;text=Slide One');" class="fill">
			</div>
			<div class="carousel-caption">
				<h1>Hosting <a href="/categories/hosting.html">One</a></h1>
			</div>
		</div>
		<div class="item">
			<div style="background-image:url('http://placehold.it/1900x1080&amp;text=Slide Two');" class="fill">
			</div>
			<div class="carousel-caption">
				<h1>Hosting <a href="/">Two</a></h1>
			</div>
		</div>
		<div class="item">
			<div style="background-image:url('http://placehold.it/1900x1080&amp;text=Slide Three');" class="fill">
			</div>
			<div class="carousel-caption">
				<h1>Hosting <a href="/">Three</a></h1>
			</div>
		</div>
	</div>
	<!-- Controls -->
	<a data-slide="prev" href="#myCarousel" class="left carousel-control">
	<span class="icon-prev"></span>
	</a>
	<a data-slide="next" href="#myCarousel" class="right carousel-control">
	<span class="icon-next"></span>
	</a>
</div>