-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinfo-en.html
357 lines (330 loc) · 14.5 KB
/
info-en.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<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="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">Name:</label>
<input type="text" class="form-control" id="name" name="name">
</div>
<div class="form-group">
<label for="email" class="col-form-label">Email:</label>
<input type="text" class="form-control" id="email" name="email">
</div>
<div class="form-group">
<label for="phone" class="col-form-label">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">Send</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="Learn more"
data-text="I would like to know more. ">
</h1>
<div class="info-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-en.html">
<span class="bi bi-house-door-fill"></span>
<p id="small-nav-text">HOME</p>
</a>
</li>
<li class="nav-item colah-nav">
<a class="nav-link" href="retreat-en.html">
<span class="bi bi-sun"></span>
<p id="small-nav-text">GETAWAY</p>
</a>
</li>
<li class="nav-item colah-nav">
<a class="nav-link" href="offers-en.html">
<span class="bi bi-box-seam"></span>
<p id="small-nav-text">PROGRAMS</p>
</a>
</li>
<li class="nav-item colah-nav">
<a class="nav-link" href="classes-en.html">
<span class="bi bi-book-half"></span>
<p id="small-nav-text">CLASSES</p>
</a>
</li>
<li class="nav-item colah-nav nav-active">
<a class="nav-link active" href="info-en.html">
<span class="bi bi-info-circle-fill"></span>
<p id="small-nav-text">ABOUT</p>
</a>
</li>
<li class="nav-item colah-nav">
<div id="nav-lang" class="btn-group btn-group-toggle" data-toggle="buttons">
<a href="info-fr.html" class="btn btn-secondary">
FR
</label>
<a href="info.html" class="btn btn-secondary">
ES
</a>
<a href="info-en.html" class="btn btn-secondary active ">
EN
</a>
</div>
</li>
</ul>
</div>
</nav>
<main class="bg-info">
<h1 class="headline">Yoga with Christine</h1>
</main>
<div id="intro-head">
<h2>
My vision
</h2>
</div>
<div id="intro-text" style="text-align: center; margin-left: auto; margin-right: auto;">
<div>
<img id="card-icon" src="./images/flower.svg" alt="">
</div>
Yoga is a way of life. I wish to offer the participants to my classes a
harmonious life thanks to a careful and safe practice of yoga adapted to the needs of each student.
<hr style="margin-top: 20px; margin-bottom: 20px;">
Yoga allows a holistic approach to our being. The word yoga means "union."
The objective is that each course activates the 5 envelopes of our being.
Our physical body Annamayakosha through postures, our energy body Pranamayakosha
through breathing practices, our mental and emotional body Manomayakosha through
meditations, our body of knowledge Vijnanamayakosha through the discovery of yoga
philosophy and our body of Anandamayakosha bliss through mantra chanting or Yoga Nidra.
<hr style="margin-top: 20px; margin-bottom: 20px;">
With my classes I want to share the philosophical concepts of yoga.
<br><br>
Each class is organized around a theme. The subject can be physical (opening of the hips,
relaxation of the shoulders, relaxation of the neck ...), philosophical (the Yamas and
Niyamas, the Koshas, ... ) or even personal development (improve your sleep, dare to
shine, overcome your fears, ...). Classes include introduction to the topic, centering,
warm-up, postures (asanas), relaxation with meditation (mantras) and breathing exercises
(pranayama).
<br><br>
<a href="index-en.html#content2" style="width:50%; margin-left: auto; margin-right: auto; padding: 5px;">
<button type="button" class="btn btn-primary"
style="width:50%;">Testimonials</button>
</a>
<br>
<div style="text-align: center; margin-left: auto; margin-right: auto;">
<img id="card-icon" src="./images/flower.svg" alt="">
</div>
</div>
<div id="intro-head-2">
<h2>
Benefits of Yoga
</h2>
</div>
<div id="intro-text-2">
<div id="inf-im-1">
<div id="card-inf">
<img id="card-icon-large" src="./images/three.svg" alt="">
</div>
</div>
<div id="inf-te-1">
<h3 style="text-align: center;">
Is yoga for me?
</h3>
<hr style="margin-top: 1px; margin-bottom: 5px;">
Yoga is beneficial for everyone. You don't have to have a perfect body, or be young,
flexible or sporty. Controlling your breath is doing yoga.
<br><br>
There are many different practices, each of which has its own characteristics, goals,
and benefits. The important thing is to identify the yoga that suits you best. The
benefits of yoga are numerous and there are more and more scientific studies to prove it.
<hr>
</div>
<div id="inf-te-2">
<h3 style="text-align: center;">
What kind of yoga?
</h3>
<hr style="margin-top: 1px; margin-bottom: 10px;">
I mainly teach Hatha Yoga with a focus on body alignment
along with careful and benevolent execution of the postures.
<br><br>
To enrich my courses or for specific needs, I resort
to other types of yoga, such as Restorative Yoga (a
yoga that uses many accessories for greater comfort
in the postures), Yin Yoga (prolonged duration of the
postures for a deep stretching of the muscles ) or
Kundalini Yoga (to work on the vital energy of the
body).
<br><br>
I am especially passionate about breathing techniques.
With breathing we have an access door to our nervous system
and thus we can modify it. Thanks to specific techniques,
depression, sleep disorders or even headaches can be relieved.
<hr>
</div>
<div id="inf-im-2">
<div id="card-inf">
<img id="card-icon-large" src="./images/onelegup.svg" alt="">
</div>
</div>
<div id="inf-im-3">
<div id="card-inf">
<img id="card-icon-large" src="./images/peaceful.svg" alt="">
</div>
</div>
<div id="inf-te-3">
<h3 style="text-align: center;">
Benefits of Yoga
</h3>
<hr style="margin-top: 1px; margin-bottom: 10px;">
<b>Yoga allows you to:</b>
<br><br>
<ul class="program-points">
<li>
Improve your physical strength to feel stable and balanced
</li>
<li>
Improve your flexibility to develop a positive and open attitude towards events
</li>
<li>
Learn to observe and listen to your body increasing body awareness (proprioception)
</li>
<li>
To accept your body as it is, with its strengths and weaknesses
</li>
<li>
Establish a connection with your breathing that is a gateway to our nervous system
</li>
<li>
Determine your life mission and set your priorities
</li>
<li>
Learn being instead of doing, fully living the present moment
</li>
</ul>
<hr>
Yoga helps to know yourself better. May the trip be profitable for you!
</div>
</div>
<div id="intro-head-3">
<h2>
Who I am?
</h2>
</div>
<div id="info-3-content">
<div id="intro-image-3"></div>
<div id="intro-text-3">
I was born in 1961, both of my parents were German. I grew up in Brussels in an international environment.
When I was young, I dreamed of being a sports teacher, but eventually, my decision turned to architecture.
An exciting profession that I have practiced in different facets: from working in my own architecture
studio to working in a company, world leader in its specialty. But little by little the direction in which
the business world focuses its priorities was moving away from my essential values. This led me to an intense
period of reflection about what I wanted to do with my life, and that is how I began to deepen
the practice of yoga.
<hr style="margin-top: 10px; margin-bottom: 10px;">
Passionate about yoga since the 2000s, I have followed intensive training courses in order to deepen my
personal practice. These trainings have completely transformed my vision of yoga. With the discovery of
this philosophy together with the alignment of postures and the conscious practice of breathing, I
experienced a transformation on a physical level but above all profound changes on a personal level.
I learned that the exercise of yoga on the mat is a reflection of the habits we have in our life and
that if we create a daily space for this practice, these benefits will be reflected in our day to day,
thus increasing our sense of well-being. Enriched by this experience, I felt committed to sharing what I
had learned so that others could enjoy it as well.
<br><br>
Since then, I have been organizing yoga workshops in the beautiful city of Granada, Spain, where I
settled with my husband Philippe. Today I am lucky to be able to dedicate myself completely to
my two passions: yoga and ceramics.
<hr style="margin-top: 10px; margin-bottom: 10px;">
<b>
My diplomas:
</b>
<br><br>
<ul class="program-points">
<li>
Formation professorale Méthode Diva Yoga de l'Université internationale de Yoga - 2019
</li>
<li>
Instructor de Hatha Yoga y Meditación de la Escuela Yoga Vida (Sevilla) – 2019
</li>
<li>
Teacher education program Pranayama for Emotional Wellness, Athletic Performance and Expansion from Akhanda Yoga – 2020
</li>
<li>
Anatomía aplicada al yoga de Julia Zatta – 2020
</li>
<li>
Masajista Yóguico Healing Hands Nivel I y II de la escuela Yoga Vida y Ashima – 2021
</li>
<li>
Pranayama & Meditation Online-Seminar mit Dr. Shrikrishna Bhushan Tengshe – 2023
</li>
<li>
Rebirth your Breath retreat at Anand Prakash ashram in Rishikesh - 2023
</li>
<li>
Formation Yoga des émotions de l'Université internationale Yogami – 2023
</li>
<li>
Entrance to the Subtle Body workshop at Swami Rama Sadhaka Grama Ashram in Rishikesh - 2024
</li>
</ul>
<hr>
<b>
<!-- Contact
</b>
<br><br>
</div>
</div>
<div id="side1"></div>
<div id="side2"></div>
<div id="side3"></div>
<div id="side4"></div>
<div id="side5"></div>
<div id="side6"></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>