forked from akshitagupta15june/Moksh
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
370 lines (330 loc) · 13.9 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
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Moksh</title>
<link rel="icon" type="image/x-icon" href="Images/moksh.jpeg" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<!-- font-awesome -->
<script src="https://kit.fontawesome.com/b70d731558.js" crossorigin="anonymous"></script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
<link href="styleIndex.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Bootstrap Navbar -->
<nav class="navbar navbar-expand-lg navbar-light">
<!-- Nav Logo & Name -->
<img src="./Images/moksh.png" class="d-inline-block align-top" alt="Moksh Logo" />
<!-- <a href="index.html"><span>Moksh</span></a> -->
<a class="navbar-brand" href="index.html"><span>MOKSH</span></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navbar Menu -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto me-auto">
<li class="active about nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="about nav-item">
<a class="nav-link" href="./Blogs/Blog.html">Power of Knowledge Blogs</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle features" href="#" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
Features
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./AR_Meditate/meditation.html">Augmented Reality Meditation</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="./Iskcon/event.html">Iskcon Events</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="./Divine_page/story.html">Divine Activities for all Generation</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="./Pomodro_page/reward.html">Pomodoro Spritual Break</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="./shlok_page/motivation.html">Read a Shlok</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="./Rejuvenate_page/rejuvenate.html">Rejuvenate</a>
</div>
</li>
<li class="active about nav-item">
<a class="nav-link" href="#contributor">Contributors</a>
</li>
</ul>
<!-- Google Translate -->
<div id="google_translate_element">
<script type="text/javascript"
src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>
</div>
</nav>
<!-- Bootstrap Navbar ends -->
<div class="image-container">
<div class="circle1">
<img src="Images/anxiety.png" alt="Image 2" class="img1" />
</div>
<div class="circle2">
<img src="Images/ego.png" alt="Image 3" class="img2" />
</div>
<div class="circle3">
<img src="Images/fear.png" alt="Image 1" class="img3" />
</div>
<div class="circle4">
<img src="Images/peerpres.png" alt="Image 4" class="img4" />
</div>
<div class="circle5">
<img src="Images/ANGRY.png" alt="Image 5" class="img5" />
</div>
</div>
<br />
<div class="text-container">
<h2 class="title">Mental Health Problems</h2>
<iframe width="680" height="385" src="https://www.youtube.com/embed/BEsKgEGRjYU" title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</iframe>
<p class="description">
There are numerous mental problems affecting the people in modern
society, including fear, false egos, anxiety, comparisons, competitions,
peer pressure and stressful work environment. Mental health issues can
lead to physical discomforts such as headaches, stomach aches,
difficulty sleeping, irritability, and inability to focus. If left
unaddressed, chronic stress can exacerbate these symptoms and give rise
to more severe health concerns, including anxiety, hypertension, and
reduced immunity.
</p>
</div>
<br />
<link
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
rel="stylesheet" />
<div id="about" class="container py-3">
<div class="row">
<div class="col-sm-12">
<div class="d-block clearfix bg-light p-3 shadow">
<a class="float-left mr-3"> </a>
<div class="header">
<h1>Moksh</h1>
<p><b>A Spiritual Productivity Tool for Mental Wellness</b></p>
</div>
<div class="content">
<img src="Images/moksh.png" height="170" align="left" />
<p>
<i><b>Moksh</b> is a spiritual productivity tool designed for
individuals who want to unlock their potential and achieve
true balance in life. Our customized spiritual features help
you take control of your work, focus on what truly matters,
and rejuvenate your mind and spirit. By reading Bhagavad Gita,
we become <b>soul conscious</b> and gain the strength to fight
life's challenges. With Moksh, you can overcome the mental
problems that arise from our body consciousness and find true
happiness.</i>
</p>
</div>
</div>
</div>
</div>
</div>
<br />
<h1 align="center">Moksh Features</h1>
<div class="card-container">
<div class="card">
<!--<img src="Images/armed.png" height="200" alt="Image 1" />-->
<img src="https://i.ibb.co/FBjWkdj/AR.jpg" alt="AR" border="0">
<h3>Augmented Reality Meditation</h3>
<div class="feature-wrapper">
<div class="feature-description">
<p>
AR meditation combines ancient teachings of the Gita with AR
technology, making it more accessible and engaging for modern
practitioners. This unique and immersive meditation experience
helps people connect more deeply with their inner self and the
divine.
</p>
<div class="btn-shift">
<a href="./AR_Meditate/meditation.html"><button>Try it out</button></a>
</div>
</div>
</div>
</div>
<div class="card">
<img src="Images/iskon.png" height="200" alt="Image 2" />
<h3>Connect with Iskcon Events</h3>
<div class="feature-wrapper">
<div class="feature-description">
<p>
Moksh platform offers information on local ISKCON events such as
youth festivals, kirtans and lectures, including details on
location, date, time,tickets, website and requirements. It's ideal
for those seeking to deepen their spiritual practice or connect
with the local ISKCON community.
</p>
<div class="btn-shift">
<a href="./Iskcon/event.html"><button>Connect</button></a>
</div>
</div>
</div>
</div>
<div class="card">
<!--<img src="Images/krisarj.png" height="200" alt="Image 3" />-->
<img src="https://i.ibb.co/SRtk2vw/divine-actv.jpg" height="200" border="0">
<h3>Divine Activities for All Generation</h3>
<div class="feature-wrapper">
<div class="feature-description">
<p>
Moksh offers interactive activities for all generations to reduce
stress and also learn about our holy book BhagwadGita and its
principles. It contains eye exercises to reduce eye stress while
working and also some desk exercises to reduce back pain while
working.
</p>
<div class="btn-shift">
<a href="./Divine_page/story.html"><button>Read More</button></a>
</div>
</div>
</div>
</div>
<div class="card">
<!--<img src="Images/pomo.png" height="200" alt="Image 4" />-->
<img src="https://i.ibb.co/XzdgyTw/pomodoro.png" alt="pomodoro" border="0">
<h3>Pomodoro Spritual Break</h3>
<div class="feature-wrapper">
<div class="feature-description">
<p>
This feature promotes spiritual learning and work-life balance by
allowing users to set a Pomodoro timer and receive alerts to take
a break and read a Bhagavad Gita shloka from the website.This
Pomodoro feature on the website supports users in their journey
towards personal growth and well-being.
</p>
<div class="btn-shift-2">
<a href="./Pomodro_page/reward.html"><button>Take a Break</button></a>
</div>
</div>
</div>
</div>
<div class="card">
<!--<img src="Images/read-a-shlok.png" height="200" alt="Image 4" />-->
<img src="https://i.ibb.co/NjPz3JF/shlok.jpg" height="200" alt="shlok" border="0">
<h3>Read a Shlok</h3>
<div class="feature-wrapper">
<div class="feature-description">
<p>
Meaningful and motivational quotations can help spark inspiration
and create a sense of purpose. This feature enables users to read
several thought-provoking spiritual quotes, which can provide a
sense of comfort as well as encourage a connection with the
divine.
</p>
<div class="btn-shift-2">
<a href="./shlok_page/motivation.html"><button>Read a Shlok</button></a>
</div>
</div>
</div>
</div>
<div class="card">
<!--<img src="Images/rejuvenate.png" height="200" alt="Image 4" />-->
<img src="https://i.ibb.co/RhygLYZ/rejuvenate.jpg" height="200" alt="rejuvenate" border="0">
<h3>Rejuvenate</h3>
<div class="feature-wrapper">
<div class="feature-description">
<p>
Here, users may watch inspirational short videos and read Srila
Prabhupada stories to rejuvenate the mind, increase productivity
and focus, and feel more at peace in today's busy world.
Additionally, these stories offer hope in stressful times and can
uplift the spirit.
</p>
<div class="btn-shift-2">
<a href="./Rejuvenate_page/rejuvenate.html"><button>Get Inspired</button></a>
</div>
</div>
</div>
</div>
</div>
<!-- <div class='official-logo'style="background-color: #ffffff; padding:5px; color:#2980B9; padding-bottom:1px;">
<div style="display: flex; align-items: center; border:2px solid">
</div>
<p>A spirtual productivity tool for mental wellness</p>
</div> -->
<div id="contributor" class="container py-3">
<div class="row">
<div class="col-sm-12">
<div class="d-block clearfix bg-light p-3 shadow">
<a class="float-left mr-3"> </a>
<div class="header">
<h1>Moksh Contributors</h1>
<p><b>We extend our heartfelt gratitude to these incredible contributors whose efforts have played a pivotal role in the success of the Moksh project.</b></p>
</div>
<div class="content">
<p>
<img src="https://api.vaunt.dev/v1/github/entities/akshitagupta15june/repositories/Moksh/contributors?format=svg&limit=54" width="930" height"250" />
</p>
</div>
</div>
</div>
</div>
</div>
<footer style="padding: 5px 10px">
<div class="logo-title">
<img
class="logo"
src="Images/moksh.png"
alt="Moksh Logo"
style="
height: 50px;
margin-right: 10px;
filter: invert(84%) sepia(28%) saturate(30%) hue-rotate(195deg)
brightness(97%) contrast(99%);
" />
<h3
class="title"
style="
font-size: 28px;
text-align: end;
color: #fff;
margin-top: 12px;
">
Moksh
</h3>
</div>
<div class="tagline">
<p style="font-size: 18px; text-align: center; color: #fff">
A Spiritual Productivity Tool for Mental Wellness
</p>
</div>
<div class="intro">
<p style="text-align: center">
Moksh is a spiritual productivity tool designed for individuals who
want to unlock their potential and achieve true balance in life.
</p>
</div>
<hr color="#000" size="10" />
<div
class="copyright"
style="display: flex; justify-content: space-around">
<a href="https://github.com/akshitagupta15june/Moksh" target="_blank"><i class="fa-brands fa-github"></i></a>
<p style="font-size: 14px; text-align: center; margin-top: 10px">
Made with ❤️ by Akshita during XPRESSION'23
</p>
<p style="font-size: 14px; text-align: center; margin-top: 10px">
© 2023 Moksh. All rights reserved.
</p>
</div>
</footer>
<!-- Scroll to top button -->
<div class="return-to-top" id="returnToTop">
<i class="fas fa-arrow-up fa-2x fa-bounce"></i>
</div>
<!-- bootstrap js -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
crossorigin="anonymous"></script>
<script src="script.js"></script>
</body>
</html>