Home – SM Market Layout 3

<div class=”home-page-3 title-style-1″>
<div class=”container”>
<div class=”home-top” style=”padding-top: 30px;”>
<div class=”row”>
<div class=”col-lg-9 column-slider”>
<div class=”slidershow-type-1 hover-to-show” style=”margin-bottom: 30px;”>
<div data-owl=”owl-slider” data-autoplay=”true” data-nav=”true” data-dots=”false” data-screen0=”1″ data-screen481=”1″ data-screen768=”1″ data-screen992=”1″ data-screen1200=”1″ data-screen1441=”1″ data-screen1681=”1″ data-screen1920=”1″ data-margin=”1″ data-autoplayhoverpause=”true” data-loop=”true” data-center=”false” data-stagepadding=”0″ data-mousedrag=”true” data-touchdrag=”true”>
<div class=”owl-carousel owl-theme”>
<div class=”item”>
<a title=”Slide 1″ href=”#”>
<img src=”{{media url=wysiwyg/slidershow/home-3/item-1.jpg}}” alt=”Slider 1″ width=”870″ height=”420″ />
</a>
</div>

<div class=”item”>
<a title=”Slide 1″ href=”#”>
<img src=”{{media url=wysiwyg/slidershow/home-3/item-2.jpg}}” alt=”Slider 2″ width=”870″ height=”420″ />
</a>
</div>

<div class=”item”>
<a title=”Slide 1″ href=”#”>
<img src=”{{media url=wysiwyg/slidershow/home-3/item-3.jpg}}” alt=”Slider 3″ width=”870″ height=”420″ />
</a>
</div>
</div>

<div class=”loading-content”><span class=”hidden”>Loading…</span></div>
</div>
</div>
</div>

<div class=”col-lg-3 column-banner”>
<div class=”banner-image image-1″>
<a title=”Banner Image” href=”#”>
<img src=”{{media url=wysiwyg/banner/banner-14.jpg}}” alt=”Banner Image” width=”270″ height=”420″ />
</a>
</div>
</div>
</div>
</div>

<div class=”home-services services-four” style=”margin-bottom: 35px;”>
<ul>
<li>
<a href=”#”>
<span class=”service-icon”>
<img src=”{{media url=wysiwyg/icon-image/icon-1.png}}” alt=”Service” width=”60″ height=”60″ />
</span>

<span class=”service-info”>FAST & FREE SHIPPING ON ALL ORDERS</span>
</a>
</li>

<li>
<a href=”#”>
<span class=”service-icon”>
<img src=”{{media url=wysiwyg/icon-image/icon-2.png}}” alt=”Service” width=”60″ height=”60″ />
</span>

<span class=”service-info”>30 DAYS MONEY BACK GUARANTEE</span>
</a>
</li>

<li>
<a href=”#”>
<span class=”service-icon”>
<img src=”{{media url=wysiwyg/icon-image/icon-3.png}}” alt=”Service” width=”60″ height=”60″ />
</span>

<span class=”service-info”>SAFE SHOPPING GUARANTEE</span>
</a>
</li>

<li>
<a href=”#”>
<span class=”service-icon”>
<img src=”{{media url=wysiwyg/icon-image/icon-15.png}}” alt=”Service” width=”60″ height=”60″ />
</span>

<span class=”service-info”>ONLINE SUPPORT 24H ON DAY</span>
</a>
</li>
</ul>
</div>

<div class=”content-home”>
<div class=”main-home main-home-right”>
<div class=”tabs-product” style=”margin-bottom: 40px;”>
{{block class=”Sm\ListingTabs\Block\ListingTabs” template=”Sm_ListingTabs::default.phtml” row_items=”1″ title=”BEST SELLERS” type_show=”slider” type_listing=”all” display_countdown=”0″ type_filter=”categories” order_by=”ordered_qty” order_dir=”DESC” category_tabs=”16,4,11″ limitation=”6″ data-autoplay=”false” data-nav=”true” data-dots=”false” data-screen0=”2″ data-screen481=”2″ data-screen768=”3″ data-screen992=”3″ data-screen1200=”3″ data-screen1441=”3″ data-screen1681=”3″ data-screen1920=”3″ data-margin=”29″ data-autoplayhoverpause=”true” data-loop=”false” data-center=”false” data-stagepadding=”0″ data-mousedrag=”true” data-touchdrag=”true”}}
</div>

