<div class="row">
<div class="col-xl-9 col-lg-12 offset-xl-3">
<div class="image-slider-home">
<div class="sm-imageslider">
<div class="sm-imageslider-inner">
<div class="sm-imageslider-content owl-carousel owl-theme">
<div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/image-banner-4.jpg"}}" alt="Slider Image" /></a></div>
<div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/image-banner-5.jpg"}}" alt="Slider Image" /></a></div>
<div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/image-banner-6.jpg"}}" alt="Slider Image" /></a></div>
</div>
</div>
</div>
<script type="text/javascript">
					require([
						'jquery',
						'owlcarousel'
					], function ($) {
						$(".sm-imageslider-content").owlCarousel({
							items:1,
							autoplay:true,
							loop:true,
							nav : true, 
							dots: false,
							autoplaySpeed : 500,
							navSpeed : 500,
							dotsSpeed : 500,
							autoplayHoverPause: true,
							margin:1,
						});	  
					});	
									
				
</script>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 newsletter-home">{{block class="Magento\Newsletter\Block\Subscribe" template="subscribe-home.phtml"}}</div>
<div class="col-lg-9 static-image-block-1">
<div class="static-image">
<div class="col-1-image"><a class="image-1" title="Static Image" href="#"> <img src="{{media url="wysiwyg/banner/banner2-1.jpg"}}" alt="Static Image" /> </a> <a class="image-2" title="Static Image" href="#"> <img src="{{media url="wysiwyg/banner/banner2-2.jpg"}}" alt="Static Image" /> </a> <a class="image-3" title="Static Image" href="#"> <img src="{{media url="wysiwyg/banner/banner2-3.jpg"}}" alt="Static Image" /> </a></div>
<div class="col-2-image"><a title="Static Image" href="#"> <img src="{{media url="wysiwyg/banner/banner2-4.jpg"}}" alt="Static Image" /> </a></div>
</div>
</div>
</div>