<!--

 ▄▄       ▄▄  ▄▄▄▄▄▄▄▄▄▄▄  ▄▄▄▄▄▄▄▄▄▄▄  ▄▄▄▄▄▄▄▄▄▄▄  ▄▄▄▄▄▄▄▄▄▄▄  ▄▄▄▄▄▄▄▄▄▄▄  ▄▄        ▄  ▄▄▄▄▄▄▄▄▄▄   ▄▄▄▄▄▄▄▄▄▄▄  ▄▄▄▄▄▄▄▄▄▄▄               ▄▄▄▄▄▄▄▄▄▄▄  ▄▄▄▄▄▄▄▄▄▄▄  ▄▄       ▄▄ 
▐░░▌     ▐░░▌▐░░░░░░░░░░░▌▐░░░░░░░░░░░▌▐░░░░░░░░░░░▌▐░░░░░░░░░░░▌▐░░░░░░░░░░░▌▐░░▌      ▐░▌▐░░░░░░░░░░▌ ▐░░░░░░░░░░░▌▐░░░░░░░░░░░▌             ▐░░░░░░░░░░░▌▐░░░░░░░░░░░▌▐░░▌     ▐░░▌
▐░▌░▌   ▐░▐░▌▐░█▀▀▀▀▀▀▀█░▌▐░█▀▀▀▀▀▀▀█░▌▐░█▀▀▀▀▀▀▀█░▌ ▀▀▀▀█░█▀▀▀▀ ▐░█▀▀▀▀▀▀▀▀▀ ▐░▌░▌     ▐░▌▐░█▀▀▀▀▀▀▀█░▌▐░█▀▀▀▀▀▀▀█░▌▐░█▀▀▀▀▀▀▀▀▀              ▐░█▀▀▀▀▀▀▀▀▀ ▐░█▀▀▀▀▀▀▀█░▌▐░▌░▌   ▐░▐░▌
▐░▌▐░▌ ▐░▌▐░▌▐░▌       ▐░▌▐░▌       ▐░▌▐░▌       ▐░▌     ▐░▌     ▐░▌          ▐░▌▐░▌    ▐░▌▐░▌       ▐░▌▐░▌       ▐░▌▐░▌                       ▐░▌          ▐░▌       ▐░▌▐░▌▐░▌ ▐░▌▐░▌
▐░▌ ▐░▐░▌ ▐░▌▐░█▄▄▄▄▄▄▄█░▌▐░█▄▄▄▄▄▄▄█░▌▐░█▄▄▄▄▄▄▄█░▌     ▐░▌     ▐░█▄▄▄▄▄▄▄▄▄ ▐░▌ ▐░▌   ▐░▌▐░█▄▄▄▄▄▄▄█░▌▐░▌       ▐░▌▐░█▄▄▄▄▄▄▄▄▄              ▐░▌          ▐░▌       ▐░▌▐░▌ ▐░▐░▌ ▐░▌
▐░▌  ▐░▌  ▐░▌▐░░░░░░░░░░░▌▐░░░░░░░░░░░▌▐░░░░░░░░░░░▌     ▐░▌     ▐░░░░░░░░░░░▌▐░▌  ▐░▌  ▐░▌▐░░░░░░░░░░▌ ▐░▌       ▐░▌▐░░░░░░░░░░░▌             ▐░▌          ▐░▌       ▐░▌▐░▌  ▐░▌  ▐░▌
▐░▌   ▀   ▐░▌▐░█▀▀▀▀▀▀▀█░▌▐░█▀▀▀▀▀▀▀█░▌▐░█▀▀▀▀█░█▀▀      ▐░▌     ▐░█▀▀▀▀▀▀▀▀▀ ▐░▌   ▐░▌ ▐░▌▐░█▀▀▀▀▀▀▀█░▌▐░▌       ▐░▌ ▀▀▀▀▀▀▀▀▀█░▌             ▐░▌          ▐░▌       ▐░▌▐░▌   ▀   ▐░▌
▐░▌       ▐░▌▐░▌       ▐░▌▐░▌       ▐░▌▐░▌     ▐░▌       ▐░▌     ▐░▌          ▐░▌    ▐░▌▐░▌▐░▌       ▐░▌▐░▌       ▐░▌          ▐░▌             ▐░▌          ▐░▌       ▐░▌▐░▌       ▐░▌
▐░▌       ▐░▌▐░▌       ▐░▌▐░▌       ▐░▌▐░▌      ▐░▌      ▐░▌     ▐░█▄▄▄▄▄▄▄▄▄ ▐░▌     ▐░▐░▌▐░█▄▄▄▄▄▄▄█░▌▐░█▄▄▄▄▄▄▄█░▌ ▄▄▄▄▄▄▄▄▄█░▌      ▄      ▐░█▄▄▄▄▄▄▄▄▄ ▐░█▄▄▄▄▄▄▄█░▌▐░▌       ▐░▌
▐░▌       ▐░▌▐░▌       ▐░▌▐░▌       ▐░▌▐░▌       ▐░▌     ▐░▌     ▐░░░░░░░░░░░▌▐░▌      ▐░░▌▐░░░░░░░░░░▌ ▐░░░░░░░░░░░▌▐░░░░░░░░░░░▌     ▐░▌     ▐░░░░░░░░░░░▌▐░░░░░░░░░░░▌▐░▌       ▐░▌
 ▀         ▀  ▀         ▀  ▀         ▀  ▀         ▀       ▀       ▀▀▀▀▀▀▀▀▀▀▀  ▀        ▀▀  ▀▀▀▀▀▀▀▀▀▀   ▀▀▀▀▀▀▀▀▀▀▀  ▀▀▀▀▀▀▀▀▀▀▀       ▀       ▀▀▀▀▀▀▀▀▀▀▀  ▀▀▀▀▀▀▀▀▀▀▀  ▀         ▀ 

 -->

