<section class="cms-static-block block1">
<div class="row">
<div class="col-xl-8 col-lg-8 col-md-12 item">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 col-12 item-child"><img src="{{media url="wysiwyg/alothemes/demo9/static-block1.jpg"}}" alt="" width="370" height="250">
<div class="cms-title">
<h2 class="title">Luxury Watch</h2>
<p class="text">Check out our new Men<br>Watch collection!</p>
<div class="actions"><a class="action" href="#">Shop now</a></div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-12 item-child"><img src="{{media url="wysiwyg/alothemes/demo9/static-block1-2.jpg"}}" alt="" width="370" height="250"></div>
</div>
<div class="item-child"><img src="{{media url="wysiwyg/alothemes/demo9/static-block1-4.jpg"}}" alt="" width="770" height="250"></div>
</div>
<div class="col-xl-4 col-lg-4 col-md-12 item">
<div class="row">
<div class="col-xl-12 col-lg-12 col-md-6 col-12 item-child"><img src="{{media url="wysiwyg/alothemes/demo9/static-block1-3.jpg"}}" alt="" width="370" height="250"></div>
<div class="col-xl-12 col-lg-12 col-md-6 col-12 item-child"><img src="{{media url="wysiwyg/alothemes/demo9/static-block1-5.jpg"}}" alt="" width="370" height="250">
<div class="cms-title">
<h2 class="title">Tattoo &amp; Beard<br>Lookbook</h2>
<p class="text">Beard men with Tattoo<br>Summer Lookbook</p>
<div class="actions"><a class="action" href="#">View The Look</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="cms-static-product product1">
<div class="cms-title">
<h2 class="title">#Hotest Deals Products</h2>
</div>
<div class="cms-content">{{widget type="Magiccart\Magicproduct\Block\Widget\Product" identifier="cms-static-product-9-1" template="product.phtml"}}</div>
</section>
<section class="cms-static-block block2"><span style="background-color: #111111;"> <span class="fa fa-flag" style="color: #ffffff;"><span class="hidden">icon</span></span> <strong style="color: #aaaaaa;"> come &amp; Checkout our <span style="color: #ffffff; text-decoration: underline;">hottest Deal</span> products this month! </strong> </span></section>
<section class="cms-static-product product2">
    <div class="cms-title">
        <h2 class="title">May You Like</h2>
    </div>
    <div class="cms-content">
        {{widget type="Magiccart\Magicproduct\Block\Widget\Product" identifier="cms-block-product-9-2" template="product.phtml"}}
    </div>
</section>
<section class="cms-static-brand">{{widget type="Magiccart\Shopbrand\Block\Widget\Brand" template="brand.phtml"}}</section>
<section class="cms-static-block block3"><img src="{{media url="wysiwyg/alothemes/demo9/static-block3.jpg"}}" alt="" width="1170" height="300">
<div class="cms-title">
<h2 class="title">American Beard<sup>TM</sup> Oils</h2>
<p class="text">You have no beard &amp; Are you <br>ready to grow? come &amp; shop with us!</p>
<p class="text">Price from: <span style="text-decoration: underline;">$45.00</span></p>
<div class="actions"><a class="action" href="#">Shop Now</a> <a class="action" href="#">View Collection</a></div>
</div>
</section>