-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (138 loc) · 6.36 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" http-equiv="Content-Type" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" type="image/x-icon" href="favicon.jpg">
<link href="./resources/css/reset.css" type="text/css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700|Playfair+Display:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Karma:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway:400,700" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
<script src="https://use.fontawesome.com/4078410715.js"></script>
<link href="./resources/css/style.css" type="text/css" rel="stylesheet">
<title>Hákon Bjarnason | Pianist & Pianodocent</title>
</head>
<body>
<header id="home" class="jumbotron jumbotron-fluid">
<div class="container-fluid d-flex">
<div class="text-container">
<h1>Hákon Bjarnason</h1>
<p>- pianist & pianodocent -</p>
</div>
</div>
</header>
<nav id="navbar" class="container-fluid d-flex">
<div class="left">
<a id="a_home"><i class="fa fa-home"></i></a>
</div>
<div class="middle">
<ul>
<li><a id="a_pianist">Pianist</a></li>
<li><a id="a_lessen">Lessen</a></li>
<li><a id="a_contact">Contact</a></li>
<li class=></li>
</ul>
</div>
<div class="right">
<p><span id="nl">NL</span> | <span id=eng>ENG</span></p>
</div>
</nav>
<main>
<section id="pianist" class="container-fluid">
<div class="container">
<h1>Pianist</h1>
<p>Hákon Bjarnason werd in Reykjavík, IJsland geboren en begon op
negenjarige leeftijd piano te spelen. Hij studeerde bij Jónas Sen
and Halldór Haraldsson in IJsland en twee jaar bij Jürgen Schröder
en Klaus Bässler in Berlijn. in de herfst van 2010 begon Hákon zijn studie bij
Marcel Baudet aan het Conservatorium van Amsterdam. Hij is in zomer
2014 afgestudeerd.</p>
<div class="img-container my-4">
<img src="./resources/images/soloist.jpg" alt="soloist">
</div>
<p>Hákon won alle drie de leeftijdscategorieën van het EPTA-Iceland
piano concours in de jaren 2000, 2003 en 2009. Hij was ook één van
de prijswinnaars van de Jonge Soloist Concour van de IJslandse
Kunstacademie en het IJslandse Symfonie Orkest in 2007. Daarna
voerde hij Prokofievs 1e Piano Concert met het orkest in Januari
2008. In Oktober 2013 speelde hij samen met het IJslandse Amateur
Symfonie Orkest het 3de Piano Concert van Beethoven.</p>
</div>
</section>
<section id="lessen" class="container-fluid">
<div class="container">
<h1>Lessen</h1>
<img class="" src="./resources/images/profile-photo.jpg" alt="">
<p>Bij Hákon kun je terecht voor privé pianolessen. Alle niveaus en
leeftijden zijn welkom. Je hebt alleen een instrument nodig om
thuis te oefenen en de wens je muzikaliteit te ontwikkelen. Een
gratis proefles van 30 minuten kan makkelijk geregeld worden.</p>
<p>De tarieven zijn als volgt:</p>
<div class="prijsen d-flex">
<div class="jonger">
<p>Tot 21 jaar:</p>
<ul>
<li>30 minuten: €20,-</li>
<li>45 minuten: €28,50</li>
<li>60 minuten: €35,-</li>
</ul>
</div>
<div class="ouder">
<p>Volwassene:</p>
<ul>
<li>30 minuten: €22,-</li>
<li>45 minuten: €31,50</li>
<li>60 minuten: €39,-</li>
</ul>
</div>
</div>
</div>
</section>
<section id="contact" class="container-fluid">
<div class="container">
<h1>Contact</h1>
<p>Voor vragen kun je het contactformulier invullen of een e-mail naar <a href="mailto:hakon.piano@gmail.com">hakon.piano[at]gmail.com</a> sturen.</p>
<form id="serverless-contact-form">
<div>
<label for="name"></label>
<input type="text" class="form-name" name="user_name" placeholder="Naam">
</div>
<div>
<label for="e-mail"></label>
<input type="email" class="form-email" name="email" placeholder="E-mail">
</div>
<div>
<label for="message"></label>
<textarea name="message" class="form-message" rows="8" cols="50" placeholder="Vraag"></textarea>
</div>
<div class="button">
<button type="submit" name="button">Verzenden</button>
<p id="confirmation">Je bericht is gestuurd.</p>
</div>
</form>
</div>
</section>
</main>
<footer>
<div class="container d-flex">
<div class="text-container">
<p>Hákon Bjarnason</p>
<p>Mendelhof 8-II</p>
<p>1098TP Amsterdam</p>
</br>
<p>BTW: NL645346135B01</p>
<p>KvK: 61406600</p>
</div>
<div class="text-container">
<p id="copyright">© 2018 Hákon Bjarnason</p>
</div>
</div>
</footer>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js" integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous"></script>
<script src="resources/js/main.js" type="text/javascript"></script>
</body>
</html>