<!doctype html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Maarten Bos, Almere - MaartenBos.com</title>
	<META NAME="description" CONTENT="Maarten Bos, Almere">
	<META NAME="keywords" CONTENT="maarten,bos,maartenbos,maarten bos,naartem,almere,holland,consultant,damveld,iie,instituut voor information engineering,cv,projecten,portfolio">
	<link rel="canonical" href="http://www.maartenbos.com"/>
	<meta property="og:site_name" content="Maarten Bos, Almere"/>
	<meta property="og:title" content="MaartenBos.com"/>
	<meta itemprop="name" content="Maarten Bos, Almere"/>
	<meta property="og:url" content="http://www.maartenbos.com"/>
	<meta itemprop="url" content="http://www.maartenbos.com"/>
	<link rel="Shortcut Icon" href="favicon.ico" type="image/x-icon" />
	<meta http-equiv="pragma" content="no-cache" />
	<meta name="robots" content="all" />
	<meta name="MSSmartTagsPreventParsing" content="true" />
	<meta http-equiv="imagetoolbar" content="true" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!--[if lt IE 9]>
	<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->	
	<style>
		* { padding: 0; margin: 0; }
		body { background-color: #333; }
		p { clear:both;color: #656161; font-family: Helvetica; font-size: 12px; line-height: 24px; margin-bottom: 22px; -webkit-font-smoothing: antialiased; }
		h1 {color: #656161; font-family:Helvetica; font-size: 16px; line-height: 24px; margin-bottom: 22px; -webkit-font-smoothing: antialiased;letter-spacing: 11px;float:left; text-align:left;text-transform:uppercase;}
		h2 {color: #656161; font-family:Helvetica; font-size: 14px; line-height: 24px; margin-bottom: 22px; -webkit-font-smoothing: antialiased;letter-spacing: 5px;float:right; text-align:right;}
		a { color: #656161; font-weight: bold; text-decoration: underline; border-bottom: 1px solid rgba(255,255,255,0.3); }
		a:hover { color: #656161;text-decoration: bold;  border-bottom: 1px solid rgba(255,255,255,1); }
		ul#connect{white-space:nowrap;width: auto; padding: 0px 0 0 0px; margin: 0 0 0 -5px !important;}
		#connect li{display:inline;list-style-type:none;}
		#connect a{text-decoration: none;padding:3px 5px;border-style: none;}
		#connect a:link,#navlist a:visited{text-decoration: none;opacity:0.2;border-style: none;}
		#connect a:hover{text-decoration: none;opacity:0.5;border-style: none;}
		#connect img {border:none;}		
		#MaartenBosLogo { width: 50px; padding: 50px 0 0 0; margin: 0 auto 0 50px; }
		#about { background-image:url('wit90.png'); width: 440px; padding: 0 10px 5px 25px; margin: -35px 150px 0 auto !important; 
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;  
		border-radius: 5px;
		}
		@media (max-width: 767px) {
			#MaartenBosLogo { position: relative; width: auto; padding: 20px; margin: 0; }
			#about { position: relative; width: auto; padding: 20px; margin: 0 !important; }
			background-image { opacity: 0.2; }
		}
		

/* Add curved borders to various elements */

#contactForm, .statusMessage, input[type="submit"], input[type="button"] {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;  
  border-radius: 4px;
}


/* The form dimensions */

#contactForm {
  width: 30em;
  height: 13em;
  padding: 0 0 0 0;
  margin: 0 auto;
}


/* Dimensions and position of the status messages */

.statusMessage {
  display: none;
  margin: auto;

  height: 2em;
  padding: 1.5em;

  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.statusMessage p {
  text-align: center;
  margin: 0;
  padding: 0;
}


/* Give form elements consistent margin, padding and line height */

#contactForm input, #contactForm label {
  line-height: 1em;
}


/* The fields */

input, textarea {
  display: block;
  margin: 0;
  padding: .4em;
  width: 80%;
  font-family: Helvetica, serif;
  font-size: 1em;
  border: 1px solid #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;    
  border-radius: 5px;
  -moz-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  background: #fff;
}

textarea {
  height: 13em;
  line-height: 1.5em;
  resize: none;
}


/* Place a border around focused fields, and hide the inner shadow */

#contactForm *:focus {
  border: 1px solid #66f;
  outline: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}


/* Display correctly filled-in fields with a green background */

input:valid, textarea:valid {
  background: #dfd;
}


/* The Send and Cancel buttons */

input[type="submit"], input[type="button"] {
  float: left;
  margin: 0em 0em 0 1em;
  width: 10em;
  padding: .5em;
  border: 1px solid #666;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  color: #fff;
  background: #0a0;
  font-size: 0.9em;
  line-height: 0.5em;
  font-weight: bold;
  opacity: .7;
  -webkit-appearance: none;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}

input[type="submit"]:hover,
input[type="submit"]:active,
input[type="button"]:hover,
input[type="button"]:active {
  cursor: pointer;
  opacity: 1;
}

input[type="submit"]:active, input[type="button"]:active {
  color: #333;
  background: #eee;
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
}

input[type="button"] {
  background: #f33;
}
		
	</style>
	
<!-- Some IE7 hacks and workarounds -->

<!--[if lt IE 8]>
<style>

/* IE7 needs the fields to be floated as well as the labels */

input, textarea {
  float: right;
}

#formButtons {
  clear: both;
}

/*
  IE7 needs an ickier approach to vertical/horizontal centring with fixed positioning.
  The negative margins are half the element's width/height.
*/

#contactForm.positioned, .statusMessage {
  left: 50%;
  top: 50%;
}

