<?php
	$ref = $_REQUEST['ref'];
 ?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Online Viewers' and Listeners' Network Conference</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="My Podcast template project">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="styles/bootstrap-4.1.2/bootstrap.min.css">
<link href="plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="plugins/colorbox/colorbox.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="styles/main_styles.css">
<link rel="stylesheet" type="text/css" href="styles/responsive.css">
<link rel="stylesheet" type="text/css" href="styles/contact.css">
<link rel="stylesheet" type="text/css" href="styles/contact_responsive.css">

    
<?php 
    $image = 'vlnclogo.jpg';
    $description = "Register to participate in this extraordinary meeting of young and dynamic minds on how to chart your life for a greater tomorrow";
    $title = "Online viewers' and listeners' network conference";
  ?>

 <meta name="description" content="<?php echo $description; ?>">
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="keywords" content="Online viewers' and listeners' network conference"/>


    <meta name="msapplication-TileImage" content="<?php echo $image; ?>">

    <!-- Google / Search Engine Tags -->
    <meta itemprop="name" content="<?php echo $title; ?>">
    <meta itemprop="description" content="<?php echo $description; ?>">
    <meta itemprop="image" content="<?php echo $image; ?>">

    <!-- Facebook Meta Tags -->
    <meta property="og:url" content="https://cetunes.org/vlnc">
    <meta property="og:type" content="website">
    <meta property="og:title" content="<?php echo $title; ?>">
    <meta property="og:description" content="<?php echo $description; ?>">
    <meta property="og:image" content="<?php echo $image; ?>">

    <!-- Twitter Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="<?php echo $title; ?>">
    <meta name="twitter:description" content="<?php echo $description; ?>">
    <meta name="twitter:image" content="<?php echo $image; ?>">

    <style type="text/css" media="screen">
    	.download {
    		background: #2e3038;
    	}

    	.download:hover{
    		background: #ff3500;
    	}
    </style>

<link href="https://unpkg.com/video.js/dist/video-js.min.css" rel="stylesheet">

<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>

  <script type="text/javascript" src="//vjs.zencdn.net/5.10.7/video.js"></script>
  <script src="https://unpkg.com/video.js/dist/video.js"></script>
  <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>

  <!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '794730950708343');
  fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=794730950708343&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->

</head>


<body>

