-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathretreat-fr.html
513 lines (451 loc) · 22.1 KB
/
retreat-fr.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
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
<script src="javascript.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css">
<link rel="shortcut icon" href="images/flower.svg" type="image/x-icon" />
<title>Yoga Christine</title>
</head>
<body>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form name="enquiry-form" method="post" netlify>
<div class="modal-body">
<div class="form-group">
<label for="name" class="col-form-label">Nom:</label>
<input type="text" class="form-control" id="name" name="name">
</div>
<div class="form-group">
<label for="email" class="col-form-label">E-mail:</label>
<input type="text" class="form-control" id="email" name="email">
</div>
<div class="form-group">
<label for="phone" class="col-form-label">Téléphone:</label>
<input type="text" class="form-control" id="phone" name="phone">
</div>
<div class="form-group">
<label for="message-text" class="col-form-label">Message:</label>
<textarea class="form-control" id="message-text" name="message-text"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary">Envoyer</button>
</div>
</form>
</div>
</div>
</div>
<h1 id="contact_button" class="bi bi-question-circle-fill"
style="cursor: pointer;"
data-toggle="modal" data-target="#exampleModal"
data-whatever="Je veux en savoir plus"
data-text="Je veux en savoir plus. ">
</h1>
<div class="retreat-layout">
<nav id="navbar" class="navbar navbar-expand-md navbar-light md-light">
<button id="navcollapse" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="bi bi-list"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav" style="text-align: center; margin-left: auto; margin-right: auto;">
<li class="nav-item colah-nav">
<a class="nav-link" href="index-fr.html">
<span class="bi bi-house-door-fill"></span>
<p id="small-nav-text">ACCUEIL</p>
</a>
</li>
<li class="nav-item colah-nav nav-active">
<a class="nav-link active" href="retreat-fr.html">
<span class="bi bi-sun"></span>
<p id="small-nav-text">SÉJOUR</p>
</a>
</li>
<li class="nav-item colah-nav">
<a class="nav-link" href="offers-fr.html">
<span class="bi bi-box-seam"></span>
<p id="small-nav-text">PROGRAMMES</p>
</a>
</li>
<li class="nav-item colah-nav">
<a class="nav-link" href="classes-fr.html">
<span class="bi bi-book-half"></span>
<p id="small-nav-text">COURS</p>
</a>
</li>
<li class="nav-item colah-nav">
<a class="nav-link" href="info-fr.html">
<span class="bi bi-info-circle-fill"></span>
<p id="small-nav-text">A PROPOS</p>
</a>
</li>
<li class="nav-item colah-nav">
<div id="nav-lang" class="btn-group btn-group-toggle" data-toggle="buttons">
<label class="btn btn-secondary active">
FR
</label>
<a href="retreat-en.html" class="btn btn-secondary">
EN
</a>
</div>
</li>
</ul>
</div>
</nav>
<main class="bg-retreat">
<h1 class="headline">Séjour bien-être et découverte en Andalousie</h1>
</main>
<div id="side1"></div>
<div id="side2"></div>
<div id="side3"></div>
<div id="side4"></div>
<div id="side5"></div>
<div id="side6"></div>
<div id="side7"></div>
<div id="side8"></div>
<div id="content1" style="margin-bottom: 35px;">
<img id="card-icon" src="./images/flower.svg" alt="">
<!-- <h1>Calme et détente en Andalousie</h1> -->
<!-- <hr> -->
<p>
Au cœur de cette merveilleuse terre chargée d'histoire,
Christine et Philippe vous proposent un séjour “bien-être
et découverte” exclusif et personnalisé alliant yoga, massages,
activités culturelles et randonnées.
</p>
<p>
Face aux sommets de Sierra Nevada, enneigés de novembre à
avril, notre jolie maison vous accueille confortablement.
Vous y disposez d'un bel appartement au calme avec terrasse
ensoleillée.
</p>
</div>
<div id="break1" style="margin-top: 0px;">
<!-- <hr id="hr-break">
<img id="card-icon" src="./images/flower.svg" alt="">
<hr id="hr-break"> -->
</div>
<div id="resplash">
<div id="splash1"></div>
<div id="splash2"></div>
<div id="splash3"></div>
<div id="splash4"></div>
<div id="splash5"></div>
<div id="splash6"></div>
</div>
<div id="content2">
<div id="intro-content2">
<img id="card-icon" src="./images/flower.svg" alt="">
<!-- <h1>Bienvenidos al estudio de Yoga con Christine</h1>
<hr> -->
</div>
<div id="re-content2-container-1">
<div id="re-content2-text-1">
<h2 id="re-content-text-header">A qui s'adresse ce séjour ?</h2>
<hr>
<b id="program-info">Ce séjour est pour vous si:</b>
<ul id="program-points">
<li>
Vous voulez vous ressourcer au calme tout en découvrant la
région et ne vous préoccuper de rien
</li>
<li>
Vous n'avez jamais fait de yoga ou reçu de massage et vous
souhaitez découvrir ces techniques
</li>
<li>
Vous aspirez à perfectionner votre pratique du yoga ou
approfondir les techniques respiratoires
</li>
<li>
Vous n'aimez pas partir seul(e)(s) en vacances. Chez nous,
vous trouverez un accueil attentionné
</li>
</ul>
Venez seul(e) ou accompagné(e) par la personne de votre choix. Vous serez
l'/les unique(s) invité(e)s, dorloté(e)s en toute exclusivité.
</div>
<div id="nature-image"></div>
<div id="re-content2-text-2">
<h2 id="re-content-text-header">Qui sommes-nous ?</h2>
<hr>
<p>
Nous sommes un couple belgo-allemand établi à Grenade depuis
2015, tombé sous le charme de cette ville chargée d'histoire,
de cette région aux multiples paysages, de sa population.
</p>
<p>
Christine pratique et enseigne le Hatha Yoga. Particulièrement
passionnée par les techniques de respiration, elle vous propose
de partager sa passion et ses connaissances.
</p>
<p>
Philippe s'occupe de vous restaurer sainement grâce à une cuisine végétarienne et de
vous faire partager l'histoire, la nature, la culture de
Grenade et de sa région.
</p>
<p>
Nous pouvons communiquer en français, anglais, allemand ou espagnol.
</p>
</div>
<div id="re-content2-text-3">
<h2 id="re-content-text-header">Lieu du séjour - Authenticité et quiétude</h2>
<hr>
<p>
Notre maison, la Granadina, associe tradition et modernité et
reflète notre goût pour les voyages. Nichée au pied de la Sierra
Nevada dans un petit village typique d'Andalousie entouré
d'oliviers. C'est le lieu idéal pour se ressourcer au calme,
à 4km seulement du centre de Grenade et de ses trésors historiques.
</p>
<p>
Vous êtes hébergé(e)(s) dans un petit appartement décoré
avec goût, situé au premier étage de notre maison. Avec
son entrée séparée, il se compose d'un espace séjour,
d'une salle de douche et d'une chambre confortable
donnant le jardin fleuri. Vous disposez aussi
d'une terrasse privative avec vue imprenable sur la
Sierra Nevada.
</p>
</div>
</div>
<div id="break2" style="margin-top: 0px; margin-bottom: 0px;">
<hr id="hr-break">
<img id="card-icon" src="./images/flower.svg" alt="">
<hr id="hr-break">
</div>
</div>
<div id="image-break"></div>
<div id="break3" style="margin-top: 30px;">
<hr id="hr-break">
<img id="card-icon" src="./images/flower.svg" alt="">
<hr id="hr-break">
</div>
<div class="retreat-info-2">
<div id="retreatbanner2">
<h2>Yoga – Méditation – Massages</h2>
<hr id="hr-break" style="margin-top: 35px; margin-bottom: 40px;">
</div>
<div id="retreattext2">
<p id="content-3-text-1">
Que vous soyez novic(e)s ou pratiquant(e)s chevronné(e)s,
Christine adapte les cours de yoga à vos nécessités.
</p>
<p id="content-3-text-2">
Les cours sont basés sur la discipline du Hatha Yoga teintée
de yoga restauratif (yoga doux pour relâcher les tensions),
de Yin Yoga (yoga travaillant les étirements musculaires profonds)
ou de Kundalini Yoga (yoga énergétique).
</p>
<p id="content-3-text-3">
Les massages combinent le massage traditionnel avec de
l'acupression pour stimuler les flux énergétiques du corps. Le travail consiste à ouvrir
les canaux énergétiques du corps pour atteindre un équilibre
émotionnel.
</p>
<div id="nature">
<div id="nature1">
<hr id="hr-break" style="margin-top: 40px; margin-bottom: 20px;">
<h3>Nature et Culture</h3>
<hr id="hr-break" style="margin-top: 20px; margin-bottom: 40px;">
</div>
<div id="nature-text">
<p id="program-info" style="margin-left: 0px;">Nous profitons de ces visites pour vous faire partager nos
connaissances, faire découvrir des lieux singuliers en dehors
des chemins battus et partager nos coups de cœur.</p>
<ul id="program-points">
<li>
Vous voulez vous ressourcer au calme tout en découvrant la
région et ne vous préoccuper de rien
</li>
<li>
L'Alhambra et ses palais: un joyau de l'architecture hispano-mauresque
</li>
<li>
Flâner dans les ruelles au charme enchanteur de l'ancien quartier arabe d'Albaycin
</li>
<li>
L'écrin de la dernière demeure des rois catholiques, la Chapelle Royale, et la Cathédrale
</li>
<li>
Sur les pas de Federico García Lorca, poète universel
</li>
<li>
Randonner dans un parc naturel offrant de superbes vues sur les sommets enneigés
</li>
<li>
Le géo-parc de Gorafe qui allie paysages dramatiques, habitat troglodyte et préhistoire
</li>
<li>
Journée détente en bord de mer, dans une des nombreuses criques de la Costa Tropical
</li>
<li>
Découvrir les Alpujarras et ses villages blancs à flanc de montagne
</li>
<li>
S'enchanter d'un spectacle de flamenco
</li>
<li>
Se détendre dans un bain arabe traditionnel
</li>
</ul>
</div>
<div id="retreatimage2"></div>
</div>
<div id="delicious" style="margin-bottom: 50px;">
<div id="delicious-head" style="margin-bottom: 25px;">
<br><br>
<hr id="hr-break" style="margin-bottom: 25px;">
<h3>Alimentation délicieuse, saine et équilibrée</h3>
<hr id="hr-break" style="margin-top: 25px;">
</div>
<div id="delicious-text">
<p>
Philippe se fait un plaisir de vous proposer, sur demande, une cuisine saine et
végétarienne à base de produits biologiques et locaux. Les repas
peuvent être adaptés à vos intolérances alimentaires éventuelles.
</p>
<p>
Vous pouvez choisir de partager les repas avec nous ou de les prendre
en toute intimité dans votre appartement, ou encore par beau temps
sur votre terrasse.
</p>
</div>
<div id="delicious-image"></div>
</div>
</div>
</div>
<div class="retreat-info">
<!-- <div id="retreatbanner1">
</div> -->
<div id="retreattext1">
<div id="schedule">
<div id="price-header">
<div id="center-header">
<hr id="hr-break" style="margin-top: 30px; margin-bottom: 10px;">
<h3>Un prix tout inclus</h3>
<hr id="hr-break" style="margin-top: 10px; margin-bottom: 50px;">
</div>
</div>
<div id="price" style="text-align: left;">
<p>
Dès votre arrivée à l'aéroport, vous êtes déjà en vacances. Nous vous
prenons intégralement en charge.
</p>
<p>
Le séjour de la durée de votre choix peut inclure :
</p>
<ul id="program-points">
<li>
Logement dans un appartement indépendant avec terrasse
</li>
<li>
Petit-déjeuner et/ou repas du soir
</li>
<li>
Cours privés de yoga
</li>
<li>
Massages
</li>
<li>
Activités extérieures (visites ou randonnées), déplacement et entrées aux monuments compris
</li>
<li>
Transfert de et vers l'aéroport, la gare d'autobus ou la gare de train de Grenade
</li>
</ul>
<p>
Consultez-nous et nous nous ferons un plaisir de vous établir un programme à vos souhaits et vous offrir le meilleur tarif pour votre séjour personnalisé.
</p>
<p>
Nous nous réjouissons déjà de votre visite.
</p>
</div>
</div>
<br><br>
<div id="buttons" style="text-align: center; display: flex; white-space: nowrap; margin-bottom: 40px;">
<div style="width: 50%; float: left; padding: 5px;">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"
data-whatever='Je veux réserver la "retraite"'
data-text='Je veux réserver la "retraite"'
style="width:100%;">RÉSERVATION</button>
</div>
<div style="width:50%; float: left; padding: 5px;">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"
data-whatever="Je souhaite plus d'informations sur la retraite"
data-text="Je souhaite plus d'informations sur la retraite"
style="width:100%;">INFORMATION</button>
</div>
</div>
<div id="center-header">
<h3>Témoignages</h3>
</div>
<hr id="hr-break" style="margin-top: 10px; margin-bottom: 40px;">
<p>
Ce que disent nos hôtes :
</p>
<p>
"Une adresse de référence, soin, attention, délicatesse et chaleur ! A recommander sans retenue ! (...) Il y a une vue sur la Sierra qui mérite le détour !"
Anne & Grégoire (Montreux, Suisse)
</p>
<p>
"Nous avons reçu chez Philippe et Christine un accueil des plus chaleureux dans une maison meublée avec goût, nous avons partagé les repas avec nos hôtes, ayant l'impression d'être reçus par des amis de toujours. (…)"
Christine & Philippe (Aquitaine, France)
</p>
<p>
"Si nous pouvions donner 6 étoiles sur 5 nous le ferions. Philippe et Christine sont des perles rares. Leur appartement et toute la maison sont parfaits. Ils ont été là pour nous aider et échanger sur leur réalité d’habitants d’El Fargue (périphérie de Grenade)... et bien plus ! (…) La localisation est exceptionnelle dans un petit village tellement sympathique par ses ruelles et ses habitants. La vue de l’appartement est imprenable. (...) Grand coup de cœur. Notre voyage à Grenade n’aurait pas été le même sans cet oasis de paix chez Philippe et Christine !"
Marie-Charlotte & Mireille (Québec, Canada)
</p>
<p>
"We had a great time in Granada and felt welcome at Christine and Philippe’s home from the very first moment. They have a nicely renovated house in the village El Fargue. (…) It’s the perfect place to get to know Granada and it’s nature around. Furthermore you will get to know their friendly and perfectly behaved dog. We would definitely recommend to stay at Christine’s and Philippe’s house."
Clara (Cologne, Allemagne)
</p>
<p>
"Best host ever! Beautiful, elegant room with private bath, use of two wonderful roof-top patios. Our hosts were not only kind and thoughtful, but probably saved me from getting very sick (...) and were very generous with their time and attention. Do stay here. You’ll love it! Just far enough from the bustle of town to be restful and and it has the most exquisite view of the surrounding mountains, vineyards, and orchards."
Caryl & John (Hawaï, USA)
</p>
<p>
"Magnifique! Spending time with Philippe & Christine has been one of the highlights of our visit. Our shared interest in art, architecture, travel & books led to many lively and amusing conversations. They are such fun to be with and proved to be exemplary hosts. Whatever we needed Philippe & Christine were more than happy to assist with. (…) For the best homestay ever, this is it!"
Lynne & Ron (Tasmanie, Australie)
</p>
<!-- Nous pouvons organiser une session via Zoom pour apprendre à mieux se connaître et cibler au mieux vos attentes. -->
<!-- Nous nous réjouissons déjà de votre visite. -->
<br><br>
<div id="break3" style="margin-top: 0px;">
<hr id="hr-break">
<img id="card-icon" src="./images/flower.svg" alt="">
<hr id="hr-break">
</div>
</div>
</div>
<!-- <div id="offerimage1">test</div> -->
<!-- <div id="retreatimage1"></div> -->
<!-- </div> -->
<footer></footer>
</div>
</body>
</html>
<script>
$('#exampleModal').on('show.bs.modal', function (event) {
var button = $(event.relatedTarget)
var recipient = button.data('whatever')
var content = button.data('text')
var modal = $(this)
// modal.find('.modal-title').text(recipient)
modal.find('.modal-title').text(recipient)
modal.find('.modal-body textarea').val(content)
})
</script>