[available=main]
<!-- carousel (http://getbootstrap.com/javascript/#carousel) -->
<div id="carousel-main" class="carousel slide" data-ride="carousel">
	<a class="slide_prev" href="#carousel-main" role="button" data-slide="prev" title="Prev">
		<span>
			<svg class="icon n_ico icon-left"><use xlink:href="#icon-left"></use></svg>
			<svg class="icon m_ico icon-arrow_left"><use xlink:href="#icon-arrow_left"></use></svg>
		</span>
	</a>
	<a class="slide_next" href="#carousel-main" role="button" data-slide="next" title="Next">
		<span>
			<svg class="icon n_ico icon-right"><use xlink:href="#icon-right"></use></svg>
			<svg class="icon m_ico icon-arrow_right"><use xlink:href="#icon-arrow_right"></use></svg>
		</span>
	</a>
	<div class="carousel-inner" role="listbox">
		<div class="item active">
			<div class="carousel-caption">
				<div class="carousel-caption_in">
					<div class="title">DataLife Engine</div>
					<div class="text">Make your website with no limits!</div>
				</div>
			</div>
			<div class="cover" style="background-image: url({THEME}/images/tmp/slide_1.jpg);"></div>
		</div>
		<div class="item">
			<div class="carousel-caption">
				<div class="carousel-caption_in">
					<div class="title">DataLife Engine</div>
					<div class="text">Make your website with no limits!</div>
				</div>
			</div>
			<div class="cover" style="background-image: url({THEME}/images/tmp/slide_2.jpg);"></div>
		</div>
		<div class="item">
			<div class="carousel-caption">
				<div class="carousel-caption_in">
					<div class="title">DataLife Engine</div>
					<div class="text">Make your website with no limits!</div>
				</div>
			</div>
			<div class="cover" style="background-image: url({THEME}/images/tmp/slide_3.jpg);"></div>
		</div>
	</div>
</div>
<!-- / carousel -->
[/available]