-
Notifications
You must be signed in to change notification settings - Fork 0
/
training.html
305 lines (276 loc) · 20.8 KB
/
training.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
<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 rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="./script/websiteHandler.js"></script>
<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">
</head>
<body class= "hb__body">
<style>
.hb__body__mainImage {
background-image: url('./img/training__page--background.jpg') !important;
background-size: cover
}
.hb__header__leftMenu { display: flex }
</style>
<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;
}
input:checked + .nav__mobi {
left:0px;
}
#nav__mobi{
display: none;
}
.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">Training</div>
<div class= "hb__body__websiteName--subText">welcom!</div>
<div class= "hb__body__websiteName--start"><a href="#holistic-living">Start here</a></div>
<div class= "hb__body__websiteName--quote">Devote yourself to recognize, live, and be the divine TRUTH within yourself, which is always available to you HERE and NOW!</div>
</div>
<div class= "block">
<div class="container-flouid hb__body__container" id= "holistic-living" style="background-image:url()">
<div class="container text-center">
<div class="col-md-8 col-md-offset-2 hb__body__container__col--dark">
<h1 class="hb__text--h1"> Our approach</h1>
<h2 class="hb__text--h2"> Holistic living is a way of exploring the profound within and around us</h2>
<img src= "./icon/training__yoga--icon.png" class="hb__body__container__col__icon">
<p class="hb__text--h3">Modern life is ego centered which tends to emphasize thinking and neglect body movement and emotions. As a result, modern man is lost, stressed and tired running behind illusions such as power, prestige, material possessions, competitions, and the approval of others.</p>
<button onclick= "window.location.href='./holistingLiving.html'" class= "hb__body__container__col__button--pink"> know more about holistic living</button>
</div>
</div>
</div>
<div class="container-flouid hb__body__container text-center" style="background-color:#ecf0f1; padding:28px 0px">
<div class="col-md-8 col-md-offset-2 hb__body__container__col--dark">
<h1 class="hb__text--h1"> Effective approach</h1>
<h2 class="hb__text--h3" style="line-height: 1.5; text-align: left"> An effective approach to solve these problems is one,
which allows the inner wisdom of every individual to blossom, takes current health research findings into consideration,
and harnesses the accumulated experience of traditional methods while incorporating fresh participatory methods.
This naturally involves a synthesis of several approaches according to the needs of the target individual and groups,
and the specific goals and learning environment at hand.</h2><br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Bw9zSMsKcwk" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> <p class="hb__text--h3"> </p>
<button onclick= "window.location.href='https://www.youtube.com/channel/UCTXk2_HUsRAjYPv-xfCbr8A'" class= "hb__body__container__col__button--orang" style= "margin-top: 48px"> watch more on youtube</button>
</div>
</div>
<div class="container-flouid" id= "training">
<div class="container hb__body__container text-center">
<div class="row">
<div class="col-md-8 col-md-offset-2 hb__body__container__col--dark">
<h1 class="hb__text--h1 text-left"> Deep trust </h1>
<h2 class="hb__text--h2 text-left">In such an environment of deep trust between the seeker and the healer,
communication beyond physical expressions is born on the level of being. As a result, you learn how to silence your mind peacefully,
release blocked energies and traumas un-judgmentally, and express your emotions freely.
These unconfined energies will allow you to liberate yourself, become more meditative, live healthier,
and experience more joy and fun in every area of your life.<br><br>
The focal point of our services is to support people empower themselves with the skills and confidence necessary to manage
various aspects of their lives physically,
emotionally, spiritually, and socially, particularly in case of illnesses.</h2>
</div>
<div class="col-md-8 col-md-offset-2 hb__body__container__col--dark">
<h1 class="hb__text--h1 text-left">Inner wisdom</h1>
<h2 class="hb__text--h2 text-left">In touch with his own inner wisdom and working with people in a space of awareness, meditation, and love, as a friend,
Lama helps in creating the proper education and environment in which the inner wisdom of healing and growth is allowed to flourish and where current and previous wounds are recognized,
healed and left in peace.</h2>
</div>
<div class="col-md-8 col-md-offset-2 hb__body__container__col--dark">
<h1 class="hb__text--h1 text-left">Knowledge</h1>
<h2 class="hb__text--h2 text-left">Knowledge can be transferred but at best it only contains a marginal part of the authentic learning process.
On the other side understanding does not depend on the transfer of information from one person to the other but it is much more subtle and deep where it connects one with the universal SOURCE of all which exists in every being.
In this context individuals can truly recognize their true unique nature where nothing is left to be taught!</h2>
</div>
<div class="col-md-8 col-md-offset-2 hb__body__container__col--dark">
<h1 class="hb__text--h1 text-left">Hand-on experience</h1>
<h2 class="hb__text--h2 text-left">Through hand-on experience Lama guides and facilitates the personal and holistic advancement of the individuals and groups who sincerely seek understanding,
inner contentment and meaning in their lives. Sometimes he encourages the individual reflections on thoughts and emotions, and most of the time he supports the no-thinking process as an important and integral part of a worthwhile growth. He assists you in recognizing the best ways to apply the acquired understanding into real life issues such as finding new meanings and experiencing life-long joy in personal life, relationships,
school and work.</h2>
</div>
</div>
<br>
</div>
<div class="container-flouid hb__body__container" id= "holistic-living" style="background-image:url('./img/training__second__background.jpg')">
<div class="container text-center">
<div class="col-md-8 col-md-offset-2 hb__body__container__col--dark">
<h1 class="hb__text--h1">How do we help!</h1>
<h2 class="hb__text--h2">Lama provides public lectures, seminars and individual holistic coaching sessions </h2>
<img src= "./icon/flower.svg" class="hb__body__container__col__icon">
<p class="hb__text--h3">which inspire you to further understand the different levels of your being, your life purpose and how to live joyfully moment to moment in the present NOW and in the every NOW to come.
He offers educational and healing trainings designed to define and express the deep desires in one’s heart. You will learn how to know and realize your passion and purpose in life.
Our healing courses can be useful for individuals and groups both for healthy people and those who suffer from chronic illnesses.</p>
<br></div>
</div>
</div>
<div class="container-flouid" id= "training">
<div class="container hb__body__container text-center">
<div class="row">
<div class="col-md-8 col-md-offset-2 hb__body__container__col--dark">
<h1 class="hb__text--h1 text-left">Treatment sessions</h1>
<h2 class="hb__text--h2 text-left">Your treatment sessions are individualized for your needs.
Sometimes you could be supported with hands-on healing (Reiki), supplemented by education on other natural therapies,
including sound, color, aromatherapy, and other modalities, depending on your specific healing needs during the time we spend together.
You will learn that it’s up to you to allow abundance into your life.
It’s not about chance; it’s about making significant choices.</h2>
</div>
<div class="col-md-8 col-md-offset-2 hb__body__container__col--dark">
<h1 class="hb__text--h1 text-left">Bring home inspirations</h1>
<h2 class="hb__text--h2 text-left">You will be able to bring home not only inspirations but also practical self help processes for stress management, holistic healing,
and inner transformation. Lama helps you bring more inner wisdom,
responsibility and individual power which will help you become more independent and liberate you from all external factors and agents,
himself included.</h2>
</div>
</div>
<div class="container-flouid" id= "training">
<div class="container hb__body__container text-center">
<div class="row">
<div class="col-md-8 col-md-offset-2 hb__body__container__col--dark">
<h2 class="hb__text--h1">If you desire and through your self-knowing, you can help others experience similar levels of love, healing and awareness!</h2>
</div>
<button onclick= "window.location.href='./courses.html'" class= "hb__body__container__col__button--pink" style= "margin:28px"> Go to the courses</button><br><br>
</div>
</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 for="mce-EMAIL" style="font-weight: lighter;letter-spacing: 1.5px">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>