Issues:
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8">
5<meta name="Description" content="Hans Keesom provides services to photographers who want to make panoramas virtual tours and 3D models">
6<meta name="Keywords" content="Photography panoramas virtual tour 3d models">
7<meta name="viewport" content="width=device-width, initial-scale=1">
8<meta name="robots" content="all" />
9<meta name="description" content="Your DSLR and drone photo's stitched into virtual tours, gigapixels maps and 3d models." />
10<meta name="copyright" content="Hans" />
11<meta name="author" content="Hans Keesom" />
12<meta property="og:url" content="http://hanskeesom.com" />
13<meta property="og:type" content="website" />
14<meta property="og:title" content="Hans Keesom Photographic Services" />
15<meta property="og:description" content="Your DSLR and drone photo's stitched into virtual tours, gigapixels maps and 3d models" />
16<meta property="og:image" content="http://hanskeesom.com/images/3DmodelFromDrone.png" />
17<meta property="og:site_name" content="Hans Keesom" />
18<meta property="og:updated_time" content="2017-01-18 15:17:40" />
19<!-- formaat is: YYYY-MM-DD hh:mm:ss -->
20
21<title>Hans Keesom Photographic services Contact</title>
22<!-- Bootstrap -->
23
24<link href="../css/bootstrap-3.3.7.css" rel="stylesheet" type="text/css">
25<link href="../css/hanskeesom.css" rel="stylesheet" type="text/css">
26
27<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
28<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
29<!--[if lt IE 9]>
30 <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
31 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
32 <![endif]-->
33<script type="text/javascript">
34function MM_goToURL() { //v3.0
35 var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
36 for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
37}
38</script>
39</head>
40
41<body>
42<nav class="navbar navbar-default">
43 <div class="container-fluid">
44 <!-- Brand and toggle get grouped for better mobile display -->
45 <div class="navbar-header">
46 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1"><span class="sr-only">Toggle navigation</span></button>
47 <a class="navbar-brand" href="../index.html"> <img id="brand-image" alt="Website logo" width="105" height="83" src="../images/logoHansKeesom.png" /> </a></div>
48 <!-- Collect the nav links, forms, and other content for toggling -->
49 <div class="collapse navbar-collapse" id="defaultNavbar1">
50 <ul class="nav navbar-nav navbar">
51 <li class="dropdown" ><a href="../nieuws/index.html" class="dropdown-toggle" onClick="MM_goToURL('parent','../nieuws/index.html');return document.MM_returnValue" onMouseUp="MM_goToURL('parent','../nieuws/index.html');return document.MM_returnValue" aria-expanded="false" role="button" data-toggle="dropdown">News<span class="opalcaret"></span></a> </li>
52 <li class="dropdown" ><a href="../producten/index.html" class="dropdown-toggle" onClick="MM_goToURL('parent','../producten/index.html');return document.MM_returnValue" onMouseUp="MM_goToURL('parent','../producten/index.html');return document.MM_returnValue" aria-expanded="false" role="button" data-toggle="dropdown">Products<span class="opalcaret"></span></a> </li>
53 <li class="dropdown active" ><a href="pages/contact.html" class="dropdown-toggle" onClick="MM_goToURL('parent','contact.html');return document.MM_returnValue" onMouseUp="MM_goToURL('parent','contact.html');return document.MM_returnValue" aria-expanded="false" role="button" data-toggle="dropdown">Contact</a> </li>
54 </ul>
55 <form class="navbar-form navbar-left" method="get" action="http://www.google.com/search">
56 <label for="q" class="hidden">search for</label><input type="text" name="q" id="q" size="31" maxlength="255" value="" />
57 <label for="submit" class="hidden">Submit</label><input type="submit" name="submit" id="submit" value="Search" />
58 <label for="sitesearch" class="hidden">Search the web</label>
59 <input type="radio" name="sitesearch" id="sitesearch" value="" />The Web<br/>
60 <label for="localsearch" class="hidden">Search HansKeesom.com</label>
61 <input type="radio" name="sitesearch" id="localsearch" value="hanskeesom.com" checked /> HansKeesom.com<br />
62 </form>
63 <!--
64 <form class="navbar-form navbar-left" role="search">
65 <div class="form-group">
66 <input type="text" class="form-control" placeholder="Search">
67 </div>
68 <button type="submit" class="btn btn-default">Submit</button>
69 </form>
70 -->
71
72 </div>
73 <!-- /.navbar-collapse -->
74 </div>
75 <!-- /.container-fluid -->
76</nav>
77
78<!-- Empty breadcrumbs on homepage to keep the background bar-->
79<ol class="breadcrumb">
80 <li><a href="../index.html">Home</a></li>
81 <li class="active">Contact</li>
82</ol>
83<!-- Main title bar for the page -->
84<div role="banner" class="container-fluid">
85 <div class="row">
86 <div class="col-md-6 col-md-offset-3">
87 <h1 class="text-center">Hans Keesom Photographic Services</h1>
88 </div>
89 </div>
90 <hr>
91</div>
92<div role="main" class="container">
93 <div class="row text-center">
94 <div class="col-md-6 col-md-offset-3">Helping photographers selling new products to their customers </div>
95 </div>
96 <hr>
97
98 <div class="row">
99 <div class="text-center col-md-12">
100 <div class="row">
101 <article class="text-justify col-sm-4">
102 <h2>Contacting me</h2>
103 <p> Hans Keesom<br>
104 Leusdenhof 191<br>
105 1108DG Amsterdam<br>
106 The Netherlands<br>
107 Tel : +31 6 300 18 5 19 <br>
108 <a href="mailto:hans@hanskeesom.com?Subject=Hans%20Keesom%20Photographic%20Services" target="_top">Send an email</a> to hans@hanskeesom.com</p>
109 </article>
110 <article class="col-sm-4 text-justify">
111 <h2>About me</h2>
112 Back in 1984 I was studying at the University of Leiden. I studied computer science. During my study I felt attracted to interaction and computer graphics, partly because other direction felt so boring and nerdy..... . The problem in those days was most computers had a graphical card that had two colors : a black background and green foreground. Some had 16 colors but at a resolution that was so bad one was not sure this would be the way to go. <br>
113 Then came the Commodore Amiga with 4096 colors in 1024 by 1024 resolution, all kinds of video-modes, dual-buffers, sprites and animation-objects.<br>
114 As a project I programmed a library of functions in the C-language called Amiga-GKS. And for my final work to became a Master, I programmed a set of animation functions called Amiga-ANI which allowed you to quickly create all kind of animations<br>
115 During that project I got information about some art-students in Utrecht that were also doing computer-animation with the Amiga. I called them and made and appointment. We met and I experienced for the first time what creative people and IT-people can do when they work together. That was a win-win situation that I since am always looking out for, the synergy of working with people with totally different talents then mine.<br>
116 Despite the above I ended up in traditional ICT and tried and tried to find my place there. That worked well but seldom with the passion I had experienced earlier.<br>
117 Thanks to digital-photography I moved back to computer graphics, first as a part-time photographer, later more and more as an IT-guy that knows how to deal with graphics files on a computer and processing them for others into panorama's, virtual tours and 3D models.</article>
118 <aside class="col-sm-4 text-justify">
119 <h2>New Website</h2>
120 As you might have noticed, I have a new website. Totally build by myself to better present the services I offer photographers. It is also part of a training on webdesign and front-end programming and will function both as testbed and as a show-case.<br>
121 That does not mean this website will became very colorful and dynamic. I want this website todo well went it comes to accessibility and usability, so it can be used by many, regardles of their (dis)abilities and devices they see it on. Do let me know if you have troubles with my website in that regard. </aside>
122 </div>
123 <hr>
124 <div class="well">
125 <div id="carousel1" class="carousel slide" data-ride="carousel">
126 <ol class="carousel-indicators">
127 <li data-target="#carousel1" data-slide-to="0" class="active"></li>
128 </ol>
129 <div class="carousel-inner" role="listbox">
130 <div class="item active"><a href="../producten/pages/panoramatours.html">
<img width="600" height="476" src="../images/alsofjeerbent.nl.png" alt="Virtual Panorama Tours for alsofjeerbent.nl" class="center-block"></a>
131 <div class="carousel-caption">
132 <h2>Virtual panorama tours</h2>
133 <p>You make the photo's, I stitch the panorama's and create a tour for you!</p>
134 </div>
135 </div>
136 <div class="item"><a href="../producten/pages/gigamap.html">
<img width="600" height="476" src="../images/giganticAerialPhotoFromDroneFootage.png" alt="3D model from Drone photos" class="center-block"></a>
137 <div class="carousel-caption">
138 <h2>Gigantic Aerial Photo map from Drone Photo's</h2>
139 <p>You do the flying, I make you a gigantic photo with incredible detail.</p>
140 </div>
141 </div>
142 <div class="item"><a href="../producten/pages/3dmodels.html"><img width="600" height="476" src="../images/3DmodelFromDrone.png" alt="3D model from Drone photos" class="center-block"></a>
143 <div class="carousel-caption">
144 <h2>3D models from Drone Photo's</h2>
145 <p>You do the flying, I make the 3D model.</p>
146 </div>
147 </div>
148 </div>
149 <a class="left carousel-control" href="#carousel1" role="button" data-slide="prev"><span class="sr-only">Previous</span></a><a class="right carousel-control" href="#carousel1" role="button" data-slide="next"><span class="sr-only">Next</span></a></div>
150 </div>
151 <hr>
152 </div>
153 </div>
154 </div>
155 <hr>
156 <footer class="row">
157 <div class="text-center col-md-6 col-md-offset-3">
158 <h2>Have a nice day. Make it good one. </h2>
159 <p>Copyright © 2017 · All Rights Reserved · <a href="http://hanskeesom.com/" >Hanskeesom.com</a></p>
160 </div>
161 </footer>
162
163<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
164<script src="../js/jquery-1.11.3.min.js"></script>
165
166<!-- Include all compiled plugins (below), or include individual files as needed -->
167<!-- <script src="../js/bootstrap.js"></script> -->
168<script src="../js/bootstrap-3.3.7.js"></script>
169</body>
170</html>