#contactForm.positioned {
  margin-left: -20em;
  margin-top: -16.5em;
}

.statusMessage {
  margin-left: -15em;
  margin-top: -1em;
}

</style>
<![endif]-->
</head>	
    
<body>

<!-- MaartenBos logo -->
<div id="MaartenBosLogo">
	<img src="mb_com.png" />
</div>

<!-- MaartenBos info -->
<div id="about">
	<br />
	<div id="home">
	<p><h1>Maarten Bos</h1><h2></h2></p>
	<p>Motivated security professional (<a href="#certificates" name="certificates" id="hidetrick">CISSP</a>, <a href="#certificates" name="certificates" id="hidetrick">CISM</a>) with extensive experience in security consultancy, security architecture and security solutions.<br /><br />
<br />Get in touch:</p>

	<ul id="connect">
		<li><a href="http://linkedin.com/in/naartem" target="_blank"><img src="https://maartenbos.com/social/linkedin.png"></a></li>
		<li><a href="#contact" name="contact" id="hidetrick"><img src="https://maartenbos.com/social/email.png"></a></li>
		</ul>
		<br />
	</div>
	<div id="fotos" style="display:none">
		<h1>Photography</h1><h2><a href="#" name="home" id="hidetrick"><img src="arrow-left.png" border='0' width="25" /></a></h2>
		<p>Below is a selection of <a href="http://flickr.com/naartem" target="_blank">my photo's on Flickr</a>.</p>
		<div id="fotosflickr" style="text-align:center">
			<p><br><i>...Loading some of my photo's from Flickr...</i><br />
			(<a href="#" name="home" id="hidetrick">cancel</a>)</p>
		</div>
	</div>
	
	
		<div id="certificates" style="display:none">
	<p><h1>Maarten Bos</h1><h2>/ CERTIFICATES</h2>
		<p></p>
		  <div data-iframe-width="150" data-iframe-height="270" data-share-badge-id="d1a660f8-30ec-4c6d-bcae-39a6e7ce8397"></div>
	  <script type="text/javascript">
		(function() {
		  var s = document.createElement('script');
		  s.type = 'text/javascript';
		  s.async = true;
		  s.src = '//cdn.youracclaim.com/assets/utilities/embed.js';
		  var o = document.getElementsByTagName('script')[0];
		  o.parentNode.insertBefore(s, o);
		  })();
	  </script>
	  &nbsp;
	<div data-iframe-width="150" data-iframe-height="270" data-share-badge-id="0ee7a184-7b80-456e-815b-2582a5121712"></div>
  <script type="text/javascript">
    (function() {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = '//cdn.youracclaim.com/assets/utilities/embed.js';
      var o = document.getElementsByTagName('script')[0];
      o.parentNode.insertBefore(s, o);
      })();
  </script>
	  <br>
	  <p>(<a href="#" name="home" id="hidetrick">Go Back</a>)</p></p>
	</div> 
	<div id="contact" style="display:none">
		<p><h1>Contact</h1><h2>/ Maarten Bos</h2>
		<p>Please use the form below to contact me, or send me an email. <br /> <br /><i>Form is currently not working, to contact me use LinkedIn instead</I></p>
