-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·165 lines (156 loc) · 8.47 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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!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;" data-300="line-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 class="active"><a href="index.html">Home</a></li>
<li><a href="producties.html">Producties</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!--/.navbar-collapse -->
</div>
</div>
<section class="featured">
<div class="container">
<div class="row mar-bot40">
<div class="col-md-6 col-md-offset-3">
<div class="align-center">
<img src="img/theaterklas.svg">
<div class="callout-bestel">
<a class="btn btn-succes btn-block btn-bestel" href="https://theaterklas-jrl.swicket.net">Bestel uw tickets!</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- services -->
<section class="section pad-bot30 bg-white">
<div class="container">
<div class="row mar-bot10">
<div class="col-xs-12 col-md-8 col-md-offset-2">
<div class="align-center">
<p>Theaterklas JRL werd opgericht in 2009 en had toen een kleine groep van 12 leerlingen onder leiding van Linda van Boxtel. In het jaar daarna kwam er een groep bij, namelijk de dansgroep onder leiding van Debby Verschuren. Ook het jaar daarna vond er uitbreiding plaats. Er werd een band toegevoegd en dat onder leiding van Janneke Kramer.</p>
<p>De jaren erna werden er steeds grotere stukken gespeeld en werden er zelfs stukken geschreven. En gelukkig staan deze allemaal bij elkaar op de producties pagina.</p>
<p>Ook het team is wat veranderd sinds de start van Theaterklas JRL, maar het blijft nog steeds dezelfde sfeer binnen de groep. Namelijk een hechte en vooral heel gezellige groep. Elke repetitie is het, naast heel hard repeteren, lachen, gieren en brullen. Dat vinden we namelijk ook heel belangrijk.</p>
</div>
</div>
</div>
</div>
</section>
<!-- spacer section:testimonial -->
<section id="testimonials" class="section" data-stellar-background-ratio="0.7">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="align-center">
<div class="testimonial pad-top40 pad-bot40 clearfix">
<h5 class="testimonial-title"> "Een excellente groep onder vakkundige leiding, ook co-productie is zeer vakkundig. Mooie en inspirerende stukken zoals Romeo en Julia, Alice in Wonderland en SPRING! Kleine bijsluiter, niet aan te raden voor mensen met allergie voor onzichtbare honden."
</h5>
<div class="pad-top10 pad-bot10">
<span class="star glyphicon glyphicon-star" aria-hidden="true"></span>
<span class="star glyphicon glyphicon-star" aria-hidden="true"></span>
<span class="star glyphicon glyphicon-star" aria-hidden="true"></span>
<span class="star glyphicon glyphicon-star" aria-hidden="true"></span>
<span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
</div>
<span class="author">— JOEP VAN DE LAAR</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- services --><!--
<section class="section pad-bot30 bg-white">
<div class="container">
<div class="row mar-bot40">
<div class="col-xs-12 col-md-8">
<div class="align-left">
<h4 class="text-bold">Theater</h4>
<p>Lorem ipsum dolor sit amet, mutat graeco volumus ad eam, singulis patrioque comprehensam nam no. Mei cu dicat voluptaria volumus. Nunc velit risus, dapibus non interdum quis, suscipit nec dolor. Vivamus tempor tempus mauris vitae fermentum. In vitae nulla lacus. Sed sagittis tortor vel arcu sollicitudin nec tincidunt metus suscipit. Nunc velit risus, dapibus non interdum.</p>
</div>
</div>
</div>
<div class="row mar-bot40">
<div class="col-xs-12 col-md-offset-2 col-md-8">
<div class="align-center">
<h4 class="text-bold">Dans</h4>
<p>Lorem ipsum dolor sit amet, mutat graeco volumus ad eam, singulis patrioque comprehensam nam no. Mei cu dicat voluptaria volumus. Nunc velit risus, dapibus non interdum quis, suscipit nec dolor. Vivamus tempor tempus mauris vitae fermentum. In vitae nulla lacus. Sed sagittis tortor vel arcu sollicitudin nec tincidunt metus suscipit. Nunc velit risus, dapibus non interdum.</p>
</div>
</div>
</div>
<div class="row mar-bot40">
<div class="col-xs-12 col-md-offset-4 col-md-8">
<div class="align-right">
<h4 class="text-bold">Muziek</h4>
<p>Lorem ipsum dolor sit amet, mutat graeco volumus ad eam, singulis patrioque comprehensam nam no. Mei cu dicat voluptaria volumus. Nunc velit risus, dapibus non interdum quis, suscipit nec dolor. Vivamus tempor tempus mauris vitae fermentum. In vitae nulla lacus. Sed sagittis tortor vel arcu sollicitudin nec tincidunt metus suscipit. Nunc velit risus, dapibus non interdum.</p>
</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="https://facebook.com/theaterklas.jrl" 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>