Banner Effect

1. Banner #1

The best new design Shop Now

The best new design Shop Now

The best new design Shop Now

<div class="row">
<div class="col-xs-12 col-sm-4">
<div class="banner1"><a href="#"> <img src="https://cdn.shopify.com/s/files/1/1130/1048/files/b6.jpg?17265734977260258318" width="370" height="240" alt="b6.jpg" /><span>The best new design</span> <span class="btn btn-default">Shop Now</span> </a></div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="banner1"><a href="#"> <img src="https://cdn.shopify.com/s/files/1/1130/1048/files/b6.jpg?17265734977260258318" width="370" height="240" alt="b6.jpg" /><span>The best new design</span> <span class="btn btn-default">Shop Now</span> </a></div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="banner1"><a href="#"> <img src="https://cdn.shopify.com/s/files/1/1130/1048/files/b6.jpg?17265734977260258318" width="370" height="240" alt="b6.jpg" /><span>The best new design</span> <span class="btn btn-default">Shop Now</span> </a></div>
</div>
</div>

2. Banner #2

Left Sidebar

<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="banner2"><a href="#"><img src="https://cdn.shopify.com/s/files/1/1130/1048/files/b4.jpg?17265734977260258318" width="420" height="165" alt="b4.jpg" /></a></div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="banner2"><a href="#"><img src="https://cdn.shopify.com/s/files/1/1130/1048/files/b4.jpg?17265734977260258318" width="420" height="165" alt="b4.jpg" /></a></div>
</div>
</div>

<div class="banner2"><a href="#"><img src="https://cdn.shopify.com/s/files/1/1130/1048/files/b8.jpg?17265734977260258318" width="870" height="150" alt="b4.jpg"></a></div>

3. Banner #3

Shop Now

Shop Now

Shop Now

<div class="row">
<div class="col-xs-12 col-sm-8">
<div class="banner3"><img src="https://cdn.shopify.com/s/files/1/1130/1048/files/b1.jpg?17265734977260258318" width="770" height="400" alt="b1.jpg" /><a class="btn btn-default" href="#">Shop Now</a></div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="banner3"><img src="https://cdn.shopify.com/s/files/1/1130/1048/files/b2.jpg?17265734977260258318" width="370" height="190" alt="b2.jpg" /><a class="btn btn-default" href="#">Shop Now</a></div>
<div class="banner3"><img src="https://cdn.shopify.com/s/files/1/1130/1048/files/b2.jpg?17265734977260258318" width="370" height="190" alt="b2.jpg" /><a class="btn btn-default" href="#">Shop Now</a></div>
</div>
</div>

4. Banner #4

<div class="row">
<div class="col-xs-12 col-sm-12">
<div class="banner4" style="background-image: url('https://cdn.shopify.com/s/files/1/1130/1048/files/b5.jpg?17265734977260258318');">
<h2>Look to love now</h2>
<p>Nam vehicula, velit quis condimentum interdum, dui dui lacinia lectus, nec euismod ipsum ipsum quis urna.<br />Vestibulum ac ante at urna maximus commodo.</p>
<a class="btn btn-default" href="#">See more</a></div>
</div>
</div>

5. Features

<div class="row">
<div class="col-xs-12 col-sm-3">
<div class="feature"><span class="fa fa-paper-plane"> </span> <a href="#">WE SHIP TO<br />50+ COUNTRIES</a></div>
</div>
<div class="col-xs-12 col-sm-3">
<div class="feature2"><span class="fa fa-retweet"> </span> <a href="#">30 DAYS<br />MONEY BACK GUARANTEE</a></div>
</div>
<div class="col-xs-12 col-sm-3">
<div class="feature"><span class="fa fa-gift"> </span> <a href="#">FREE GIFT CODE<br />EVERY WEDNESDAYS</a></div>
</div>
<div class="col-xs-12 col-sm-3">
<div class="feature2"><span class="fa fa-clock-o"> </span> <a href="#">DAILY DEALS<br />& LIGHTNING DEALS</a></div>
</div>
</div>