1
<!DOCTYPE html>
2
<html lang="en"><!-- InstanceBegin template="/Templates/HomePage.dwt" codeOutsideHTMLIsLocked="false" -->
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="copyright" content="Hans" />
10
<meta name="author" content="Hans Keesom" />
11
<meta property="og:url" content="http://hanskeesom.com" />
12
<meta property="og:type" content="website" />
13
<meta property="og:title" content="Hans Keesom Photographic Services" />
14
<meta property="og:description" content="Your DSLR and drone photo's stitched into virtual tours, gigapixels maps and 3d models" />
15
<meta property="og:image" content="http://hanskeesom.com/images/3DmodelFromDrone.png" />
16
<meta property="og:site_name" content="Hans Keesom" />
17
<meta property="og:updated_time" content="2017-01-18 15:17:40" />
18
<!-- formaat is: YYYY-MM-DD hh:mm:ss -->
19
20
<!-- InstanceBeginEditable name="doctitle" -->
21
<title>Hans Keesom Photographic Services</title>
22
<!-- InstanceEndEditable -->
23
<!-- Bootstrap -->
24
25
<link href="css/bootstrap-3.3.7.css" rel="stylesheet" type="text/css">
26
<link href="css/hanskeesom.css" rel="stylesheet" type="text/css">
27
28
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
29
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
30
<!--[if lt IE 9]>
31
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
32
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
33
<![endif]-->
34
<!-- InstanceBeginEditable name="head" -->
35
<!-- InstanceEndEditable -->
36
<!-- InstanceParam name="OptionalRegion" type="boolean" value="true" -->
37
<script type="text/javascript">
38
function MM_goToURL() { //v3.0
39
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
40
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
41
}
42
</script>
43
</head>
44
45
<body>
46
<nav class="navbar navbar-default">
47
<div class="container-fluid">
48
<!-- Brand and toggle get grouped for better mobile display -->
49
<div class="navbar-header">
50
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1"><span class="sr-only">Toggle navigation</span></button>
51
<a class="navbar-brand" href="index.html"> <img id="brand-image" alt="Website logo" width="105" height="83" src="images/logoHansKeesom.png" /> </a></div>
52
<!-- Collect the nav links, forms, and other content for toggling -->
53
<div class="collapse navbar-collapse" id="defaultNavbar1">
54
<ul class="nav navbar-nav navbar">
55
<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>
56
<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>
57
<li class="dropdown" ><a href="pages/contact.html" class="dropdown-toggle" onClick="MM_goToURL('parent','pages/contact.html');return document.MM_returnValue" onMouseUp="MM_goToURL('parent','pages/contact.html');return document.MM_returnValue" aria-expanded="false" role="button" data-toggle="dropdown">Contact</a> </li>
58
</ul>
59
<form class="navbar-form navbar-left" method="get" action="http://www.google.com/search">
60
<label for="q" class="hidden">search for</label><input type="text" name="q" id="q" size="31" maxlength="255" value="" />
61
<label for="submit" class="hidden">Submit</label><input type="submit" name="submit" id="submit" value="Search" />
62
<label for="sitesearch" class="hidden">Search the web</label>
63
<input type="radio" name="sitesearch" id="sitesearch" value="" />The Web
64
<label for="localsearch" class="hidden">Search HansKeesom.com</label>
65
<input type="radio" name="sitesearch" id="localsearch" value="hanskeesom.com" checked /> HansKeesom.com<br />
66
</form>
67
<!--
68
<form class="navbar-form navbar-left" role="search">
69
<div class="form-group">
70
<input type="text" class="form-control" placeholder="Search">
71
</div>
72
<button type="submit" class="btn btn-default">Submit</button>
73
</form>
74
-->
75
76
</div>
77
<!-- /.navbar-collapse -->
78
</div>
79
<!-- /.container-fluid -->
80
</nav>
81
82
<!-- Empty breadcrumbs on homepage to keep the background bar--><!-- InstanceBeginEditable name="breadcrumbContact" -->
83
<ol class="breadcrumb">
84
<li class="active"> </li>
85
</ol>
86
<!-- InstanceEndEditable -->
87
<!-- Main title bar for the page -->
88
<div role="banner" class="container-fluid">
89
<div class="row">
90
<div class="col-md-6 col-md-offset-3">
91
<h1 class="text-center"><!-- InstanceBeginEditable name="Home Content" -->Hans Keesom Photographic Services<!-- InstanceEndEditable --></h1>
92
</div>
93
</div>
94
<hr>
95
</div>
96
<section role="main" class="container">
97
<div class="row text-center">
98
<div class="col-md-6 col-md-offset-3"><!-- InstanceBeginEditable name="HomeContent" -->Helping photographers selling new products to their customers<!-- InstanceEndEditable --> </div>
99
<hr>
100
<div class="row">
101
<div class="text-center col-md-12">
102
<div class="well">
103
<div id="carousel1" class="carousel slide" data-ride="carousel">
104
<ol class="carousel-indicators">
105
<li data-target="#carousel1" data-slide-to="0" class="active"></li>
106
<li data-target="#carousel1" data-slide-to="1"></li>
107
<li data-target="#carousel1" data-slide-to="2"></li>
108
</ol>
109
<div class="carousel-inner" role="listbox">
110
<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>
111
<div class="carousel-caption">
112
<h2>Virtual panorama tours</h2>
113
<h3>You make the photo's, I stitch the panorama's and create a tour for you!</h3>
114
</div>
115
</div>
116
<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>
117
<div class="carousel-caption">
118
<h2>Gigantic Aerial Photo map from Drone Photo's</h2>
119
<h3>You do the flying, I make you a gigantic photo with incredible detail.</h3>
120
</div>
121
</div>
122
<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>
123
<div class="carousel-caption">
124
<h2>3D models from Drone Photo's</h2>
125
<h3>You do the flying, I make the 3D model.</h3>
126
</div>
127
</div>
128
</div>
129
<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>
130
</div>
131
<hr>
132
<div class="row">
133
<article class="text-justify col-sm-4"><!-- InstanceBeginEditable name="EditRegionOne" --><h2>Vechtloop 2016</h2><a href="nieuws/pages/vechtloop2016.html">The photo's of the Vechtloop are online</a>. <br><a href="nieuws/pages/vechtloop2016.html">De foto's van de Vechtloop zijn online</a>. <!-- InstanceEndEditable --></article>
134
<article class="col-sm-4 text-justify"><!-- InstanceBeginEditable name="EditRegionThree" --><h2>About me</h2>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>
135
<a href="pages/contact.html" title="Contact" target="_blank">Then came the Commodore Amiga</a> with 4096 colors in 1024 by 1024 resolution, all kinds of video-modes, dual-buffers, sprites and anim-objects.<br> <!-- InstanceEndEditable --></article>
136
<aside class="col-sm-4 text-justify"><!-- InstanceBeginEditable name="EditRegionTwo" --><h2>New Website</h2>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>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. <!-- InstanceEndEditable --></aside>
137
</div>
138
</div>
139
</div>
140
</div>
141
<hr>
142
<footer class="row">
143
<div class="text-center col-md-6 col-md-offset-3">
144
<h2>Have a nice day. Make it good one. </h2>
145
<p>Copyright © 2017 · All Rights Reserved · <a href="http://hanskeesom.com/" >Hanskeesom.com</a></p>
146
</div>
147
</footer>
148
</section>
149
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
150
<script src="js/jquery-1.11.3.min.js"></script>
151
152
<!-- Include all compiled plugins (below), or include individual files as needed -->
153
<!-- <script src="../js/bootstrap.js"></script> -->
154
<script src="js/bootstrap-3.3.7.js"></script>
155
</body>
156
<!-- InstanceEnd --></html>