-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (92 loc) · 3.93 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE HTML>
<html lang="nl">
<head>
<link href='https://fonts.googleapis.com/css?family=Raleway:300' rel='stylesheet'
type='text/css'>
<title>Peter van Haastrecht Fotografie</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta charset="utf-8"/>
<meta name="description"
content="Peter van Haastrecht is een Nederlandse hobbyfotograaf, gespecialiseerd
in fotografie van Nederlandse vergezichten en vogels." />
<meta name="keyword" content="landschapsfotografie, vogels, macro" />
<link rel="stylesheet" type="text/css" href="css/main.css" media="screen"/>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".hamburger, #lastline").click(function(event){
$("nav ul").slideToggle(1000)
});
});
</script>
<script src="js/responsiveslides.js"></script>
<script type="text/javascript">
$(function(){
$(".rslides").responsiveSlides();
});
</script>
<!-- in case javascript is disabled; show nav in hamburger menu -->
<noscript>
<style>
nav ul{display:block;}
</style>
</noscript>
</head>
<body>
<header>
<div class="widthwrap">
<a href="index.html"><img id="logopicture" src="images/logo.svg"
onerror="this.src='images/logo.png'" alt="Vogels logo"></a>
<a href="index.html"><h3 id="logotext">Peter van Haastrecht</h3></a>
</div>
<div class="widthwrap">
<nav>
<a href="javascript:void(0);">
<img class="hamburger" src="images/hamburgerline.svg" onerror="this.src='images/hamburgerline.png'" alt="MENU">
</a>
<p class="hamburger">MENU</p>
<ul>
<li><a href="index.html" class="active_page">Home</a></li>
<li><a href="bruiloften.html">Bruiloften</a></li>
<li><a href="landschappen.html">Landschappen</a></li>
<li><a href="dieren.html">Dieren</a></li>
<li><a href="series.html">Series</a></li>
<li><a href="biografie.html">Biografie</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
<a href="javascript:void(0);">
<img id="lastline" src="images/hamburgerline.svg" onerror="this.src='images/hamburgerline.png'" alt="MENU">
</a>
</nav>
</div>
</header>
<div id="bannerarea">
<ul class="rslides widthwrap">
<li><img src="images/responsiveslider/01.jpg" alt="Foto door Peter van Haastrecht"></li>
<li><img src="images/responsiveslider/02.jpg" alt="Foto door Peter van Haastrecht"></li>
<li><img src="images/responsiveslider/03.jpg" alt="Foto door Peter van Haastrecht"></li>
<li><img src="images/responsiveslider/04.jpg" alt="Foto door Peter van Haastrecht"></li>
<li><img src="images/responsiveslider/05.jpg" alt="Foto door Peter van Haastrecht"></li>
<li><img src="images/responsiveslider/06.jpg" alt="Foto door Peter van Haastrecht"></li>
</ul>
</div>
<div id="maintext" class="widthwrap">
<h4>Welkom op de website van hobbyfotograaf Peter van Haastrecht, gespecialiseerd in
Nederlandse vergezichten en vogels.
"Fotografie is voor mij als therapie; gewoon lekker ontspannen.
Alle sleur even helemaal vergeten.
Heerlijk voor dag en dauw op pad en niemand om
je heen.
Alleen het fluiten van de vogeltjes en verder niets."
<BR><BR>
Voor deze website is een selectie gemaakt van foto's.
Benieuwd naar meer? Of interesse in een van zijn foto’s aan uw muur, in welk formaat
en op welk materiaal dan ook? Neem gerust contact op via deze website.
Peter doet ook bruidsfotografie en rapportages.</h4>
</div>
<footer>
<h5>Copyright photos Peter van Haastrecht<br>
Website door Mirella Kersten 2016</h5>
</footer>
</body>
</html>