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
<section id="slider" class="fullheight">

	<!--
		SWIPPER SLIDER PARAMS
		
		data-effect="slide|fade|coverflow"
		data-autoplay="4000|false" / 4000 = 4000ms (4s)
		data-speed="1000" (fade transition duration in ms)
	-->
	<div class="swiper-container" data-speed="1000" data-effect="slide" data-autoplay="4000">
		<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 -->