<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--
	<meta name="description" content="OpenJohn">
	<title>Welkom bij John de Graaff</title>
	<link rel="stylesheet" type="text/css" media="screen" charset="utf-8" href="/bootstrap-4.2.1-dist/css/bootstrap.min.css" />
	<! - - link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous" - - >
	<link rel="stylesheet" type="text/css" media="screen" charset="utf-8" href="/css/local.css?v=1.x" />
	<style>
		.blue		{ color:#1100FF; }
	</style>
	 -->
</head>

<body>
<!--
	<script src="/js/jquery-3.3.1.js"></script>
	<script src="/bootstrap-4.2.1-dist/js/bootstrap.bundle.min.js"></script>

<div id="body_panel">
<! - - ======+++====== ======+++====== ======+++====== ======+++====== - - >
<div id="top_panel" class="sticky-top bg-white">
	<nav class="navbar navbar-expand-lg navbar-light bg-light">
		<! - - a class="navbar-brand" href="/">
			<img src="/img/BMA-logo-v04-zoom.svg" width="360px" class="img-fluid" alt="" style="padding:2px 20px;">
		</a - - >
		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		</button>

		<div class="collapse navbar-collapse" id="navbarSupportedContent">
			<ul class="navbar-nav mr-auto">
				<li class="nav-item active">
					<a class="nav-link" href="/index.html">Welkom</a>
				</li>
				<li class="nav-item active dropdown">
					<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						Taal / Language
					</a>
					<div class="dropdown-menu" aria-labelledby="navbarDropdown">
						<a class="dropdown-item" href="/index.html">nl - Nederlands</a>
						<a class="dropdown-item disabled" href="/en/index.html">en - English</a>
						<a class="dropdown-item disabled" href="/en/index.html">de - Deutsch</a>
						<a class="dropdown-item disabled" href="/en/index.html">fr - Francais</a>
						<a class="dropdown-item disabled" href="/en/index.html">es - Espanol</a>
						<a class="dropdown-item disabled" href="/en/index.html">it - Italiano</a>
					</div>
				</li>
			</ul>
			<form class="form-inline my-2 my-lg-0">
				<input class="form-control mr-sm-2" type="search" placeholder="Zoek" aria-label="Search">
				<button class="btn btn-sm btn-outline-success my-2 my-sm-0" type="submit">Zoek</button>
			</form>
		</div>
	</nav>
</div _id="top_panel">
<! - - ======+++====== ======+++====== ======+++====== ======+++====== - - >
<div id="mid_panel">
<! - - ======+++====== ======+++====== ======+++====== ======+++====== - - >



<! - - div class="border shadow w-100 m-4 p-4 bg-white rounded border_grey mx-auto d-block" - - >
<div class="p-4 bg-white mx-auto d-block">

 <! - - <p>&nbsp;</p> - - >
 -->

	<!-- <a href="/viewpdf.php?file=CV-John-de-Graaff-mei-2020.pdf" target="_blank">CV-John-de-Graaff-mei-2020.pdf</a> -->
<?php
$par_file = htmlspecialchars($_GET["file"]) ;
?>

Download: <a href="/files/<?php print($par_file) ?>" target="_blank">&lt; <?php print($par_file) ?> &gt;</a> &ndash; of <a href="/">&lt;&lt; terug</a> naar homepage
<br/>

<!--
<embed src="/files/<?php print($par_file) ?>" type="application/pdf" width="800" height="2100">
-->

	<object data="/files/<?php print($par_file) ?>" type="application/pdf" width="800" height="1200">
	<!-- <a href="data/test.pdf">test.pdf</a> -->
	</object>

<!--
	<iframe src="/files/<?php print($par_file) ?>" width="800" height="2100">
	</iframe>
 -->

<!--
 <iframe
 		example_src="https://drive.google.com/viewerng/viewer?embedded=true&url=https://john.de-graaff.net/files/<?php print($par_file) ?>#toolbar=1&scrollbar=1"
 		src="https://drive.google.com/viewerng/viewer?url=https://john.de-graaff.net/files/<?php print($par_file) ?>"
     frameBorder="0"
     scrolling="auto"
     height="100%"
     width="100%"
 ></iframe> -->


<!--
</div>

<p>&nbsp;</p>
<p>&nbsp;</p>

<! - - ======+++====== ======+++====== ======+++====== ======+++====== - - >
</div _id="mid_panel">
<! - - ======+++====== ======+++====== ======+++====== ======+++====== - - >
<div id="bottom_panel" class="fixed-bottom bg-light">
	<div id="div_foot_copyright" class="floatleft" style="height:3em;padding:0.5em;">
		&copy; 2019 John de Graaff &ndash;
		<a href="mailto:john@de-graaff.net">john@de-graaff.net</a>
	</div>
</div _id="bottom_panel">

</div _id="body_panel">
<! - - ======+++====== ======+++====== ======+++====== ======+++====== - - >
<! - - script>
(function global_closure() { // start of global_closure
})(); // end of global_closure
</script - - >
<! - - ======+++====== ======+++====== ======+++====== ======+++====== - - >
-->

</body>
</html>
<!-- ======+++====== ======+++====== ======+++====== ======+++====== -->
