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

Clients : Grid : 6 Columns

<ul class="row clients-dotted list-inline">
	<li class="col-md-2 col-sm-2 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/1.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-2 col-sm-2 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/2.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-2 col-sm-2 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/3.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-2 col-sm-2 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/4.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-2 col-sm-2 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/5.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-2 col-sm-2 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/6.jpg" alt="client" />
		</a>
	</li>

	<li class="col-md-2 col-sm-2 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/7.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-2 col-sm-2 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/8.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-2 col-sm-2 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/1.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-2 col-sm-2 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/2.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-2 col-sm-2 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/3.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-2 col-sm-2 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/4.jpg" alt="client" />
		</a>
	</li>
</ul>

Clients : Grid : 5 Columns

<ul class="row clients-dotted list-inline">
	<li class="col-md-5th col-sm-5th col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/1.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-5th col-sm-5th col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/2.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-5th col-sm-5th col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/3.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-5th col-sm-5th col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/4.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-5th col-sm-5th col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/5.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-5th col-sm-5th col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/6.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-5th col-sm-5th col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/7.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-5th col-sm-5th col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/8.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-5th col-sm-5th col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/1.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-5th col-sm-5th col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/2.jpg" alt="client" />
		</a>
	</li>
</ul>

Clients : Grid : 4 Columns

<ul class="row clients-dotted list-inline">
	<li class="col-md-3 col-sm-3 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/1.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-3 col-sm-3 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/2.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-3 col-sm-3 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/3.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-3 col-sm-3 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/4.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-3 col-sm-3 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/5.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-3 col-sm-3 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/6.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-3 col-sm-3 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/7.jpg" alt="client" />
		</a>
	</li>
	<li class="col-md-3 col-sm-3 col-xs-6">
		<a href="#">
			<img class="img-responsive" src="assets/images/demo/brands/8.jpg" alt="client" />
		</a>
	</li>
</ul>

Carousel

<!-- 
	controlls-over		= navigation buttons over the image 
	buttons-autohide 	= navigation buttons visible on mouse hover only
	
	data-plugin-options:
		"singleItem": true
		"autoPlay": true
		"navigation": true
		"pagination": true
-->
<div class="text-center">
	<div class="owl-carousel nomargin" data-plugin-options='{"singleItem": false, "autoPlay": true}'>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/1.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/2.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/3.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/4.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/5.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/6.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/7.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/8.jpg" alt="">
		</div>
	</div>
</div>

Carousel Fullwidth

<!-- 
	controlls-over		= navigation buttons over the image 
	buttons-autohide 	= navigation buttons visible on mouse hover only
	
	data-plugin-options:
		"singleItem": true
		"autoPlay": true
		"navigation": true
		"pagination": true
		"items":"8"
-->
<div class="text-center alternate">
	<div class="owl-carousel nomargin" data-plugin-options='{"singleItem": false, "autoPlay": true, "items":"8"}'>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/1.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/2.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/3.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/4.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/5.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/6.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/7.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/8.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/3.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/4.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/5.jpg" alt="">
		</div>
		<div>
			<img class="img-responsive" src="assets/images/demo/brands/6.jpg" alt="">
		</div>
	</div>
</div>