<div class="row">
<div class="col-lg-3">
<div class="banner-left static-image lazyload-container"><a title="50% OFF" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/id-20-banner-4.jpg"}}" alt="Slider Image" /></a></div>
</div>
<div class="col-lg-9">
<div class="deal-syns-container">{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::default-deal-index20.phtml" title_module="" display_countdown="1" product_source="special_products" select_category="" product_limitation="4"}}</div>
</div>
</div>
<div class="popular-categories lazyload-container">
<div class="title-home">
<h2>Popular Categories</h2>
</div>
<div class="row">
<div class="col-lg-2 col-md-4 col-6">
<div class="static-image"><a title="Fashion Kids" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/id-20-cat-1.jpg"}}" alt="Category Image" /></a></div>
<div class="cate-link color-1"><a title="Fashion Kids" href="#">Fashion Kids</a></div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<div class="static-image"><a title="Smartphone" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/id-20-cat-2.jpg"}}" alt="Category Image" /></a></div>
<div class="cate-link color-2"><a title="Smartphone" href="#">Smartphone</a></div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<div class="static-image"><a title="Bag &amp; Backpacks" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/id-20-cat-3.jpg"}}" alt="Category Image" /></a></div>
<div class="cate-link color-3"><a title="Bag &amp; Backpacks" href="#">Bag &amp; Backpacks</a></div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<div class="static-image"><a title="Baby &amp; Mom" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/id-20-cat-4.jpg"}}" alt="Category Image" /></a></div>
<div class="cate-link color-4"><a title="Baby &amp; Mom" href="#">Baby &amp; Mom</a></div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<div class="static-image"><a title="Food &amp; Organic" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/id-20-cat-5.jpg"}}" alt="Category Image" /></a></div>
<div class="cate-link color-5"><a title="Food &amp; Organic" href="#">Food &amp; Organic</a></div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<div class="static-image"><a title="Furniture" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/id-20-cat-6.jpg"}}" alt="Category Image" /></a></div>
<div class="cate-link color-6"><a title="Furniture" href="#">Furniture</a></div>
</div>
</div>
</div>