-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathteam.html
executable file
·212 lines (205 loc) · 11.1 KB
/
team.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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<!-- BASICS -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Theaterklas JRL</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/isotope.css" media="screen" />
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" media="screen" />
<link rel="stylesheet" href="css/bootstrap.css">
<!-- <link rel="stylesheet" href="css/bootstrap-theme.css">-->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="skin/default.css"> </head>
<body>
<section id="header" class="appear"></section>
<div class="navbar navbar-fixed-top" role="navigation" data-0="line-height:90px; height:90px; background-color:rgba(116,115,115,0.75);" data-300="line-height:50px; height:50px; background-color:rgba(116,115,115,1);">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="fa fa-bars color-white"></span>
</button>
<h1>
<a class="navbar-brand" href="index.html" data-0="line-height:90px; height:90px;" data-300="line-height:50px; height:50px">Theaterklas JRL</a>
</h1>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav" data-0="margin-top:20px;" data-300="margin-top:5px;">
<li><a href="index.html">Home</a></li>
<li><a href="producties.html">Producties</a></li>
<li class="active"><a href="team.html">Team</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!--/.navbar-collapse -->
</div>
</div>
<section class="featured"></section>
<!-- about -->
<section id="section-team" class="section appear bg-white clearfix">
<div class="container">
<div class="row mar-bot40">
<div class="col-md-offset-3 col-md-6">
<div class="section-header">
<h2 class="section-heading animated">Ons Team</h2>
<p>Om van de Theaterklas JRL voorstellingen een succes te maken hebben wij een sterk team van specialisten. Zij bundelen de krachten om Theaterklas JRL tot een hoger niveau te brengen. Dit doen zij door de sterkte punten te benutten en het creatieve bloed van de leerlingen te laten stromen. Samen komen de leerlingen en het team tot een prachtig stuk en een geweldige uitvoering.</p>
</div>
</div>
</div>
<div class="row align-center mar-bot40">
<div class="col-sm-6 col-md-4 pad-top10 pad-bot10">
<div class="team-member">
<figure class="member-photo"><img height="200px" src="img/team/felice-van-leth.jpg" alt="" /></figure>
<div class="team-detail">
<h4>Felice van Leth</h4>
<p>Regie</p>
<p>Felice is theatermaker en docent drama afgestudeerd aan de Hogeschool voor de Kunsten Utrecht. Werkt het liefst met kinderen en jongeren en deelt met hun graag haar passie voor de kunsten. Theater in het bijzonder. Ze is o.a. werkzaam als regisseuse op een jeugdtheaterschool, werkt als freelancer mee aan theatereducatieve projecten bij verschillende organisaties, geeft drama en ckv op het JRL en regisseert natuurlijk Theaterklas JRL.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 pad-top10 pad-bot10">
<div class="team-member">
<figure class="member-photo"><img height="200px" src="img/team/iris-joosten.jpg" alt="" /></figure>
<div class="team-detail">
<h4>Iris Joosten</h4>
<p>Choreograaf</p>
<p>Iris is dansdocent en afgestudeerd aan de fontys hogeschool voor de kunsten richting Danseducatie. Ze geeft dansles, ckv en verschillende modules op het JRL en heeft daarnaast ook nog haar eigen dansschool in Breda. Voor deze voorstelling heeft ze de choreografie gemaakt.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 pad-top10 pad-bot10">
<div class="team-member">
<figure class="member-photo"><img height="200px" src="img/team/jasper.jpg" alt="" /></figure>
<div class="team-detail">
<h4>Jasper van Oerle</h4>
<p>Band</p>
<p>Hij is een muzikant in hart en nieren en deelt zijn passie voor muziek op allerlei manieren. Door de unieke combinatie van zijn Bachelor Docent Muziek en zijn Master Muziektheorie is hij werkzaam als dirigent, arrangeur, muziekdocent, zanger en toetsenist. Bij het coachen van de muzikanten en zangeressen van de Theaterklas 2018 kwamen deze vaardigheden allemaal samen, wat het voor hem een ontzettend waardevol project maakte. "Het is zo ontzettend gaaf als de leerlingen net zo gemotiveerd zijn als ikzelf om een fantastische voorstelling neer te zetten!"</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 pad-top10 pad-bot10">
<div class="team-member">
<figure class="member-photo"><img height="200px" src="img/team/blank.png" alt="" /></figure>
<div class="team-detail">
<h4>Martijn van der Steen</h4>
<span>Assistent Regie</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="section-retired" class="appear bg-white clearfix">
<div class="container">
<div class="row mar-bot40">
<div class="col-md-offset-3 col-md-6">
<div class="section-header">
<h2 class="section-heading animated">Oude Teamleden</h2>
<p>Theaterklas JRL heeft niet bestaan zonder de mensen die het opgestart hebben. Helaas hebben sommige ons moeten verlaten en zijn een andere richting op gegaan binnen de creatieve industrie. Wat waren jullie geweldig!</p>
</div>
</div>
</div>
<div class="row align-center mar-bot40">
<div class="col-sm-6 col-md-3 pad-top10 pad-bot10">
<div class="team-member">
<figure class="member-photo"><img height="200px" src="img/ex-team/janneke-kramer.jpg" alt="" /></figure>
<div class="team-detail">
<h4>Janneke Kramer</h4>
<span>Band</span>
<!-- <p>De 33-jarige Janneke Kramer is in de richting Songwriting afgestudeerd aan de Rock Academie. Na haar opleiding is ze op het Jacob-Roelandslyceum aan het werk gegaan als docente muziek. Hier bleek al snel dat Janneke een zeer gezellige en leuke vrouw was. Ze had al snel een band met haar leerlingen, mede omdat ze hield van een gezellige en gemoedelijke sfeer in haar klassen. Nu begeleid ze, wanneer mogelijk, de band van Theaterklas JRL</p>-->
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 pad-top10 pad-bot10">
<div class="team-member">
<figure class="member-photo"><img height="200px" src="img/ex-team/don-henken.jpg" alt="" /></figure>
<div class="team-detail">
<h4>Don Henken</h4>
<p>Band</p>
<!-- <p>Don is al ruim 25 jaar actief als dirigent, coach en muziekleerkracht. Hierbij heeft hij steeds gewerkt met verschillende groepen. Hij zoekt naar de muzikale uitdaging en geeft vorm aan het samen musiceren en nadenken over muziek. Hierbij geeft hij ruimte aan de creativiteit in de groep zelf. Door de muziek opmaat te schrijven en uit te werken weet hij goed in te spelen op de mogelijkheden van iedere groep en tot verrassende resultaten te komen.</p>-->
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 pad-top10 pad-bot10">
<div class="team-member">
<figure class="member-photo"><img height="200px" src="img/ex-team/linda-van-boxtel.jpg" alt="" /></figure>
<div class="team-detail">
<h4>Linda van Boxtel</h4>
<span>Regie</span>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 pad-top10 pad-bot10">
<div class="team-member">
<figure class="member-photo"><img height="200px" src="img/ex-team/debbie-verschuren.jpg" alt="" /></figure>
<div class="team-detail">
<h4>Debbie Verschuren</h4>
<span>Choreograaf</span>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 pad-top10 pad-bot10">
<div class="team-member">
<figure class="member-photo"><img height="200px" src="img/team/blank.png" alt="" /></figure>
<div class="team-detail">
<h4>Joep van de Laar</h4>
<span>Assistent Regie</span>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 pad-top10 pad-bot10">
<div class="team-member">
<figure class="member-photo"><img height="200px" src="img/ex-team/koen-van-der-hijden.jpg" alt="" /></figure>
<div class="team-detail">
<h4>Koen van der Hijden</h4>
<span>Regie</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- map -->
<section id="section-map" class="clearfix">
<div id="google-map" data-latitude="51.584597" data-longitude="5.329328"></div>
</section>
<section id="footer" class="section footer">
<div class="container">
<div class="row animated opacity mar-bot20" data-andown="fadeIn" data-animation="animation">
<div class="col-sm-12 align-center">
<ul class="social-network social-circle">
<li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li>
</ul>
</div>
</div>
<div class="row align-center copyright">
<div class="col-sm-12">
<p>Copyright © Theaterklas JRL</p>
<p>Website by <a href="https://smak.io">SMAK</a></p>
</div>
</div>
</div>
</section>
<script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="https://maps.google.com/maps/api/js?key=AIzaSyDnUWAaKDB6ghoE7O0S1pG4SlVqimNih-g"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/fancybox/jquery.fancybox.pack.js"></script>
<script src="js/skrollr.min.js"></script>
<script src="js/jquery.scrollTo-1.4.3.1-min.js"></script>
<script src="js/jquery.localscroll-1.2.7-min.js"></script>
<script src="js/stellar.js"></script>
<script src="js/jquery.appear.js"></script>
<script src="js/main.js"></script>
</body>
</html>