<section class="products-carousel-with-image animate-in-view fadeIn animated" style="background-size: cover; background-position: center center; background-image: url( assets/images/home-v3-bg.jpg );" data-animation="fadeIn">
	<h2 class="sr-only">Products Carousel</h2>
	<div class="container">
		<div class="row">
			<div class="image-block col-xs-12 col-sm-6">
				<img data-echo="assets/images/ad-banner-3.png" src="assets/images/blank.gif" alt="">
			</div><!-- /.image-block -->

			<div class="products-carousel-block col-xs-12 col-sm-6">
				<section class="home-v2-categories-products-carousel section-products-carousel" >

					<header>
						<h2 class="h1">Home Entertainment</h2>
						<div class="owl-nav">
							<a href="#products-carousel-prev" data-target="#products-carousel-with-umage" class="slider-prev"><i class="fa fa-angle-left"></i></a>
							<a href="#products-carousel-next" data-target="#products-carousel-with-umage" class="slider-next"><i class="fa fa-angle-right"></i></a>
						</div>

					</header>

					<div id="products-carousel-with-umage">
						<div class="woocommerce columns-4">
							<?php require 'inc/components/product-carousel-item1.php'; ?>
						</div>
					</div>
				</section>
			</div><!-- /.iproducts-carousel-block -->
		</div><!-- /.row -->
	</div><!-- /.conainer -->
</section><!-- /.products-carousel-with-image-->
