<div class="full-wrapper">
<div class="full-content">
<div class="top-categories-index lazyload-container">
<div class="title-categories">
<div class="title-home">
<h2>Top Categories</h2>
</div>
<p class="short-des">Browse The Collection Of Our Best Selling And Top Interesting Products. <br /> You’ll Definitely Find What You Are Looking For.</p>
</div>
<div class="container">
<div class="categories-content">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="image-cate"><a title="Men's Clothing" href="#"> <img class="mark-lazy"  src="{{media url="wysiwyg/banner/cat1.jpg"}}" alt="Category" /> </a></div>
<div class="info-cat">
<h3><a title="Men's Clothing" href="#">Men's Clothing</a></h3>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="image-cate"><a title="Women's wear" href="#"> <img class="mark-lazy"  src="{{media url="wysiwyg/banner/cat2.jpg"}}" alt="Category" /> </a></div>
<div class="info-cat">
<h3><a title="Women's wear" href="#">Women's wear</a></h3>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="image-cate"><a title="Accessories" href="#"> <img class="mark-lazy"  src="{{media url="wysiwyg/banner/cat3.jpg"}}" alt="Category" /> </a></div>
<div class="info-cat">
<h3><a title="Accessories" href="#">Accessories</a></h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slider-post-home">
<div class="title-home">
<h2>Latest Blogs</h2>
</div>
<p class="short-des">Browse The Collection Of Our Best Selling And Top Interesting Products.<br />You’ll Definitely Find What You Are Looking For.</p>
{{widget type="Magefan\Blog\Block\Widget\Recent" title="Latest Blog" number_of_posts="5" custom_template="Magefan_Blog::widget/recent-id15.phtml"}}

</div>
<div class="list-brand-home lazyload-container">
<ul>
<li><a title="Brand" href="#"> <img class="mark-lazy"  src="{{media url="wysiwyg/brand/b1.jpg"}}" alt="Brand" /> </a></li>
<li><a title="Brand" href="#"> <img class="mark-lazy"  src="{{media url="wysiwyg/brand/b2.jpg"}}" alt="Brand" /> </a></li>
<li><a title="Brand" href="#"> <img class="mark-lazy"  src="{{media url="wysiwyg/brand/b3.jpg"}}" alt="Brand" /> </a></li>
<li><a title="Brand" href="#"> <img class="mark-lazy"  src="{{media url="wysiwyg/brand/b4.jpg"}}" alt="Brand" /> </a></li>
<li><a title="Brand" href="#"> <img class="mark-lazy"  src="{{media url="wysiwyg/brand/b5.jpg"}}" alt="Brand" /> </a></li>
</ul>
</div>