<div class="container">
<div class="row row0">
<div class="col-lg-6 col-md-6 col0 item">
<div class="slide-item">
<div class="slide-img"><a href="#"> <img src="{{media url=&quot;wysiwyg/alothemes/demo8/slide.jpg&quot;}}" alt="" width="570" height="600"> </a></div>
<div class="slide-content">
<div class="figcaption">
<div class="text-slide text-slide1">
<h2 class="caption1">Tailored to suit You!</h2>
<h3 class="caption2">Tailored to suit You! 4 colors 4 you</h3>
<h3 class="caption3">New Price: <strong>€25.00</strong></h3>
<div class="actions"><a class="action" tabindex="0" href="#">Shop now</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col0 item">
<div class="slide-item">
<div class="slide-img"><a href="#"> <img src="{{media url=&quot;wysiwyg/alothemes/demo8/slide-2.jpg&quot;}}" alt="" width="600" height="300"> </a></div>
<div class="slide-content">
<div class="figcaption">
<div class="text-slide text-slide2">
<h2 class="caption1">Style your Beard!</h2>
<h3 class="caption2">Tattoo &amp; Baber</h3>
<h3 class="caption3">Wanna have a beautiful beard?<br>Come to our baber shop.</h3>
<div class="actions"><a class="action" tabindex="0" href="#">Shop Now</a></div>
</div>
</div>
</div>
</div>
<div class="row row0">
<div class="col-lg-6 col-6 col0 item-child"><a href="#"> <img src="{{media url=&quot;wysiwyg/alothemes/demo8/slide-3.jpg&quot;}}" alt="" width="300" height="300"> </a></div>
<div class="col-lg-6 col-6 col0 item-child">
<div class="slide-item">
<div class="slide-img"><a href="#"> <img src="{{media url=&quot;wysiwyg/alothemes/demo8/slide-4.jpg&quot;}}" alt="" width="300" height="300"> </a></div>
<div class="slide-content">
<div class="figcaption">
<div class="text-slide text-slide3">
<h3 class="caption2">summer<br>clearance</h3>
<h3 class="caption3">Use promo code: <span style="text-decoration: underline; color: #ffffff;">Z9QAR25</span></h3>
<div class="actions"><a class="action" tabindex="0" href="#">Shop Now</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>