<div class=”grid-banner”>
<div class=”static-image”>
<div class=”banner-image”>
<a title=”Banner Image” href=”#”>
<img class=”mark-lazy” src=”{{media url=wysiwyg/banner/banner-16.jpg}}” alt=”Banner Image” width=”280″ height=”260″ />
</a>
</div>
</div>

<div class=”static-image middle-banner”>
<div class=”banner-image” style=”margin-bottom: 20px;”>
<a title=”Banner Image” href=”#”>
<img class=”mark-lazy” src=”{{media url=wysiwyg/banner/banner-17.jpg}}” alt=”Banner Image” width=”270″ height=”150″ />
</a>
</div>

<div class=”banner-image”>
<a title=”Banner Image” href=”#”>
<img class=”mark-lazy” src=”{{media url=wysiwyg/banner/banner-18.jpg}}” alt=”Banner Image” width=”270″ height=”90″ />
</a>
</div>
</div>

<div class=”static-image”>
<div class=”banner-image”>
<a title=”Banner Image” href=”#”>
<img class=”mark-lazy” src=”{{media url=wysiwyg/banner/banner-19.jpg}}” alt=”Banner Image” width=”280″ height=”260″ />
</a>
</div>
</div>
</div>

<div class=”tabs-product” style=”margin-bottom: 40px;”>
{{block class=”Sm\ListingTabs\Block\ListingTabs” template=”Sm_ListingTabs::default.phtml” row_items=”1″ title=”NEW ARRIVALS” type_show=”slider” type_listing=”all” display_countdown=”0″ type_filter=”categories” order_by=”created_at” order_dir=”DESC” category_tabs=”3,4,11″ limitation=”6″ data-autoplay=”false” data-nav=”true” data-dots=”false” data-screen0=”2″ data-screen481=”2″ data-screen768=”3″ data-screen992=”3″ data-screen1200=”3″ data-screen1441=”3″ data-screen1681=”3″ data-screen1920=”3″ data-margin=”29″ data-autoplayhoverpause=”true” data-loop=”false” data-center=”false” data-stagepadding=”0″ data-mousedrag=”true” data-touchdrag=”true”}}
</div>

<div class=”block home-collection” style=”margin-bottom: 35px;”>
<div class=”block-title”>
<strong>TOP COLLECTIONS</strong>
</div>

<div class=”block-content”>
<div data-owl=”owl-slider” data-autoplay=”false” data-nav=”true” data-dots=”false” data-screen0=”2″ data-screen481=”4″ data-screen768=”5″ data-screen992=”5″ data-screen1200=”5″ data-screen1441=”5″ data-screen1681=”5″ data-screen1920=”5″ data-margin=”0″ data-autoplayhoverpause=”true” data-loop=”false” data-center=”false” data-stagepadding=”0″ data-mousedrag=”true” data-touchdrag=”true”>
<div class=”owl-carousel owl-theme”>
<div class=”item”>
<a href=”#”>
<span><img class=”mark-lazy” src=”{{media url=wysiwyg/icon-image/icon-4.png}}” alt=”Furniture” width=”88″ height=”88″ /></span>
<strong>FURNITURE</strong>
</a>
</div>

<div class=”item”>
<a href=”#”>
<span><img class=”mark-lazy” src=”{{media url=wysiwyg/icon-image/icon-5.png}}” alt=”Furniture” width=”88″ height=”88″ /></span>
<strong>ELECTRONICS</strong>
</a>
</div>

<div class=”item”>
<a href=”#”>
<span><img class=”mark-lazy” src=”{{media url=wysiwyg/icon-image/icon-6.png}}” alt=”Furniture” width=”88″ height=”88″ /></span>
<strong>MOM & BABY</strong>
</a>
</div>

<div class=”item”>
<a href=”#”>
<span><img class=”mark-lazy” src=”{{media url=wysiwyg/icon-image/icon-7.png}}” alt=”Furniture” width=”88″ height=”88″ /></span>
<strong>OUTDOOR</strong>
</a>
</div>