<form id="contactForm" action="processForm.php" method="post">


	<p>Your Name
      <input type="text" name="senderName" id="senderName" placeholder="Please type your name" required="required" maxlength="40" />
	Your email address
      <input type="email" name="senderEmail" id="senderEmail" placeholder="Please type your email address" required="required" maxlength="50" />
	You Message
      <textarea name="message" id="message" placeholder="Please type your message" required="required" cols="80" rows="10" maxlength="10000"></textarea>


  <div id="formButtons">
    <input type="submit" id="sendMessage" name="sendMessage" value="Send Email" disabled />
    <input type="button" id="cancel" name="cancel" value="Cancel" onclick="location.href='#';" />
  </div>

  
</form>


<div id="sendingMessage" class="statusMessage"><p>Sending your message. Please wait...</p> <p><a href="#" name="home" id="hidetrick"><< Go Back</a></p></div>
<div id="successMessage" class="statusMessage"><p>Thanks for sending your message! I'll get back to you shortly.</p><p><a href="#" name="home" id="hidetrick"><< Go Back</a></p></div>
<div id="failureMessage" class="statusMessage"><p>There was a problem sending your message. Please try again.</p></div>
<div id="incompleteMessage" class="statusMessage"><p>Please complete all the fields in the form before sending.</p></div>

</p>
	</div>


</div>

	
</div>	
<!--include jquery & backstretch-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.backstretch.min.js"></script>
	<script type="text/javascript" src="slickr-old/js/jquery.fancybox.js?v=2.1.5"></script> 


