-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
349 lines (301 loc) · 17.5 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
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
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
<!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>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BOE - de essentie van yoga en meditatie</title>
<meta name="description" content="Begin nu met yoga en meditatie. Het is tijd om wakker te worden. BOE: Bewust, Overgave en Eenvoud">
<meta name="keywords" content="BOE, Yoga, Meditatie, Essentie, Bewust, Overgave, Eenvoud, zelfrealisatie, rust, stilte, kalmte, inzicht, concentratie">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link href='https://fonts.googleapis.com/css?family=Kreon:300,400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<link href="css/ionicons.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
<!-- Bootstrap bootstrap-touch-slider Slider Main Style Sheet -->
<link href="css/vendor/bootstrap-touch-slider.css" rel="stylesheet" media="all">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" media="all">
<!-- <link href="css/vendor/fontawesome.min.css" rel="stylesheet" media="all"> -->
<link href="css/vendor/animate.min.css" rel="stylesheet" media="all">
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<body data-spy="scroll" data-target="#navbar" data-offset="120" >
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div id="header">
<div class="bg-overlay"></div>
<div id="menu" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<i class="ion-navicon"></i>
</button>
<a class="navbar-brand" href="#"><h2></h2></a>
</div><!-- navbar-header -->
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#boe">BOE</a></li>
<li><a href="#blog">Blog</a></li>
<li><a href="#footer">Meer weten?</a></li>
</ul>
</div><!--/.navbar-collapse -->
</div><!-- container -->
</div><!-- menu -->
<!-- Begin slider -->
<div id="bootstrap-touch-slider" class="carousel bs-slider fade control-round indicators-line" data-ride="carousel" data-pause="false" data-interval="5000" >
<!-- Indicators -->
<!--
<ol class="carousel-indicators">
<li data-target="#bootstrap-touch-slider" data-slide-to="0" class="active"></li>
<li data-target="#bootstrap-touch-slider" data-slide-to="1"></li>
</ol>
-->
<!-- Wrapper For Slides -->
<div class="carousel-inner" role="listbox">
<!-- First Slide -->
<div class="item active">
<!-- Slide Background -->
<img src="img/slide-boe.jpg" alt="Bootstrap Touch Slider" class="slide-image"/>
<div class="bs-slider-overlay"></div>
<div class="container">
<div class="row">
<!-- Slide Text Layer -->
<div class="slide-text slide_style_center">
<h1 class="giant-heading" data-animation="animated flipInX">BOE</h1>
<p data-animation="animated fadeIn">wakker worden</p>
</div>
</div>
</div>
</div>
<!-- End of Slide -->
<!-- Second Slide -->
<div class="item">
<!-- Slide Background -->
<img src="img/slide-boeddha.jpg" alt="Bootstrap Touch Slider" class="slide-image"/>
<div class="bs-slider-overlay"></div>
<!-- Slide Text Layer -->
<div class="slide-text slide_style_center">
<h1 class="giant-heading" data-animation="animated fadeIn">BOEDDHA</h1>
<p data-animation="animated fadeIn">hij die ontwaakt is</p>
</div>
</div>
<!-- End of Slide -->
</div><!-- End of Wrapper For Slides -->
<!-- Left Control -->
<a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev">
<span class="fa fa-angle-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<!-- Right Control -->
<a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next">
<span class="fa fa-angle-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div> <!-- End bootstrap-touch-slider Slider -->
</div>
<!-- /#header -->
<div id="boe" class="blue-wrapper">
<div class="container inner">
<div class="row">
<div class="col-sm-2">
</div>
<div class="col-sm-4">
<div class="col-wrapper">
<h1 class="giant-letter">
Bewust
</h1>
<h1 class="giant-letter">
Overgave
</h1>
<h1 class="giant-letter">
Eenvoud
</h1>
</div>
</div>
<div class="col-sm-4">
<div class="col-wrapper">
<p class="bigger-paragraph"><span class="quote-span">De essentie van Yoga en Meditatie.</span></p>
<p class="bigger-paragraph"><br/>Leer hoe <b>eenvoud</b> je leven verrijkt,
<br/>hoe je <b>bewust</b> aan zelfrealisatie kunt werken voor je persoonlijke ontwikkeling, en
<br/>hoe je in <b>overgave</b> kunt ontwaken en de Boeddha in jezelf kunt ontdekken.</p>
</div>
</div>
<div class="col-sm-2">
</div>
</div>
<!-- /.services -->
</div>
<!-- /.container -->
</div><!-- #video -->
<div id="blog" class="light-wrapper">
<div class="container inner">
<div class="title">
<h2 class="section-title text-center">Blog</h2>
<p class="lead main text-center"></p>
</div>
<div class="row blog">
<div class="col-sm-6 right">
<div class="news clearfix">
<img src="img/news/blog18.jpg" alt="" style="padding-bottom:20px;">
<h3>If all else fails</h3>
<p><i>Maart 2023</i><br/>Dan is er altijd nog je innerlijke stem die je verteld wat je moet doen.</p>
<a href="18-if-all-else-fails.html" class="fold-link">Lees meer...</a>
</div>
<div class="news clearfix">
<img src="img/news/blog16.jpg" alt="" style="padding-bottom:20px;">
<h3>Angst, een slechte raadgever</h3>
<p><i>December 2021</i><br/>Angst is een slechte raadgever, handelingen die daaruit voortkomen beloven niet veel goeds.</p>
<a href="16-angst-een-slechte-raadgever.html" class="fold-link">Lees meer...</a>
</div>
<div class="news clearfix">
<img src="img/news/blog14.jpg" alt="" style="padding-bottom:20px;">
<h3>Authentiek zijn</h3>
<p><i>Augustus 2021</i><br/>Je hoort steeds vaker dat we graag authentiek willen zijn, onszelf willen zijn. Dat klinkt goed, maar wat bedoelen we daarmee?</p>
<a href="14-authentiek-zijn.html" class="fold-link">Lees meer...</a>
</div>
<div class="news clearfix">
<img src="img/news/blog12.jpg" alt="" style="padding-bottom:20px;">
<h3>Vrijheid</h3>
<p><i>Juni 2020</i><br/>In dit blog wordt vrijheid onder de yogaloep gehouden, op weg naar een nieuwe vrijheid.</p>
<a href="12-vrijheid.html" class="fold-link">Lees meer...</a>
</div>
<div class="news clearfix">
<img src="img/news/blog10.jpg" alt="" style="padding-bottom:20px;">
<h3>De eenvoud van yoga</h3>
<p><i>Maart 2020</i><br/>Je bent! Dat is alles. Yoga is de bewustwording hiervan.</p>
<a href="10-de-eenvoud-van-yoga.html" class="fold-link">Lees meer...</a>
</div>
<div class="news clearfix">
<img src="img/news/blog8.jpg" alt="" style="padding-bottom:20px;">
<h3>Iedere yogahouding is een meditatiehouding</h3>
<p><i>December 2019</i><br/>Yoga is goed voor je lijf, met mindfulness leer je meer aandachtig te zijn...</p>
<a href="08-iedere-yogahouding-is-een-meditatiehouding.html" class="fold-link">Lees meer...</a>
</div>
<div class="news clearfix">
<img src="img/news/blog6.jpg" alt="" style="padding-bottom:20px;">
<h3>Ballen in de lucht houden</h3>
<p><i>April 2019</i><br/>Je werkt om geld te verdienen. Je gaat naar school om te leren. Je gaat op vakantie om eens iets anders te doen.</p>
<a href="06-ballen-in-de-lucht-houden.html" class="fold-link">Lees meer...</a>
</div>
<div class="news clearfix">
<img src="img/news/blog4.jpg" alt="" style="padding-bottom:20px;">
<h3>Stoppen met denken</h3>
<p><i>Oktober 2018</i><br/>Hou nu eens op met denken! Als iemand dat tegen je zegt, dan gaat het pas echt mis.</p>
<a href="04-stoppen-met-denken.html" class="fold-link">Lees meer...</a>
</div>
<div class="news clearfix">
<img src="img/news/blog2.jpg" alt="" style="padding-bottom:20px;">
<h3>Aanwezig zijn</h3>
<p><i>Mei 2018</i><br/>Je hoort wel vaker, dat je in het 'nu' moet leven. In het nu... Wat is dat dan?</p>
<a href="02-aanwezig-zijn.html" class="fold-link">Lees meer...</a>
</div>
</div> <!-- col-sm-6 -->
<div class="col-sm-6 left">
<div class="news clearfix">
<img src="img/news/blog17.jpg" alt="" style="padding-bottom:20px;">
<h3>Leven, geboorte en dood</h3>
<p><i>April 2022</i><br/>Er is leven. In het leven worden wij geboren. In het leven sterven wij ook weer. Leven is er. Er is geen dood.</p>
<a href="17-leven-geboorte-en-dood.html" class="fold-link">Lees meer...</a>
</div>
<div class="news clearfix">
<img src="img/news/blog15.jpg" alt="" style="padding-bottom:20px;">
<h3>De 2G's van gezondheid en geluk</h3>
<p><i>November 2021</i><br/>Als 2G voor gezondheid en geluk zou staan, dan zou een discussie over 2G begrijpelijk zijn.</p>
<a href="15-de-2gs-van-gezondheid-en-geluk.html" class="fold-link">Lees meer...</a>
</div>
<div class="news clearfix">
<img src="img/news/blog13.jpg" alt="" style="padding-bottom:20px;">
<h3>Gelijkheid</h3>
<p><i>Januari 2021</i><br/>De oorzaak van (on)gelijkheid zit in het verschil dat je maakt tussen jezelf en een ander.</p>
<a href="13-gelijkheid.html" class="fold-link">Lees meer...</a>
</div>
<div class="news clearfix">
<img src="img/news/blog11.jpg" alt="" style="padding-bottom:20px;">
<h3>Pluk de dag</h3>
<p><i>Maart 2020</i><br/>Iedere dag is een dag om te leven en te leren. Ieder moment is een bijzonder moment.</p>
<a href="11-pluk-de-dag.html" class="fold-link">Lees meer...</a>
</div>
<div class="news clearfix">
<img src="img/news/blog9.jpg" alt="" style="padding-bottom:20px;">
<h3>Yoga is voor iedereen</h3>
<p><i>Januari 2020</i><br/>Want iedereen is onderdeel van het grote geheel.</p>
<a href="09-yoga-is-voor-iedereen.html" class="fold-link">Lees meer...</a>
</div>
<div class="news clearfix">
<img src="img/news/blog7.jpg" alt="" style="padding-bottom:20px;">
<h3>De banaan en de duif</h3>
<p><i>Augustus 2019</i><br/>Je doet aan yoga en meditatie, langzaam vallen de puzzelstukjes op hun plaats.</p>
<a href="07-de-banaan-en-de-duif.html" class="fold-link">Lees meer...</a>
</div>
<div class="news clearfix">
<img src="img/news/blog5.jpg" alt="" style="padding-bottom:20px;">
<h3>Een kwestie van bewustzijn</h3>
<p><i>Februari 2019</i><br/>Je leest dit blog om je brein en je ego eens lekker uit te dagen, om op een andere manier naar jezelf en je omgeving te kijken.</p>
<a href="05-een-kwestie-van-bewustzijn.html" class="fold-link">Lees meer...</a>
</div>
<div class="news clearfix">
<img src="img/news/blog3.jpg" alt="" style="padding-bottom:20px;">
<h3>Zien zoals het is</h3>
<p><i>Augustus 2018</i><br/>Hoe bewust ben jij? Onderdeel van ontwaken is zien zoals het werkelijk is.</p>
<a href="03-zien-zoals-het-is.html" class="fold-link">Lees meer...</a>
</div>
<div class="news clearfix">
<img src="img/news/blog1.jpg" alt="" style="padding-bottom:20px;">
<h3>Wakker worden</h3>
<p><i>April 2018</i><br/>Ontwaken is het makkelijkst te omschrijven als het onthechten van onze zintuigelijke waarneming.</p>
<a href="01-wakker-worden.html" class="fold-link">Lees meer...</a>
</div>
</div> <!-- col-sm-6 -->
</div>
<!-- /.blog -->
</div>
<!-- /.container -->
</div><!-- #blog -->
<footer id="footer" class="dark-wrapper">
<div class="container inner">
<div class="title">
<h2 class="section-title text-center">Meer weten?</h2>
<p class="lead main text-center">Neem contact op per email: [email protected] of [email protected]
<br/>en lees meer over de yogalessen in het bamboehuis op www.bamboehuis.amsterdam
<br/>
<br/><b>Er zijn bij ons verschillende manieren om aan je persoonlijke ontwikkeling te werken.</b>
<br/>
<br/>Ontdek de <a href="https://www.bamboehuis.amsterdam/yogi-zijn-lessen.html#overzicht">yogalessen</a>,
<br/>of doe mee met <a href="https://www.bamboehuis.amsterdam/workshops.html#overzicht">een workshop</a>.
<br/>
<br/><a href="http://www.bamboehuis.amsterdam/" class="btn btn-success btn-lg" role="button">Ga nu naar www.bamboehuis.amsterdam</a>
</p>
</div>
<div class="row">
<div class="col-sm-4">
© Bamboehuis 2018-2023
<br/>Theme By <a class="themeBy" href="http://www.Themewagon.com">ThemeWagon</a>
</div>
<div class="col-sm-4">
</div>
<div class="col-sm-4">
</div>
</div>
</div>
<!-- /.container -->
</footer>
<script src="js/jquery-2.1.3.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')</script>
<script src="js/jquery.actual.min.js"></script>
<script src="js/jquery.scrollTo.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<!-- Bootstrap bootstrap-touch-slider Slider Main JS File -->
<script src="js/vendor/bootstrap-touch-slider.js"></script>
<script src="js/vendor/jquery.touchSwipe.min.js"></script>
<script type="text/javascript">
$('#bootstrap-touch-slider').bsTouchSlider();
</script>
<script src="js/main.js"></script>
</body>
</html>