WHY SMARTY?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa.

CONTACT INFO
  • Address: PO Box 21132, Here Weare St,
    Melbourne, Vivas 2355 Australia
  • Phone: 1-800-565-2390
  • Email: support@yourname.com
Black Dress
Yellow Dress
Dark Blue Dress
Silver Dress
White Dress
Red Dress
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
<div class="swiper-container" data-effect="slide" data-autoplay="false" data-columns="4">
	<div class="swiper-wrapper">

		<!-- SLIDE 1 -->
		<div class="swiper-slide" style="background-image: url('assets/images/demo/fashion/500x750/t-min.jpg');">
			<a href="#" class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></a>
			<div class="swiper-caption">
				Black Dress
			</div>
		</div>
		<!-- /SLIDE 1 -->


		<!-- SLIDE 2 -->
		<div class="swiper-slide" style="background-image: url('assets/images/demo/fashion/500x750/s-min.jpg');">
			<a href="#" class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></a>
			<div class="swiper-caption">
				Yellow Dress
			</div>
		</div>
		<!-- /SLIDE 2 -->

		<!-- SLIDE 3 -->
		<div class="swiper-slide" style="background-image: url('assets/images/demo/fashion/500x750/u-min.jpg');">
			<a href="#" class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></a>
			<div class="swiper-caption">
				Dark Blue Dress
			</div>
		</div>
		<!-- /SLIDE 3 -->

		<!-- SLIDE 4 -->
		<div class="swiper-slide" style="background-image: url('assets/images/demo/fashion/500x750/d-min.jpg');">
			<div class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></div>
			<div class="swiper-caption">
				Silver Dress
			</div>
		</div>
		<!-- /SLIDE 4 -->

		<!-- SLIDE 5 -->
		<div class="swiper-slide" style="background-image: url('assets/images/demo/fashion/500x750/e-min.jpg');">
			<div class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></div>
			<div class="swiper-caption">
				White Dress
			</div>
		</div>
		<!-- /SLIDE 5 -->

		<!-- SLIDE 6 -->
		<div class="swiper-slide" style="background-image: url('assets/images/demo/fashion/500x750/f-min.jpg');">
			<div class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></div>
			<div class="swiper-caption">
				Red Dress
			</div>
		</div>
		<!-- /SLIDE 6 -->

	</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>