<!-- alo banner -->
<div class="banner banner-col row clearfix">
<div class="banner-inner-content col-sm-6">
<div class="inner-wrapper">
<div class="box-ft box-ft-1">
<img class="img-responsive" src="https://www.tropicalsunglasses.online/media/wysiwyg/Tropical/home-2_01.jpg" alt="Sunglasses for summer" />
<a href="#">
<span class="bof-tf-title-wrap ">
<span class="bof-tf-title-wrap-2">
<span class="bof-tf-sub-title">Product Category</span>
<span class="bof-tf-title">New Season</span>
</span>
</span>
</a>
</div>
</div>
</div>
<div class="banner-inner-content col-sm-6">
<div class="inner-wrapper">
<div class="box-ft box-ft-2">
<img class="img-responsive" src="https://www.tropicalsunglasses.online/media/wysiwyg/Tropical/home-2_02.jpg" alt="Pilot Sunglasses" />
<a href="#">
<span class="bof-tf-title-wrap ">
<span class="bof-tf-title-wrap-2">
<span class="bof-tf-sub-title">Nice Collection</span>
<span class="bof-tf-title">Best girl fashion</span>
</span>
</span>
</a>
</div>
<div class="box-ft box-ft-3">
<img class="img-responsive" src="https://www.tropicalsunglasses.online/media/wysiwyg/Tropical/home-2_03.jpg" alt="Retro Sunglasses" />
<a href="#">
<span class="bof-tf-title-wrap ">
<span class="bof-tf-title-wrap-2">
<span class="bof-tf-sub-title">Best Quality Products </span>
<span class="bof-tf-title">Handmade</span>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="cms-page-product-category"></div>
<div class="home-slider-detail">
<div class="block-title title">
<strong>Featured Sunglasses</strong>
</div>
<div class="home-slider autoplay" data-slides-to-show="4" data-slides-to-scroll="1" data-fade="false" data-dots="false" data-arrows="false" data-easing="linear" data-autoplay="false"
data-responsive='[{"breakpoint": "1201", "settings": {"slidesToShow": "4"}}, {"breakpoint": "1200", "settings": {"slidesToShow": "4"}}, {"breakpoint": "992", "settings": {"slidesToShow": "3"}}, {"breakpoint": "769", "settings": {"slidesToShow": "3"}}, {"breakpoint": "641", "settings": {"slidesToShow": "2"}}, {"breakpoint": "481", "settings": {"slidesToShow": "1"}}, {"breakpoint": "361", "settings": {"slidesToShow": "1"}}, {"breakpoint": "1", "settings": {"slidesToShow": "1"}}]'
>
<div class="item">
<div class="imgslide">
<a class="alinkslide" href="#"><span class="hidden">alinkslide</span> </a><img class="img-responsive-normal" src="https://www.tropicalsunglasses.online/media/wysiwyg/Tropical/shop-detail_01.jpg" alt="Woman wearing Cat-eye style sunglasses" />
</div>
<div class="figcaption">
<div class="text-slide">
<h3 class="caption1">Women</h3>
<h3 class="caption2"><span class="count">11 Items</span></h3>
<h3 class="caption3"><a href="#" class="shop-now">shop now</a></h3>
</div>
</div>
</div>
<div class="item">
<div class="imgslide">
<a class="alinkslide" href="#"><span class="hidden">alinkslide</span> </a><img class="img-responsive-normal" src="https://www.tropicalsunglasses.online/media/wysiwyg/Tropical/shop-detail_03.jpg" alt="Woman with blue mirror sunglasses" />
</div>
<div class="figcaption">
<div class="text-slide text-slide2">
<h3 class="caption1">Men</h3>
<h3 class="caption2"><span class="count">11 Items</span></h3>
<h3 class="caption3"><a href="#" class="shop-now">shop now</a></h3>
</div>
</div>
</div>
<div class="item">
<div class="imgslide">
<a class="alinkslide" href="#"><span class="hidden">alinkslide</span> </a><img class="img-responsive-normal" src="https://www.tropicalsunglasses.online/media/wysiwyg/Tropical/shop-detail_02.jpg" alt="Young women with sunglasses" />
</div>
<div class="figcaption">
<div class="text-slide text-slide3">
<h3 class="caption1">Trendy</h3>
<h3 class="caption2"><span class="count">13 Items</span></h3>
<h3 class="caption3"><a href="#" class="shop-now">shop now</a></h3>
</div>
</div>
</div>
<div class="item">
<div class="imgslide">
<a class="alinkslide" href="#"><span class="hidden">alinkslide</span> </a><img class="img-responsive-normal" src="https://www.tropicalsunglasses.online/media/wysiwyg/Tropical/shop-detail_04.jpg" alt="magicslider" />
</div>
<div class="figcaption">
<div class="text-slide text-slide4">
<h3 class="caption1">Fashion</h3>
<h3 class="caption2"><span class="count">15 Items</span></h3>
<h3 class="caption3"><a href="#" class="shop-now">shop now</a></h3>
</div>
</div>
</div>
</div>
</div>
<div class="banner banner-full banner-collection">
<div class="container">
<div class="banner-inner-content">
<img class="img-responsive" src="https://www.tropicalsunglasses.online/media/wysiwyg/Tropical/Logo/tropical-logo-eng.png" alt="Tropical Sunglasses logo" />
<p>up to</p>
<h3 class="custom_heading text-uppercase">30% off</h3>
<a href="#" class="button-shop btn-bg-outline btn-align-center"><span>Orde Now</span></a>
</div>
</div>
</div>