-
Notifications
You must be signed in to change notification settings - Fork 0
/
courses.html
326 lines (291 loc) · 22.3 KB
/
courses.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
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-111755796-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-111755796-1');
</script>
<!-- END OF - Google Analytics -->
<meta name="viewport" content="width= device-width, initial-scale= 1.0">
<link rel="stylesheet" type="text/css" href="style/pages/home.css">
<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="./script/websiteHandler.js"></script>
</head>
<body class= "hb__body">
<style>
.hb__header__leftMenu { display: flex }
.hb__body__mainImage{
background-image: url('./img/courses__page--background.jpg') !important;
background-size: cover;
}
input { display: none }
input:checked + label + .course__content{
position: static;
margin-top: 0px;
max-height: auto;
visibility: visible;
opacity: 1
}
</style>
<body class= "hb__body">
<style>
.hb__header__leftMenu { display: flex }
.nav__mobi {
position: fixed;
top:67px;
left: -300px;
min-width: 200px;
background:#FF8A80;
color:white;
z-index: 999;
transition: all 300ms ease-in-out;
}
label {
cursor: pointer;
display: none;
}
#nav__mobi{
display: none;
}
input:checked + .nav__mobi {
left:0px;
}
.nav__mobi a { display:block;
margin: 7px 0px;
max-width: 80%
}
.nav__mobi ul {
margin-left: 4px;
padding-left: 4px;
padding-right:28px;
transition: all 300ms ease-in-out
}
.nav__mobi fa { margin-right:7px }
@media( max-width: 768px){
.hb__header {
padding: 14px;
}
.hb__header__navbar {
display: none;
}
.hb__header__navbar__right {
display: flex;
}
.hb__header__navbar__right .hb__header__navbar__item__button--subscribe {
display: none;
}
hb__header__navbar__item__button--subscribe
label {
display: block;
}
}
</style>
<!--START************** header **************-->
<body class= "hb__body">
<div class= "hb__header">
<div class= "hb__header__leftMenu">
<a href= "./index.html"><h4>Holistic Being</h4></a>
<label for="nav__mobi"><i class="fa fa-bars" aria-hidden="true" style="font-size: 28px;
margin: 4px 7px 0px 7px;"></i></label>
<ul class= "hb__header__navbar">
<li class= "hb__header__navbar__item">
<a href= "./holistingLiving.html">Holistic living</a>
</li>
<li class= "hb__header__navbar__item">
<a href= "./training.html">Training</a>
</li>
<li class= "hb__header__navbar__item">
<a href= "./courses.html">Courses</a>
</li>
<li class= "hb__header__navbar__item">
<a href= "./aboutMe.html"> Lama </a>
</li>
<li class= "hb__header__navbar__item">
<a href= "./contactMe.html">connect</a>
</li>
</ul>
</div>
<ul class= "hb__header__navbar hb__header__navbar__right ">
<li><a href= "" class= "hb__header__navbar__item fa fa-twitter"></a></li>
<li><a href= "" class= "hb__header__navbar__item fa fa-facebook"></a></li>
<li><a href= "#hb__footer" class= "hb__header__navbar__item__button--subscribe "> subscribe</a></li>
</ul>
</div>
<!--END ************** header **************-->
<input type="checkbox" id="nav__mobi">
<div class= "nav__mobi text-left" >
<ul class= "" style="list-style:none; margin-left: none; padding-left: none">
<li class= "hb__header__navbar__item">
<a href= "./holistingLiving.html">Holistic living</a>
</li>
<li class= "hb__header__navbar__item">
<a href= "./training.html">Training</a>
</li>
<li class= "hb__header__navbar__item">
<a href= "./courses.html">Courses</a>
</li>
<li class= "hb__header__navbar__item">
<a href= "./aboutMe.html">Lama(about)</a>
</li>
<li class= "hb__header__navbar__item">
<a href= "./contactMe.html">connect</a>
</li>
</ul>
<ul class= "" style="list-style:none; margin-left: none; padding-left: none">
<li><a href= "" class= "hb__header__navbar__item fa fa-twitter" style="margin-right:7px ">Twitter</a></li>
<li><a href= "" class= "hb__header__navbar__item fa fa-facebook">facebook</a></li>
<li><a href= "" class= "hb__header__navbar__item fa fa-youtube">Youtube</a></li>
<a href= "#hb__footer" class= "hb__header__navbar__item__button--subscribe" style="margin-top: 24px"> subscribe</a>
</ul>
</div>
<!--- END nav for mobile -->
<div class= "hb__body__mainImage">
<div class="hb__body__websiteName">Courses</div>
<div class= "hb__body__websiteName--subText">welcom!</div>
<div class= "hb__body__websiteName--start"><a href="#holistic-living">To courses</a></div>
</div>
<div class= "block">
<div class="container-flouid hb__body__container" id= "holistic-living" style="background-image:url('')">
<div class="container text-left">
<div class= "row">
<div class="col-md-2 col-md-offset-2 hb__body__container__col--dark">
<img src= "./img/course__mindeating.jpg" class="hb__body__container__col__icon">
</div>
<div class="col-md-6 hb__body__container__col--dark">
<h1 class="hb__text--h1"> Mindful eating for optimal health</h1>
<h2 class="hb__text--h2">Prerequisites:<br><p></p></h2>
No knowledge or previous experiences are required. Everybody is welcome regardless of her or his age, background, and perspective.
This course can be given to individuals, small groups and large audience.</p><br><br>
<input type="checkbox" name="Mindful" id= "mind">
<label for= "mind"><p class="hb__text--h2">Content, goals, and benefits:<br></p>
<div>
In thinking, keep to the simple. In conflict, be fair and generous. In governing, don't try to control.
In work, do what you enjoy.
In family life, be completely present (Lao Tzu). Details...
</div>
</label>
<div class="course__content">
In mindfulness the mind is completely attending to what is happening at the present moment,
watching with calm and acceptance feelings, thoughts, and bodily sensation when they arise.<br><br>
Mindful eating means being fully attentive to our food at all time from choosing and buying to preparing and serving till consuming and digesting.<br><br>
This has tremendous proven results not only on the physical body but also on mind, feeling,
emotions and overall health. In addition to craving control and weight management some benefits include the development of satisfaction,
trust, love and positive thinking in ones self, feelings and actions.<br><br>
In this course we combine ancient wisdom with modern nutrition and current scientific research, not only to answer questions such as what to eat but to be more conscious about how, how much, why, when, where and with whom we eat.
Important topics such as vegetarianism, dieting, and food supplements are covered.<br><br>
<strong>Layout: </strong>Questions and information on mindfulness in general and mindful eating in particular and related challenges and difficulties are discussed.
This course can includes a few sessions about healthy meddle-eastern food, recipes and methods of cooking.
</p>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="container-flouid hb__body__container" id= "holistic-living" style="background-image:url('')">
<div class="container text-left">
<div class= "row">
<div class="col-md-2 col-md-offset-2 hb__body__container__col--dark">
<img src= "./img/course__mindeating-1.jpeg" class="hb__body__container__col__icon">
</div>
<div class="col-md-6 hb__body__container__col--dark">
<h1 class="hb__text--h1">Introduction to holistic health</h1>
<h2 class="hb__text--h2">Prerequisites:<br><p></p></h2>
No knowledge or previous experiences are required.<br>
Everybody is welcome regardless of her or his age, background, and perspective.</p><br><br>
<input type="checkbox" name="Mindful" id= "holistic">
<label for= "holistic"><p class="hb__text--h2">Content, goals, and benefits:<br></p>
<div>
Holistic Health is actually an approach to life. Rather than focusing on illness or specific parts of the body,
this ancient approach to health considers the whole person and how he or she interacts with his or her environment. Details...
</div>
</label>
<div class="course__content">
Based on the law of nature that a whole is made up of interdependent parts, it emphasizes the connection of mind, body, and spirit. The goal is to achieve maximum well-being, where everything is functioning the very best that is possible.<br><br>
With Holistic Health people accept responsibility for their own level of well-being, and everyday choices are used to take charge of one’s own health.<br><br>
Some benefits include higher levels of wellness, awareness, satisfaction as well as preventing illness on the physical, mental, and emotional levels. People enjoy the vitality and well-being that results from their positive lifestyle changes, and are motivated to continue this process throughout their lives.<br><br>
<strong>Layout: </strong><br>Two sessions are focused on the health of the physical body and deal with healthy diet, mindful eating and drinking, and healthy breathing.
Two sessions are dedicated to the mental health and deal with understanding the process of thinking and how to achieve more positive thinking.
Two sessions are focused on feelings and deal with experiencing positive emotions and enjoying freedom from within.
Two sessions are dedicated to relating to oneself and to others and how can one achieve more satisfactions in all relationships.
Information about meditation are giving throughout the whole course and we will be meditating for 20 minutes at the end of each session.
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="container-flouid hb__body__container" id= "holistic-living" style="background-image:url('')">
<div class="container text-left">
<div class= "row">
<div class="col-md-2 col-md-offset-2 hb__body__container__col--dark">
<img src= "./img/course__mindeating-2.jpeg" class="hb__body__container__col__icon">
</div>
<div class="col-md-6 hb__body__container__col--dark">
<h1 class="hb__text--h1"> Active meditation (Kundalini)</h1>
<h2 class="hb__text--h2">Prerequisites:<br><p></p></h2>
No knowledge or previous experiences are required. Everybody is welcome regardless of her or his age, health, background, and perspective.</p><br><br>
<input type="checkbox" name="Mindful" id= "active">
<label for= "active"><p class="hb__text--h2">Content, goals, and benefits:<br></p>
<div>
Traditional meditations are passive and require us to sit still in silence to achieve a meditative state that can help us in our active life.<br> But this is difficult for modern man who experiences high levels of stress,
outer stimulation and demands in daily life. Details...
</div>
</label>
<div class="course__content">
Traditional meditations are passive and require us to sit still in silence to achieve a meditative state that can help us in our active life. But this is difficult for modern man who experiences high levels of stress, outer stimulation and demands in daily life.<br/>
On the other hand, active meditation in which movement and silence are involved, have been designed to enable us to consciously express and experience repressed feelings and emotions, and develop the ability of watching our thoughts and habitual patterns in a new way. It is more practical for the modern world.<br>
Examples of active meditations are Nadabrahma, Nataraj, Dynamic and Kundalini..<br><br>
<strong>Benefits (Physical, mental and emotional):</strong><br>
This course provides new insights about the nature of the mind, opportunity to meet with other like-minded people, and inspirations on relationships. We achieve:<br>
· Improved immune system, concentration and over all health.<br>
· Deep relaxation, inner peace and silence for days after the meditation.<br>
· Better stress management and freedom from habits and addictions.<br>
· Increased ability to let go, laugh, and live with joy<br><br>
<strong>Instructions: </strong>
Kundalini meditation is one hour long (four stages of 15 minutes) and best practised in the late afternoon or at sunset. <br>
The first two stages, shaking and dancing, help in moving repressed and blocked energies. When that energy flows dance becomes a total joy. The last two stages, sitting and laying down, enable all this energy to move upwards into silence.<br>
It is a very effective way of letting go at the end of the day.<br><br>
<strong>Layout: </strong>Questions, information on meditations, challenges and difficulties are discussed in the first half hour,
then one hour of Kundalini active meditation of four stages is explained and practiced.
</p>
</div>
<button onclick="window.location.href='/contactme.html'" class= "hb__body__container__col__button--pink">contact information</button>
</div>
</div>
</div>
</div>
<!-- *********** FOOTER ********* -->
<div class="container-fluid hb__footer" id="hb__footer"><br><br>
<div class= "row">
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="https://holistichealth.us17.list-manage.com/subscribe/post?u=f1446ffecd8657a2821d1e25b&id=098f3c275c" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate col-xs-10 col-sm-10 col-xs-offset-1 col-sm-offset-1" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<label style="font-weight: lighter;letter-spacing: 1.5px" for="mce-EMAIL">Enter your email to get useful upates to your mailbox!</label>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f1446ffecd8657a2821d1e25b_098f3c275c" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
<br>
<div class="row text-center">
<div class=" col-sm-3 col-xs-3 col-sm-offset-1 col-xs-offset-1 col-md-3 col-md-offset-1 text-right"><a href="" class=""><i class="fa fa-facebook-square" aria-hidden="true" style="font-size:18px; margin-right:14px"></i>Facebook</a></div>
<div class=" col-sm-4 col-xs-4 col-md-4 text-center "><a href="" class=""><i class="fa fa-twitter-square" aria-hidden="true" style="font-size:18px; margin-right:14px"></i>twitter</a></div>
<div class=" col-sm-3 col-xs-3 text-left"><a href="https://www.youtube.com/channel/UCTXk2_HUsRAjYPv-xfCbr8A/playlists?disable_polymer=1" class=""><i class="fa fa-youtube-square" aria-hidden="true" style="font-size:18px; margin-right:14px"></i>youtube</a></div>
</div><br>
<div class="row text-center" style="border: white;background: #42A5F5;padding: 14px;"><a href="http://www.alighali.com/">made with <i class="fa fa-heart" aria-hidden="true"></i>
Ali Ghali</a></div>
</div>
</div>
<!--END *********** FOOTER ********* -->
</body>
</html>