<!doctype html>
<html lang="nl-NL">

<head>

	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta name="description" content="" />
	<title>  </title>
	
	<!-- Include CSS -->
	<link href="https://www.henkblanken.nl/wp-content/plugins/onecom-under-construction/assets/css/bootstrap.min.css" rel="stylesheet">
	<link href="https://www.henkblanken.nl/wp-content/plugins/onecom-under-construction/themes/theme-3/style.css?ver=3.1.14" rel="stylesheet">

	<!-- Include JS -->
	<script src="https://www.henkblanken.nl/wp-content/plugins/onecom-under-construction/assets/js/jquery.min.js"></script>
	<script src="https://www.henkblanken.nl/wp-content/plugins/onecom-under-construction/assets/js/script.js?ver=3.1.14"></script>

	<!-- WordPress meta tag generator -->
	<meta name="generator" content="WordPress 6.9.4">
	<!-- Design Customization -->
	<style>
				body {
			background:  url('https://www.henkblanken.nl/wp-content/plugins/onecom-under-construction/assets/images/design-3-bg.jpeg') no-repeat top center fixed;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}

			
		/** Firefox - Mobile only CSS fix for placeholder padding */
		@-moz-document url-prefix() {
			.ocuc-page .oc-captcha-wrap .oc-captcha-val {
				margin: 1px;
				border: 1px solid #ccc;
				height: 24px;
			}

			.ocuc-page .newsletter .form-control.oc-newsletter-input {
				padding: 0.8rem 1.2rem;
			}
		}

			</style>

	<!-- Include ajax, timer js, and analytics js -->
	<script>
		var oc_ajax = {
			ajaxurl: 'https://www.henkblanken.nl/wp-admin/admin-ajax.php'
		}
	</script>
		<script>
		(function($) {
			$(document).ready(function() {
				var currentTime = Number(1779023648);
				// Update the countdown every 1 second
				var x = setInterval(function() {
					// Update the countdown every 1 second
					//var currentTime = Number(1779023648);

					// Ajax call to get latest timestamp from WordPress
					$.ajax({
						url: oc_ajax.ajaxurl,
						type: "POST",
						data: {
							'action': 'ocuc_wp_time'
						},
						success: function(data) {
							// return current timestamp based on WordPress settings
							// console.log(data);
							currentTime = data;
						},
						error: function(errorThrown) {
							currentTime = data;
						}
					});

					// Timer end date
					var endDate = 1719406080;

					// Find the interval between now and the countdown date
					var interval = endDate - currentTime;

					// Time calculations for days, hours, minutes and seconds
					var seconds = Number(interval);
					var days = Math.floor(seconds / (3600 * 24));
					days = String("00" + days).slice(-2); // keep it in 2 digit always
					var hours = Math.floor(seconds % (3600 * 24) / 3600);
					hours = String("00" + hours).slice(-2);
					var minutes = Math.floor(seconds % 3600 / 60);
					minutes = String("00" + minutes).slice(-2);
					var seconds = Math.floor(seconds % 60);
					seconds = String("00" + seconds).slice(-2);

					// Show timer have future date
					if (interval > 0) {
						document.getElementById("counter-day").innerHTML = days;
						document.getElementById("counter-hour").innerHTML = hours;
						document.getElementById("counter-minute").innerHTML = minutes;
						document.getElementById("counter-second").innerHTML = seconds;
					}
					// If the timer is finished, set it 00
					else {
						clearInterval(x);
						document.getElementById("counter-day").innerHTML = "00";
						document.getElementById("counter-hour").innerHTML = "00";
						document.getElementById("counter-minute").innerHTML = "00";
						document.getElementById("counter-second").innerHTML = "00";
					}
				}, 1000);
			});

		})(jQuery)
	</script>
	</head>

<body>
	<div class="wrapper ocuc-page">
		<div class="container-fluid">

			<div class="row">
				<div class="col-md-12">
					<main class="ocuc-content-box">
						<!-- Display logo or site title -->
						<div class="ocuc-site-title-logo">
							<h1>henkblanken.nl</h1>						</div>

						<!-- Display the headline -->
													<h2 class="ocuc-headline">
								Something is happening. Check in later!							</h2>
						
													<div class="ocuc-timer">
								<div class="timer">
	<div>
		<span class="count-number" id="counter-day"></span>
		<div class="smalltext">Dagen</div>
	</div>
	<div>
		<span class="count-number" id="counter-hour"></span>
		<div class="smalltext">Uren</div>
	</div>
	<div>
		<span class="count-number" id="counter-minute"></span>
		<div class="smalltext">Minuten</div>
	</div>
	<div>
		<span class="count-number" id="counter-second"></span>
		<div class="smalltext">Seconden</div>
	</div>
	<p id="time-up"></p>
</div>
							</div>
							
						
						<div class="ocuc-description">
													</div>

						
													<div class="ocuc-copyright">
								Copyright © 2024. All rights reserved							</div>
						
					</main>
				</div>
			</div>

		</div>
	</div>
	</body>
</html>