CSS
<link href="assets/plugins/slider.swiper/dist/css/swiper.min.css" rel="stylesheet" type="text/css" />


JAVASCRIPT
<script type="text/javascript" src="assets/plugins/slider.swiper/dist/js/swiper.min.js"></script>
<script type="text/javascript" src="assets/js/view/demo.swiper_slider.js"></script>
		
		
HTML
<!-- 
	FIXED HEIGHT CLASSES
	
	height-300
	height-350
	height-400
	height-450
	height-500
	height-550
	height-600
	height-650
	height-700
	height-750
	height-800
-->
<section id="slider" class="height-550">

	<!--
		SWIPPER SLIDER PARAMS
		
		data-effect="slide|fade|coverflow"
		data-autoplay="2500|false"
	-->
	<div class="swiper-container" data-effect="slide" data-autoplay="false">
		<div class="swiper-wrapper">

			<!-- SLIDE 1 -->
			<div class="swiper-slide" style="background-image: url('assets/images/demo/1200x800/18-min.jpg');">
				<div class="overlay dark-5"><!-- dark overlay [1 to 9 opacity] --></div>
				
				<div class="display-table">
					<div class="display-table-cell vertical-align-middle">
						<div class="container">

							<div class="row">
								<div class="text-center col-md-8 col-xs-12 col-md-offset-2">

									<h1 class="bold font-raleway wow fadeInUp" data-wow-delay="0.4s">WELCOME TO SMARTY</h1>
									<p class="lead font-lato weight-300 hidden-xs wow fadeInUp" data-wow-delay="0.6s">Porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam.</p>
									<a class="btn btn-default btn-lg wow fadeIn" data-wow-delay="1.5s" href="#">PURCHASE NOW</a>

								</div>
							</div>
				
						</div>
					</div>
				</div>
				
			</div>
			<!-- /SLIDE 1 -->


			<!-- SLIDE 2 -->
			<div class="swiper-slide" style="background-image: url('assets/images/demo/1200x800/20-min.jpg');">
				<div class="overlay dark-4"><!-- dark overlay [1 to 9 opacity] --></div>
				
				<div class="display-table">
					<div class="display-table-cell vertical-align-middle">
						<div class="container">

							<div class="row">
								<div class="text-center col-md-8 col-xs-12 col-md-offset-2">

									<h1 class="bold font-raleway wow fadeInUp" data-wow-delay="0.4s">WELCOME TO SMARTY</h1>
									<p class="lead font-lato weight-300 hidden-xs wow fadeInUp" data-wow-delay="0.6s">Porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam.</p>
									<a class="btn btn-default btn-lg wow fadeIn" data-wow-delay="1.5s" href="#">PURCHASE NOW</a>

								</div>
							</div>
				
						</div>
					</div>
				</div>
				
			</div>
			<!-- /SLIDE 2 -->

		</div>

		<!-- Swiper Pagination -->
		<div class="swiper-pagination"></div>

		<!-- Swiper Arrows -->
		<div class="swiper-button-next"><i class="icon-angle-right"></i></div>
		<div class="swiper-button-prev"><i class="icon-angle-left"></i></div>
	</div>
		
</section>
<!-- /SLIDER -->