<div class="super_container">

	<!-- Bi Weekly -->

	<div class="weekly" style="width: 100%; height: 100%;" style="background: url(images/weekly.jpg)">
		<div class="parallax_background parallax-window" data-parallax="scroll" data-image-src="images/weekly.jpg" data-speed="0.8"></div>
		<div class="container">
			<div class="row row-eq-height">
				

				<!-- Weekly Image -->
				<div class="col-lg-6">
					<div class="weekly_image"> 
						<div class="weekly_title" style="min-width: 100% !important;"><h1 style="font-size: 25px !important; text-align: center;">Online viewer's and listener's network conference</h1></div><br />
						
						<img src="images/bg44.jpeg" style="width: 100%;" />

						<!--<img src="images/show_3.jpg" alt="">
						<div class="logo">
							<a href="#" class="d-flex flex-row"><span>my</span>podcast<div><img src="images/play_2.png" alt=""></div></a>
						</div>-->

							<br />

							<div style="text-align: center; margin-top: 5px;"><h3>How to participate</h3></div> 

						<div class="shops1 d-flex1 flex-row1 align-items-center1 justify-content-center1 flex-wrap1" style="text-align: center;">

								<div class="button_border"><a href="http://cloveworld.org/news?v=607ff7dd9d95bq6tfcvpjs3lr" target="_blank">Watch Live</a></div>
								<!--<div class="button_border1 button_fill"><a href="https://cetunes.org/events?id=2DaysofGlory" target="_blank">Listen Live</a></div>-->
								<div class="button_border1 button_fill"><a href="http://cetunes.org/channel/lwradio" target="_blank">Listen Live</a></div>
								
							</div>


							<br />

							<!--<div>
								<a href="#comment" style="color: #fff; margin-bottom: 10px;">Click here to share your comment</a>
							</div>-->



					</div>
				</div>

				<!-- Weekly Content -->
				<div class="col-lg-6">
					<div class="weekly_content d-flex flex-column align-items-start justify-content-lg-center justify-content-start">
						<div>
							
							<!--<div class="weekly_text">
								<p>Cras congue et risus eget congue. Integer id justo non orci suscipit cursus a scelerisque libero. Fusce in tortor mauris. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas euismod sed magna.</p>
							</div>-->

							<div class="newsletter">
								<div class="parallax_background parallax-window" data-parallax="scroll" data-image-src="images/newsletter.jpg" data-speed="0.8"></div>
								<div class="container">
									<div class="">
										<div class="">
											<div class="section_title light text-center"><h1>Register now !</h1></div>
											<div class="newsletter_text text-center">
												<p>This is an extraordinary meeting for those who have been impacted by the teaching ministry of the Man of God, Pastor Chris via TV or Radio</p>
											</div>
										</div>
									</div>
									<div class="row newsletter_row" style="margin-top: 20px;">
										<div class="col-lg-10 offset-lg-1">
											<div class="newsletter_form_container" style="width: 100%;">
												<form id="register" class="newsletter_form d-flex1 flex-md-row1 flex-column1 align-items-md-center1 align-items-center1 justify-content-md-between justify-content-start1" id="newsletter_form" style="width: 100%;">
													<input type="hidden" name="type" value="gift">
													<input type="hidden" name="ref" value="<?php echo $ref; ?>">
													<input type="text" name="name" class="newsletter_input" placeholder="Enter your name"  style="width: 100%; text-align: center; font-size: 15px;" required="required">

													<br />

													<input type="email" name="email" class="newsletter_input" placeholder="Enter your email"  style="width: 100%; text-align: center; font-size: 15px;" required="required">
													<br />

													<textarea name="expectation" class="newsletter_input" placeholder="What's your expectations ?" style="width: 100%; height: 100px; text-align: center; font-size: 15px; padding:10px;"></textarea>

												</form>
												
												
											</div>

										</div>
										<div class="newsletter_button button_fill send" style="text-align: center; height: 50px; line-height: 50px; margin:0px auto; margin-top: 20px;">Register</div>
										<br />
										<!--<div  class="newsletter_button button_fill download" style="text-align: center; width: 100%; height: 50px; line-height: 50px; margin:0px auto; margin-top: 20px;">Click here to partner with us</div>-->
									</div>
								</div>
							</div>
							<!--<div class="shops d-flex flex-row align-items-start justify-content-start flex-wrap">
								<div class="button_border"><a href="#">Amazon</a></div>
								<div class="button_border"><a href="#">Itunes</a></div>
								<div class="button_border"><a href="#">Spotify</a></div>
							</div>-->
						</div>
					</div>
				</div>

				
			</div>
		</div>
	</div>

	<!--<div>
		<div class="container" id="comment">
			<div>
				<iframe class="embed-responsive-item" src="https://cloveworld.org/comment_inject.php" 
								style="border:none; width: 100%; background: transparent; height: 900px;" allowfullscreen></iframe>
			</div>
		</div>
	</div>-->

	<!-- Shows 2 --

	<div class="shows_2">
		<div class="container">
			<div class="row">
				<div class="col">
					<div class="shows_2_title">100% Gospel Tunes</div>
				</div>
			</div>
			<div class="row shows_2_row">
				
				<!-- Show --
				<div class="col-xl-3 col-md-6">
					<div class="show">
						<div class="show_image">
							<a href="https://cetunes.org"">
								<img src="images/show_4.jpg" alt="">
								<div class="show_play_icon"><img src="images/play.svg" alt=""></div>
								<div class="show_title_2"></div>
							</a>
							<div class="show_tags">
								<div class="tags">
									<ul class="d-flex flex-row align-items-start justify-content-start">
										<li><a href="#">Classic</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!-- Show --
				<div class="col-xl-3 col-md-6">
					<div class="show">
						<div class="show_image">
							<a href="https://cetunes.org"">
								<img src="images/show_5.jpg" alt="">
								<div class="show_play_icon"><img src="images/play.svg" alt=""></div>
								<div class="show_title_2"></div>
							</a>
							<div class="show_tags">
								<div class="tags">
									<ul class="d-flex flex-row align-items-start justify-content-start">
										<li><a href="#">lifestyle</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!-- Show --
				<div class="col-xl-3 col-md-6">
					<div class="show">
						<div class="show_image">
							<a href="https://cetunes.org"">
								<img src="images/show_6.jpg" alt="">
								<div class="show_play_icon"><img src="images/play.svg" alt=""></div>
								<div class="show_title_2"></div>
							</a>
							<div class="show_tags">
								<div class="tags">
									<ul class="d-flex flex-row align-items-start justify-content-start">
										<li><a href="#">music</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!-- Show --
				<div class="col-xl-3 col-md-6">
					<div class="show">
						<div class="show_image">
							<a href="https://cetunes.org"">
								<img src="images/show_7.jpg" alt="">
								<div class="show_play_icon"><img src="images/play.svg" alt=""></div>
								<div class="show_title_2"></div>
							</a>
							<div class="show_tags">
								<div class="tags">
									<ul class="d-flex flex-row align-items-start justify-content-start">
										<li><a href="#">hippop</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
			<div class="row">
				<div class="col text-center">
					<div class="button_fill shows_2_button"><a href="https://cetunes.org" target="_blank">Get on CeTunes</a></div>
				</div>
			</div>
		</div>
	</div>-->

