<?php include("header.php"); ?>
	<!-- Banner Section Three -->
    <section class="banner-section-three">
		<!-- Layers Box -->
		<div class="layers-box">
			<div class="layer-one"></div>
			<div class="layer-two"></div>
			<div class="layer-three"></div>
		</div>
		
		<div class="play-box-one">
			<a href="" class="video-box"><i class="ripple"></i></a>
		</div>
		
		<div class="play-box-two">
			<a href="" class="video-box"><i class="ripple"></i></a>
		</div>
		
		<div class="play-box-three">
			<a href="" class="video-box"><i class="ripple"></i></a>
		</div>
		
		<div class="auto-container">
			<div class="row clearfix">
			
				<!-- Image Column -->
				<div class="image-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<div class="image wow fadeInLeft animated" data-wow-delay="0ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInLeft;">
							<div class="container-fluid">
				<div class="marvel-device iphone5s gold" style="display: block; margin: 0 auto; height:70vh;max-height:600px;">
					<div class="top-bar"></div>
					<div class="sleep"></div>
					<div class="volume"></div>
					<div class="camera"></div>
					<div class="sensor"></div>
					<div class="speaker"></div>
					<iframe class="screen" src="https://xarning.com/xarning/Demo%20Games/mygames/index.html1#dash" frameborder="0"></iframe>
					<div class="home"></div>
					<div class="bottom-bar"></div>
				</div>
			</div>
						</div>
					</div>
				</div>
				
				<!-- Content Column -->
				<div class="content-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<h1>Best way to enjoy your xarning game App!</h1>
						<div class="text">Xarning welcomes you to a new world of games where you have more fun with your friends</div>
						<a href="https://xarning.com/xarning/games.php" class="theme-btn btn-style-five">get started now <span class="icon flaticon-arrow-pointing-to-right"></span></a>
					</div>
				</div>
				
			</div>
		</div>
		<!--Scroll Dwwn Btn-->
        <div class="mouse-btn-down scroll-to-target" data-target=".features-section-three"></div>
	</section>
	<!-- End Banner Section Two -->
	
	<!-- Features Section Three -->
    <section class="features-section-three">
		<div class="pattern-layer" style="background-image: url(xarning/images/icons/pattern-3.png)"></div>
		<div class="auto-container">
			
			<div class="row clearfix">
				
				<!-- Title Column -->
				<div class="title-column col-lg-4 col-md-12 col-sm-12">
					<div class="inner-column">
						<!-- Sec Title -->
						<div class="sec-title style-two">
							<h2>This App Provide Stunning <span>Games</span></h2>
							<div class="text">Xarning Gaming welcomes you to a new world of games where you have more fun. Play Multiple games on single app without downloading multiple games. Xarning games have numbers of games of your interest may play with computer or with your friend .</div>
						</div>
						<a href="https://xarning.com/xarning/games.php" class="theme-btn btn-style-four">VIEW ALL GAMES</a>
					</div>
				</div>
				
				<!-- Blocks Column -->
				<div class="blocks-column col-lg-8 col-md-12 col-sm-12">
					<div class="inner-column">
						
						<div class="row clearfix">
							<!-- Column -->
							<div class="column col-lg-6 col-md-6 col-sm-12">
								
								<!-- Featured Block Three -->
								<div class="featured-block-three margin-top">
									<div class="inner-box">
										<div class="icon-outer">
											<span class="icon flaticon-lock-1"></span>
										</div>
										<h4><a href="https://xarning.com/xarning/games.php">Easy Installation
										</a></h4>
										<div class="text">Play Multiple games on single app without downloading multiple games. Indiloves games have numbers of games of your interest may play with computer or with your friend .</div>
										<a href="https://xarning.com/xarning/games.php" class="view-more"><span class="icon flaticon-plus-1"></span> View More</a>
									</div>
								</div>
							
							</div>
							
							<!-- Column -->
							<div class="column col-lg-6 col-md-6 col-sm-12">
								
								<!-- Featured Block Three -->
								<div class="featured-block-three style-two">
									<div class="inner-box">
										<div class="icon-outer">
											<span class="icon flaticon-content"></span>
										</div>
										<h4><a href="https://xarning.com/xarning/games.php">Attractive Games</a></h4>
										<div class="text">Indiloves Gaming welcomes you to a new world of games where you have more fun </div>
										<a href="https://xarning.com/xarning/games.php" class="view-more"><span class="icon flaticon-plus-1"></span> View More</a>
									</div>
								</div>
								
								<!-- Featured Block Three -->
								<div class="featured-block-three style-three">
									<div class="inner-box">
										<div class="icon-outer">
											<span class="icon flaticon-drawing"></span>
										</div>
										<h4><a href="https://xarning.com/xarning/games.php">Rewards</a></h4>
										<div class="text">You will get assured reward on every play, play win earn real money.
										</div>
										<a href="https://xarning.com/xarning/games.php" class="view-more"><span class="icon flaticon-plus-1"></span> View More</a>
									</div>
								</div>
								
							</div>
							
						</div>
						
					</div>
				</div>
				
			</div>
			
		</div>
	</section>
	<!-- End Features Section Two -->
	
	<!-- App Section Two -->
    <section class="app-section-two style-three">
		<!-- Dots Boxed -->
		<div class="dots-boxed">
			<div class="dot-one"></div>
			<div class="dot-two"></div>
			<div class="dot-three"></div>
			<div class="dot-four"></div>
			<div class="dot-five"></div>
		</div>
		<div class="pattern-layer-three" style="background-image: url(xarning/images/icons/pattern-7.png)"></div>
		<div class="auto-container">
			<div class="row clearfix">
				
				<!-- Account Column -->
				<div class="account-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<!-- Account Box -->
						<div class="account-box">
							<div class="inner-box">
								
							
								
								<!-- Signup Form-->
								<div class="signup-form">
										<img src="xarning/images/resource/1.png" alt="">
								</div>
								<!-- End Signup Form-->
								
							</div>							
						</div>
						<div class="image-two wow fadeInRight animated" data-wow-delay="0ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInRight;">
							<img src="xarning/images/resource/mobile-2.png" alt="">
						</div>
					</div>
				</div>
				
				<!-- Content Column -->
				<div class="content-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<div class="sec-title style-two">
							<h2>Available this App <span> Android</span></h2>
						</div>
						<div class="text">
							<p>Xarning Gaming welcomes you to a new world of games where you have more fun. Play Multiple games on single app without downloading multiple games. Xarning games have numbers of games of your interest may play with computer or with your friend .</p>
							
						</div>
						<div class="btn-box">
							<a href="https://xarning.com/xarning/Demo%20Games/mygames/index.html" class="theme-btn btn-style-two"><span class="icon fa fa-play"></span>Play Now </a>
							<a href="https://xarning.com/xarning/Demo%20Games/mygames/index.html" class="theme-btn btn-style-four"><span class="icon fa fa-android"></span>get the app</a>
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</section>
	<!-- End App Section Two -->
	
	<!-- Screenshots Section Three -->
	<section class="screenshots-section-three" id="snap___game_" style="display:none;">
		<!-- Dots Boxed -->
		<div class="dots-boxed">
			<div class="dot-one"></div>
			<div class="dot-two"></div>
		</div>
		<div class="auto-container">
			<div class="outer-container">
				<div class="row clearfix">
					
					<!-- Title Column -->
					<div class="title-column col-lg-5 col-md-12 col-sm-12">
						<div class="inner-column">
							<!-- Sec Title -->
							<div class="sec-title style-two">
								<h2>Our Awesome Game App <span>Xarning</span></h2>
								<div class="text">Xarning Gaming welcomes you to a new world of games where you have more fun. Play Multiple games on single app without downloading multiple games. Xarning games have numbers of games of your interest may play with computer or with your friend .</div>
							</div>
							<a href="https://xarning.com/xarning/games.html" class="theme-btn btn-style-four">Play Now</a>
						</div>
					</div>
					
					<!-- Carousel Column -->
					<div class="carousel-column col-lg-7 col-md-12 col-sm-12">
						<div class="inner-column">
							<div class="mobile-carousel-slider owl-carousel owl-theme owl-loaded owl-drag">
								
								
								
								
								
								
							<div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-1276px, 0px, 0px); transition: all 0s ease 0s; width: 3828px;"><div class="owl-item cloned" style="width: 289px; margin-right: 30px;"><div class="slide">
									<figure class="image">
										<a href="xarning/images/resource/1.png" data-fancybox="screenshot-2" class="lightbox-image" title=""><img src="xarning/images/resource/1.png" alt=""></a>
									</figure>
								</div></div><div class="owl-item cloned" style="width: 289px; margin-right: 30px;"><div class="slide">
									<figure class="image">
										<a href="xarning/images/resource/2.png" data-fancybox="screenshot-2" class="lightbox-image" title=""><img src="xarning/images/resource/2.png" alt=""></a>
									</figure>
								</div></div><div class="owl-item cloned" style="width: 289px; margin-right: 30px;"><div class="slide">
									<figure class="image">
										<a href="xarning/images/resource/3.png" data-fancybox="screenshot-2" class="lightbox-image" title=""><img src="xarning/images/resource/3.png" alt=""></a>
									</figure>
								</div></div><div class="owl-item" style="width: 289px; margin-right: 30px;"><div class="slide">
									<figure class="image">
										<a href="xarning/images/resource/4.png" data-fancybox="screenshot-2" class="lightbox-image" title=""><img src="xarning/images/resource/4.png" alt=""></a>
									</figure>
								</div></div><div class="owl-item active" style="width: 289px; margin-right: 30px;"><div class="slide">
									<figure class="image">
										<a href="xarning/images/resource/5.png" data-fancybox="screenshot-2" class="lightbox-image" title=""><img src="xarning/images/resource/5.png" alt=""></a>
									</figure>
								</div></div><div class="owl-item" style="width: 289px; margin-right: 30px;"><div class="slide">
									<figure class="image">
										<a href="xarning/images/resource/6.png" data-fancybox="screenshot-2" class="lightbox-image" title=""><img src="xarning/images/resource/6.png" alt=""></a>
									</figure>
								</div></div><div class="owl-item" style="width: 289px; margin-right: 30px;"><div class="slide">
									<figure class="image">
										<a href="xarning/images/resource/7.png" data-fancybox="screenshot-2" class="lightbox-image" title=""><img src="xarning/images/resource/7.png" alt=""></a>
									</figure>
								</div></div><div class="owl-item" style="width: 289px; margin-right: 30px;"><div class="slide">
									<figure class="image">
										<a href="xarning/images/resource/8.png" data-fancybox="screenshot-2" class="lightbox-image" title=""><img src="xarning/images/resource/8.png" alt=""></a>
									</figure>
								</div></div><div class="owl-item" style="width: 289px; margin-right: 30px;"><div class="slide">
									<figure class="image">
										<a href="xarning/images/resource/9.png" data-fancybox="screenshot-2" class="lightbox-image" title=""><img src="xarning/images/resource/9.png" alt=""></a>
									</figure>
								</div></div><div class="owl-item cloned" style="width: 289px; margin-right: 30px;"><div class="slide">
									<figure class="image">
										<a href="xarning/images/resource/10.png" data-fancybox="screenshot-2" class="lightbox-image" title=""><img src="xarning/images/resource/10.png" alt=""></a>
									</figure>
								</div></div><div class="owl-item cloned" style="width: 289px; margin-right: 30px;"><div class="slide">
									<figure class="image">
										<a href="xarning/images/resource/11.png" data-fancybox="screenshot-2" class="lightbox-image" title=""><img src="xarning/images/resource/11.png" alt=""></a>
									</figure>
								</div></div><div class="owl-item cloned" style="width: 289px; margin-right: 30px;"><div class="slide">
									<figure class="image">
										<a href="xarning/images/resource/12.png" data-fancybox="screenshot-2" class="lightbox-image" title=""><img src="xarning/images/resource/12.png" alt=""></a>
									</figure>
								</div></div></div></div><div class="owl-nav"><div class="owl-prev"><span class="flaticon-back-1"></span></div><div class="owl-next"><span class="flaticon-arrow-pointing-to-right"></span></div></div><div class="owl-dots"><div class="owl-dot"><span></span></div><div class="owl-dot active"><span></span></div><div class="owl-dot"><span></span></div><div class="owl-dot"><span></span></div><div class="owl-dot"><span></span></div><div class="owl-dot"><span></span></div></div></div>
							<!--Mockup Layer-->
							<div class="mockup-layer"></div>
						</div>
					</div>
					
				</div>
			</div>
		</div>
	</section>
	<!-- End Screenshots Section Three -->
	<!-- Screenshots Section Three -->
	<section class="screenshots-section-three" id="game____play" style="display:none;">
		<!-- Dots Boxed -->
		<div class="dots-boxed">
			<div class="dot-one"></div>
			<div class="dot-two"></div>
		</div>
		<div class="auto-container">
			<div class="outer-container">
				<div class="row clearfix">
					
					<!-- Title Column -->
					<div class="title-column col-lg-5 col-md-12 col-sm-12">
						<div class="inner-column">
							<!-- Sec Title -->
							<div class="sec-title style-two">
								<h2>Our Awesome Game Play <span>Xarning</span></h2>
								<div class="text">Xarning Gaming welcomes you to a new world of games where you have more fun. Play Multiple games on single app without downloading multiple games. Xarning games have numbers of games of your interest may play with computer or with your friend .</div>
							</div>
							<a href="https://xarning.com/xarning/games.html" class="theme-btn btn-style-four">Play Now</a>
						</div>
					</div>
					
					<!-- Carousel Column -->
					<div class=" col-lg-7 col-md-12 col-sm-12">
						<div class="inner-column">
							<div class="container-fluid">
				<div class="marvel-device iphone5s gold" style="display: block; margin: 0 auto; height:70vh;max-height:600px;">
					<div class="top-bar"></div>
					<div class="sleep"></div>
					<div class="volume"></div>
					<div class="camera"></div>
					<div class="sensor"></div>
					<div class="speaker"></div>
					<iframe class="screen" id="txtHint"  frameborder="0"></iframe>
					<div class="home"></div>
					<div class="bottom-bar"></div>
				</div>
			</div>
						</div>
					</div>
					
				</div>
			</div>
		</div>
	</section>
	<!-- End Screenshots Section Three -->

	<?php include("footer.php"); ?>


	
	