<div class=”item”>
<a href=”#”>
<span><img class=”mark-lazy” src=”{{media url=wysiwyg/icon-image/icon-8.png}}” alt=”Furniture” width=”88″ height=”88″ /></span>
<strong>FASHION</strong>
</a>
</div>

<div class=”item”>
<a href=”#”>
<span><img class=”mark-lazy” src=”{{media url=wysiwyg/icon-image/icon-9.png}}” alt=”Furniture” width=”88″ height=”88″ /></span>
<strong>HEALTH & BEAUTY</strong>
</a>
</div>

<div class=”item”>
<a href=”#”>
<span><img class=”mark-lazy” src=”{{media url=wysiwyg/icon-image/icon-10.png}}” alt=”Furniture” width=”88″ height=”88″ /></span>
<strong>JEWELLERY</strong>
</a>
</div>

<div class=”item”>
<a href=”#”>
<span><img class=”mark-lazy” src=”{{media url=wysiwyg/icon-image/icon-7.png}}” alt=”Furniture” width=”88″ height=”88″ /></span>
<strong>FURNITURE</strong>
</a>
</div>
</div>
</div>
</div>
</div>
</div>

<div class=”sidebar-home sidebar-left”>
<div class=”vertical-menu” style=”margin-bottom: 35px;”>{{block class=”Sm\MegaMenu\Block\MegaMenu\View” template=”Sm_MegaMenu::vertical.phtml” theme=”2″ group_id=”2″ title=”All Categories”}}</div>

<div class=”products-sidebar”>{{block class=”Sm\FilterProducts\Block\FilterProducts” template=”Sm_FilterProducts::list.phtml” title_module=”Featured Products” product_source=”featured_products” select_category=”3,4″ product_limitation=”3″ display_countdown=”0″}}</div>

<div class=”block clients-say”>
<div class=”block-title”>
<strong>Clients say</strong>
</div>

<div class=”block-content block-clients”>
<div data-owl=”owl-slider” data-autoplay=”false” data-nav=”true” data-dots=”false” data-screen0=”1″ data-screen481=”1″ data-screen768=”1″ data-screen992=”1″ data-screen1200=”1″ data-screen1441=”1″ data-screen1681=”1″ data-screen1920=”1″ data-margin=”30″ data-autoplayhoverpause=”true” data-loop=”false” data-center=”false” data-stagepadding=”0″ data-mousedrag=”true” data-touchdrag=”true”>
<div class=”owl-carousel owl-theme”>
<div class=”item”>
<div class=”client-description”>Aliquam ut tellus dignissim, cursus erat ultricies tellus. Nulla tempus sollicitudin mauris cursus dictum. Etiam id diam diam.</div>
<div class=”client-info”>
<img class=”mark-lazy” src=”{{media url=wysiwyg/clients/item-1.jpg}}” alt=”Client” width=”52″ height=”52″ />
<div class=”info-detail”>
<h3>Aliquam Tellus</h3>
<p>Vitae Ornare Mauris</p>
</div>
</div>
</div>

<div class=”item”>
<div class=”client-description”>Aliquam ut tellus dignissim, cursus erat ultricies tellus. Nulla tempus sollicitudin mauris cursus dictum. Etiam id diam diam.</div>
<div class=”client-info”>
<img class=”mark-lazy” src=”{{media url=wysiwyg/clients/item-2.jpg}}” alt=”Client” width=”52″ height=”52″ />
<div class=”info-detail”>
<h3>Aliquam Tellus</h3>
<p>Vitae Ornare Mauris</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class=”banner-image”>
<a title=”Banner Image” href=”#”>
<img class=”mark-lazy” src=”{{media url=wysiwyg/banner/banner-15.jpg}}” alt=”Banner Image” width=”270″ height=”187″ />
</a>
</div>
</div>
</div>

<div class=”hot-categories”>
{{block class=”Sm\Categories\Block\Categories” template=”Sm_Categories::default-grid.phtml” select_category=”9,3,5,15,11,4,7,6″ title_module=”HOT CATEGORIES” limitation=”4″}}
</div>

</div>
</div>