<script type="text/javascript">
$(function(){
     $(window).resize(function(){
         if($(this).width() >= 267){
             $.backstretch("achtergrond-c.jpg", {speed: 150});
         }
      })
      .resize();//trigger resize on page load
});
</script>
<script>

$(window).on('load', function(){        
    if( location.hash && location.hash.length ) {
       var hash = decodeURIComponent(location.hash.substr(1));
       $("#"+hash).show("slow").siblings().hide("slow");
		
		 if( location.hash == "#fotos") {
			$("#fotosflickr").load("flickr-p.php");
			}
    }       
});


$(document).ready(function(){

$(".flickrladen").click(function(){
    $("#fotosflickr").load("flickr-p.php");
  });

$('a#hidetrick').click(function () {
var divname= this.name;
$("#"+divname).show("slow").siblings().hide("slow");
});

});
</script> 

<script type="text/javascript">

var messageDelay = 5000;  // How long to display status messages (in milliseconds)

// Init the form once the document is ready
$( init );


// Initialize the form

function init() {

  // Hide the form initially.
  // Make submitForm() the form's submit handler.
  // Position the form so it sits in the centre of the browser window.
  //$('#contactForm').hide().submit( submitForm ).addClass( 'positioned' );
	$('#contactForm').submit( submitForm ).addClass( 'positioned' );
  // When the "Send us an email" link is clicked:
  // 1. Fade the content out
  // 2. Display the form
  // 3. Move focus to the first field
  // 4. Prevent the link being followed

  $('a[href="#contactForm"]').click( function() {
    $('#content').fadeTo( 'slow', .2 );
    $('#contactForm').fadeIn( 'slow', function() {
      $('#senderName').focus();
    } )

    return false;
  } );
  
  // When the "Cancel" button is clicked, close the form
 /* $('#cancel').click( function() { 
    $('#contactForm').fadeOut();
    $('#content').fadeTo( 'slow', 1 );
  } );  
*/
	$('#cancel').click( function() { 
		var divname= "home";
		$("#"+divname).show("slow").siblings().hide("slow");
	 } );  

  // When the "Escape" key is pressed, close the form
  $('#contactForm').keydown( function( event ) {
    if ( event.which == 27 ) {
		var divname= "home";
		$("#"+divname).show("slow").siblings().hide("slow");
    }
  } );

}


// Submit the form via Ajax

function submitForm() {
  var contactForm = $(this);

  // Are all the fields filled in?

  if ( !$('#senderName').val() || !$('#senderEmail').val() || !$('#message').val() ) {

    // No; display a warning message and return to the form
    $('#incompleteMessage').fadeIn().delay(messageDelay).fadeOut();
    contactForm.fadeOut().delay(messageDelay).fadeIn();

  } else {

    // Yes; submit the form to the PHP script via Ajax

    $('#sendingMessage').fadeIn();
    contactForm.fadeOut();

    $.ajax( {
      url: contactForm.attr( 'action' ) + "?ajax=true",
      type: contactForm.attr( 'method' ),
      data: contactForm.serialize(),
      success: submitFinished
    } );
  }

  // Prevent the default form submission occurring
  return false;
}


// Handle the Ajax response

function submitFinished( response ) {
  response = $.trim( response );
  $('#sendingMessage').fadeOut();

  if ( response == "success" ) {

    // Form submitted successfully:
    // 1. Display the success message
    // 2. Clear the form fields
    // 3. Fade the content back in

    $('#successMessage').fadeIn().delay(messageDelay+5000).fadeOut();
    $('#senderName').val( "" );
    $('#senderEmail').val( "" );
    $('#message').val( "" );

    $('#contactForm').delay(messageDelay+5000).fadeIn();
	//$('#home').delay(messageDelay+1000).show("slow").siblings().hide("slow");

  } else {

    // Form submission failed: Display the failure message,
    // then redisplay the form
    $('#failureMessage').fadeIn().delay(messageDelay).fadeOut();
    $('#contactForm').delay(messageDelay+500).fadeIn();
  }
}

</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-65920-13', 'maartenbos.com');
  ga('require', 'displayfeatures');
  ga('send', 'pageview');

</script>
</body>	
</html>