<!doctype html>
<html lang="en">
  <head>
		<meta charset="utf-8">
        <title>Hey there</title>
	    <meta name="robots" content="noindex,nofollow,noarchive,nosnippet,noodp">
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
        
        <!-- Styles -->
        <link href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap" rel="stylesheet">
<style>
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

html, body {
    padding:10px;
    font-size: 100%;
}

body {
/*  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0,
      0.65) 100%), url('images/background/achtergrond50.jpg') no-repeat;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65))), url('images/background/achtergrond50.jpg') no-repeat;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('images/background/achtergrond50.jpg') no-repeat;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('images/background/achtergrond50.jpg') no-repeat;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('images/background/achtergrond50.jpg') no-repeat;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('images/background/achtergrond50.jpg') no-repeat;

    background: url(images/achtergrond50.jpg);*/
    background-size:cover;
    background-attachment:fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #EEEEEE;
    color: #262626;
    padding: 0;
    margin: 0;
    font-family: "Lato", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    position: relative;
    cursor: default;
}


h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto Slab";
    font-weight: 300;
    font-style: normal;
    color: #0d0d0d;
    text-rendering: optimizeLegibility;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}
</style>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>

$(document).ready(function(){
    imageNames = ['DSC_0960.JPG', 'DSC04703.JPG', 'DSC04871.JPG', 'DSC03390.JPG', 'DSC04805.JPG', 'achtergrond50.JPG', 'DSC03358.JPG', 'DSC_1473.JPG', 'DSC03192.JPG', 'DSC03410.JPG', 'DSC03339.JPG', 'DSC03727.JPG', 'DSC04779.JPG', 'DSC04714.JPG', 'DSC02930.JPG', 'DSC03346.JPG', 'DSC04423.JPG', 'IMG_8792.JPG', 'DSC03361.JPG', 'DSC04806.JPG', 'DSC04725.JPG', 'DSC03669.JPG', 'DSC03412.JPG', 'DSC_1249.JPG', 'DSC04878.JPG', 'DSC03699.JPG', 'DSC04912.JPG', 'DSC04875.JPG', 'DSC04073.JPG', 'DSC03394.JPG', 'DSC03367.JPG', 'DSC04685.JPG', 'DSC04696.JPG', 'DSC03584.JPG', 'DSC03416.JPG', 'DSC03389.JPG', 'DSC03415.JPG', 'DSC03411.JPG', 'DSC03413.JPG', 'DSC04958.JPG', 'DSC04712.JPG', 'DSC03177.JPG', 'IMG_0993.JPG', 'DSC02937.JPG', 'DSC04729.JPG', 'DSC04715.JPG', 'DSC04900.JPG', 'DSC04720.JPG', 'DSC_1482.JPG', 'DSC04667.JPG', 'DSC04418.JPG', 'DSC02927.JPG', 'IMG_8781.JPG', 'DSC_1042.JPG', 'DSC03195.JPG', 'DSC_1647.JPG', 'DSC04894.JPG', 'DSC02900.JPG', 'DSC04681.JPG', 'DSC_1648.JPG'] 
 
        imageNamesSize = imageNames.length,
        lotteryNumber = Math.floor(Math.random()*imageNamesSize),
        winnerImage = imageNames[lotteryNumber];
        $('body').css("background-image", "url(/images/background/" + winnerImage + ")");
});
</script>


  </head>
  <body>



<div class="top"><center><h1>Rafa&euml;l Mostert</h1></center></div>
<p><center><br>
    Personal: <br> mail @ rafaelmostert.com <br><br>
    Work: <br> rafael.mostert @ valcon.com <br><br>
    <p>
    <h2><a href="/blog">Blog</a>  &nbsp;&nbsp;&nbsp;&nbsp; <a
           href="https://github.com/RafaelMostert"><img
           style="height:25px;width:25px;vertical-align:middle;"
    src="images/GitHub-Mark-120px-plus.png"></a>  &nbsp;&nbsp;&nbsp;&nbsp; <a
    href="https://www.linkedin.com/in/rafaelmostert"><img style="height:25px;vertical-align:middle;"
                                                          src="images/Logo-Black-28px-TM.png"></a></h2>
</p> 
</center></p>

</p>

<!-- Hiero meer body als nodig-->

				</div>
            </div>
  </body>
</html>