</div>

<script src="js/jquery-3.3.1.min.js"></script>
<script src="styles/bootstrap-4.1.2/popper.js"></script>
<script src="styles/bootstrap-4.1.2/bootstrap.min.js"></script>
<script src="plugins/greensock/TweenMax.min.js"></script>
<script src="plugins/greensock/TimelineMax.min.js"></script>
<script src="plugins/scrollmagic/ScrollMagic.min.js"></script>
<script src="plugins/greensock/animation.gsap.min.js"></script>
<script src="plugins/greensock/ScrollToPlugin.min.js"></script>
<script src="plugins/easing/easing.js"></script>
<script src="plugins/colorbox/jquery.colorbox-min.js"></script>
<script src="plugins/progressbar/progressbar.min.js"></script>
<script src="plugins/parallax-js-master/parallax.min.js"></script>
<script src="js/custom.js"></script>

<script type="text/javascript">
	
	$('.download').on('click',function(){
			var strWindowFeatures = "location=yes,height=570,width=400,scrollbars=yes,status=yes";
			var URL = "https://dashboard.kingspay.live/pay/zd0l73ycqosf";
			var win = window.open(URL, "_blank", strWindowFeatures);
	});

	function TVTrans(){
			$.ajax({
				url: 'ajx_con.php',
				type: 'POST',
				//dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
				data: $('#register').serialize()
			})
			.done(function(data) {
				//alert(data)
				//alert(data);
				if(data == 'success'){

					$('.send').text('Successful');
					$('#register')[0].reset();
					//window.location.href = "down.php?file=PASTOR_CHRIS_How_God_Raised_a_Dead_Man_through_his_Word_prayer.mp4"
					
				}
				else if (data == "already"){
					$('.send').text('Registered');
				}
				else if (data == "null"){
					$('.send').text('Complete the form');
				}
				else{
					$('.send').text('Error');
				}
			})
			.fail(function() {
				$('.send').text('Network error');
			})
			.always(function() {
				console.log("complete");
			});
		}

		$('.send').click(function(){
			$(this).text('Please wait...');
			TVTrans();
		});
</script>
</body>
</html>