-
-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
564 lines (492 loc) · 26.7 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
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
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description"
content="Dedicated to the eternal couple Sita Ram and Shri Ram Bhakt Hanuman! Hanuman Chalisa, bhajans, wallpapers, prayers, aarti, audio, video, photos. Jai Shri Ram!">
<meta name="keywords" content="hanuman, hanuman chalisa, lord hanuman, hanuman ji, jai hanuman">
<title>Hanuman Chalisa | All About Hanuman</title>
<link rel="shortcut icon" href="assets/images/favicon.png" type="icon/png">
<link rel="canonical" href="https://hanumanchalisa.net/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Hanuman Chalisa | All About Hanuman" />
<meta property="og:url" content="https://hanumanchalisa.net/" />
<meta property="og:site_name" content="Hanuman Chalisa | All About Hanuman" />
<meta property="og:description"
content="Dedicated to the eternal couple Sita Ram and Shri Ram Bhakt Hanuman! Hanuman Chalisa, bhajans, wallpapers, prayers, aarti, audio, video, photos. Jai Shri Ram!">
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Hanuman Chalisa | All About Hanuman" />
<meta name="twitter:url" content="https://hanumanchalisa.net/">
<meta name="twitter:image" content="https://hanumanchalisa.net/assets/img/hanumanchalisa.jpg">
<meta name="twitter:description"
content="Dedicated to the eternal couple Sita Ram and Shri Ram Bhakt Hanuman! Hanuman Chalisa, bhajans, wallpapers, prayers, aarti, audio, video, photos. Jai Shri Ram!">
<meta property="og:image:width" content="700">
<meta property="og:image:height" content="367">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<!-- Material Icons CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- materialize -->
<link href="assets/vendor/materialize/css/materialize.min.css" rel="stylesheet">
<!-- Bootstrap -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- shortcodes -->
<link href="assets/vendor/css/shortcodes/shortcodes.css" rel="stylesheet">
<!-- Style CSS -->
<link href="assets/css/style.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/hanuman.css">
<link rel="stylesheet" type="text/css" href="assets/css/radhakrishna.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-101189674-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-101189674-2');
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Website",
"publisher": {
"@type": "Organization",
"name": "The Gita Initiative",
"logo": "https://hanumanchalisa.net/assets/img/shrihanumanchalisa.png"
},
"url": "https://hanumanchalisa.net/",
"image": {
"@type": "ImageObject",
"url": "https://hanumanchalisa.net/assets/img/hanumanchalisa.jpg",
"width": 1920,
"height": 1080
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://hanumanchalisa.net/"
},
"description": "Dedicated to the eternal couple Sita Ram and Shri Ram Bhakt Hanuman! Hanuman Chalisa, bhajans, wallpapers, prayers, aarti, audio, video, photos. Jai Shri Ram!"
}
</script>
</head>
<body id="top">
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<div class="android-header mdl-layout__header mdl-layout__header--waterfall">
<div class="mdl-layout__header-row">
<a class="android-title mdl-layout-title" href="javascript:void(0);">
<img class="android-logo-image" src="assets/images/hanumanchalisa.png">
</a>
<div class="android-header-spacer mdl-layout-spacer"></div>
<div class="android-navigation-container">
<nav class="android-navigation mdl-navigation">
<a class="mdl-navigation__link mdl-typography--text-uppercase" href="who-is-hanuman/">About Hanuman</a>
<a class="mdl-navigation__link mdl-typography--text-uppercase drop" id="read" href="#">Read <i
id="read_caret" class="fa fa-caret-down"></i></a>
<a class="mdl-navigation__link mdl-typography--text-uppercase drop" id="worship" href="#">Worship <i
id="worship_caret" class="fa fa-caret-down"></i></a>
<a class="mdl-navigation__link mdl-typography--text-uppercase" id="listen_watch" href="#">Listen & Watch
<i id="listen_caret" class="fa fa-caret-down"></i></a>
<a class="mdl-navigation__link mdl-typography--text-uppercase" id="download" href="#">Download <i
id="download_krishna" class="fa fa-caret-down"></i></a>
</nav>
</div>
<a class="android-mobile-title mdl-layout-title" href="javascript:void(0);">
<img class="android-logo-image" src="assets/images/hanumanchalisa.png">
</a>
</div>
</div>
<ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect" for="read">
<li><a class="mdl-menu__item" href="hanuman-incarnation-of-shiva/">Hanuman - Incarnation of Shiva</a></li>
<li><a class="mdl-menu__item" href="../hanuman-interesting-facts/">Interesting Facts About Hanuman</a></li>
</ul>
<ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect" for="worship">
<li><a class="mdl-menu__item" href="why-worship-hanuman/">Why Worship Hanuman</a></li>
<li><a class="mdl-menu__item" href="how-to-worship-hanuman/">How To Worship Hanuman</a></li>
<li><a class="mdl-menu__item" href="hanuman-chalisa/">Hanuman Chalisa</a></li>
<li><a class="mdl-menu__item" href="hanuman-chalisa-in-hindi/">Hanuman Chalisa in Hindi | हनुमान चालीसा</a></li>
<li><a class="mdl-menu__item" href="hanuman-chalisa-english-with-meaning/">Hanuman Chalisa With Meaning
(English)</a></li>
<li><a class="mdl-menu__item" href="shri-hanuman-chalisa-in-english/">Hanuman Chalisa in English</a></li>
</ul>
<ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect" for="listen_watch">
<li><a class="mdl-menu__item" href="hanuman-bhajans/">Bhajans</a></li>
<li><a class="mdl-menu__item" href="hanuman-chalisa-bhajan-mp3-audio/">Hanuman Chalisa</a></li>
</ul>
<ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect" for="download">
<li><a class="mdl-menu__item" href="shri-hanuman-chalisa-download-mp3-song/">Hanuman Chalisa</a></li>
<li><a class="mdl-menu__item" href="hanuman-bhajans-download/">Bhajans</a></li>
<li><a class="mdl-menu__item" href="hanuman-wallpapers-download/">Wallpapers</a></li>
</ul>
<div class="android-drawer mdl-layout__drawer">
<span class="mdl-layout-title">
<img class="android-logo-image" src="assets/images/hanumanchalisa.png">
</span>
<nav class="mdl-navigation">
<a class="mdl-navigation__link" href="who-is-hanuman/"><b>About Hanuman</b></a>
<hr>
<a class="mdl-navigation__link" href="read/" style="color: rgb(255,111,0)"><b>Read</b></a>
<a class="mdl-navigation__link" href="hanuman-incarnation-of-shiva/"><b>Hanuman - Incarnation of Shiva</b></a>
<a class="mdl-navigation__link" href="../hanuman-interesting-facts/"><b>Interesting Facts About Hanuman</b></a>
<hr>
<a class="mdl-navigation__link" href="worship-hanuman/" style="color: rgb(255,111,0)"><b>Worship</b></a>
<a class="mdl-navigation__link" href="why-worship-hanuman/"><b>Why Worship Hanuman</b></a>
<a class="mdl-navigation__link" href="how-to-worship-hanuman/"><b>How To Worship Hanuman</b></a>
<a class="mdl-navigation__link" href="hanuman-chalisa/"><b>Hanuman Chalisa</b></a>
<a class="mdl-navigation__link" href="hanuman-chalisa-in-hindi/"><b>Hanuman Chalisa in Hindi | हनुमान
चालीसा</b></a>
<a class="mdl-navigation__link" href="hanuman-chalisa-english-with-meaning/"><b>Hanuman Chalisa With Meaning
(English)</b></a>
<a class="mdl-navigation__link" href="shri-hanuman-chalisa-in-english/"><b>Hanuman Chalisa in English</b></a>
<hr>
<a class="mdl-navigation__link" href="listen-watch/" style="color: rgb(255,111,0)"><b>Listen & Watch</b></a>
<a class="mdl-navigation__link" href="hanuman-bhajans/"><b>Bhajans</b></a>
<a class="mdl-navigation__link" href="hanuman-chalisa-bhajan-mp3-audio/"><b>Hanuman Chalisa</b></a>
<hr>
<a class="mdl-navigation__link" href="download/" style="color: rgb(255,111,0)"><b>Download</b></a>
<a class="mdl-navigation__link" href="shri-hanuman-chalisa-download-mp3-song/"><b>Hanuman Chalisa</b></a>
<a class="mdl-navigation__link" href="hanuman-bhajans-download/"><b>Bhajans</b></a>
<a class="mdl-navigation__link" href="hanuman-wallpapers-download/"><b>Wallpapers</b></a>
</nav>
</div>
<div class="android-content mdl-layout__content">
<div class="page-content">
<section class="banner-wrapper parallax-bg banner-1 fullscreen-banner valign-wrapper"
data-stellar-background-ratio="0.5"
style="height: 100%; background-position: center;background-repeat: no-repeat;">
<div class="valign-cell">
<div class="container">
<div class="text-center">
<h1 class="intro-title text-capitalize white-text">Jai Hanuman!</h1>
<span class="sub-intro lead white-text">Eternal Place for the devotees of Lord Hanuman.</span>
<a href="/who-is-hanuman/" class="btn btn-lg waves-effect waves-light mt-30">Learn More</a>
</div>
</div>
</div>
</section>
<section id="hanuman">
<div class="container">
<div class="row">
<div class="col-md-7">
<h1 class="font-30 mb-30">Lord Hanuman</h1>
<p>Welcome to the Eternal Place for the devotees of Ram Bhakt <a href="../">Hanuman</a>. Hanuman is
known for his courage, strength and ultimate devotion to <a
href="https://en.wikipedia.org/wiki/Rama">Shri Rama</a>. At the same time, he is really intelligent,
a great yogi and a brahmachari. He is one of the most worshipped gods in the <a
href="http://veda.wikidot.com/sanatana-dharma">Sanatana Dharma</a> and is believed to be an
incarnation of <a href="https://en.wikipedia.org/wiki/Shiva">Lord Shiva</a>.</p>
<p>Hanuman is one of the seven chiranjivis (immortals). He is also known as "Sankat Mochan" meaning "the
remover of obstacles", who removes darkness(ignorance) by his light (knowledge). Hanuman plays a major
role along with Lord Rama, <a href="https://en.wikipedia.org/wiki/Sita">Mother Sita</a> and <a
href="https://en.wikipedia.org/wiki/Lakshmana">Lakshmana</a> in the Greatest Epic known to man, <a
href="https://en.wikipedia.org/wiki/Ramayana">The Ramayana"</a>. Hanuman Ji helped Lord Rama in
finding Mother Sita, getting him and his army from India to Sri Lanka by building a bridge on the
Indian Ocean with the help of other vanaras, curing Lakshmana by procuring the Sanjeevani herb and
defeating the demon king, Ravana. After Rama's victory over Ravana, when Lord Rama and Mother Sita
returned to Ayodhya, Hanuman continued to serve them, always at their service. Hanuman is still very
active on the Earth, protecting the devotees of Lord Rama.</p>
</div>
<div class="col-md-5">
<img src="assets/images/mockup/hanumaan.jpg" class="img-responsive center-block mt-30 mb-30"
alt="Hanuman">
</div>
</div>
</div>
<div class="mocup-wrapper text-center">
<img src="assets/images/mockup/ram_hanuman.jpg" alt="Ram and Hanuman">
</div>
</section>
<section>
<div class="container">
<div class="text-center">
<h2></h2>
<h2 class="font-30 mb-30">Things to do while you are here!</h2>
</div>
<div class="row">
<div class="col-md-12">
<div class="border-tab primary-nav">
<!-- Nav tabs -->
<ul class="nav nav-tabs nav-justified" role="tablist">
<li role="presentation" class="active"><a href="#tab-10" class="waves-effect waves-light" role="tab"
data-toggle="tab">Read</a></li>
<li role="presentation"><a href="#tab-11" class="waves-effect waves-light" role="tab"
data-toggle="tab">Worship</a></li>
<li role="presentation"><a href="#tab-12" class="waves-effect waves-light" role="tab"
data-toggle="tab">Listen & Watch</a></li>
<li role="presentation"><a href="#tab-13" class="waves-effect waves-light" role="tab"
data-toggle="tab">Download</a></li>
</ul>
<!-- Tab panes -->
<div class="panel-body">
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active" id="tab-10">
<p>Read and learn about Lord <font color="orange">"Hanuman"</font>, the greatest devotee of
<font color="orange">Lord Shri Ram</font>. Learn about the various names of Hanuman and how he
got them. Learn about the power, strength and glory of Hanuman Ji. Learn about the mighty
adventures of Hanuman and how he helped Lord Rama win the war againt Ravana, the evil demon
king of Lanka. Read about how he came to be known as <font color="orange">Sankat Mochan</font>
(the remover of obstacles).
</p>
<p>Learn about the birth of Hanuman and how he got his powers. Learn about his naughty
adventures as a child, how he ate the sun and started playing with Airavat (Lord Indra's
vehicle) considering it to be a toy. Learn about the lesser known facts about Hanuman like he
had a son named Makardhwaja.</p>
</div>
<div role="tabpanel" class="tab-pane fade" id="tab-11">
<p>Worship Lord Hanuman! This website provides different methods of worshipping the almighty
Lord Hanuman. He who meditates on him and repeats his name attains <font color="orange">
power,strength, glory, prosperity and success</font> in life. Those who are true believers
and followers of the monkey god and worship Hanuman from their inner heart are blessed by him
and he saves them when they land up in situations of great peril.</p>
<p>This section provides different worship methods - <font color="orange">Aartis, Chalisas and
Maha Mantras</font> of Lord Hanuman. You will find the process and the reason behind Tuesday
and Saturday fast dedicated to him. Learn the method and usefulness of the Maha Mantra of Lord
Hanuman .Read and listen the Hanuman mantra which is also known as the <font color="orange">
“Hanuman Chalisa”</font>. Reading the Hanuman Chalisa every day and making the reading and
chanting of the Hanuman mantra a daily routine drives away all evil from both the inside and
the outside of a person and helps him live a happy and prosperous life.</p>
</div>
<div role="tabpanel" class="tab-pane fade" id="tab-12">
<p>Listen and watch the bhajans and videos of Lord Hanuman. This section contains a collection
of songs and videos on Lord Hanuman. We searched the INTERNET for popular music/bhajans/videos
on Lord Hanuman and found these songs and videos that are openly available to anyone over the
Internet.</p>
<p>Watch and listen famous bhajans and videos of Lord Hanuman. Listen to the Hanuman Chalisa
Online in High Definition. Watch Hanuman videos in full HD. Listen and meditate to Hanuman
bhajans, aartis and maha mantras daily.</p>
</div>
<div role="tabpanel" class="tab-pane fade" id="tab-13">
<p>Download bhajans, videos, wallpapers, ringtones of Lord Hanuman. This section contains a
collection of songs, bhajans, videos, wallpapers, ringtones etc on Lord Hanuman. We searched
the INTERNET for popular music/bhajans/videos/photos/texts on Lord Hanuman and found these
songs and videos that are openly available to anyone over the Internet.</p>
<p>Read and download famous books on Hanuman Ji. Download Hanuman ringtones and wallpapers for
your phones. Download famous bhajans and videos of Lord Hanuman. Download the Hanuman Chalisa
in High Definition. Download Hanuman videos in full HD. Download Hanuman covers for Facebook
and Twitter.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer footer-three">
<!-- <div class="primary-footer brand-bg">
<div class="container">
<a href="#top"
class="page-scroll btn-floating btn-large amber back-top waves-effect waves-light tt-animate btt smooth"
data-section="#top">
<i class="material-icons"></i>
</a>
<div class="row">
<div class="col-md-12 text-center" style="margin-top: -40px; margin-bottom: -40px;">
<p style="color: #ffd54f; font-size: 2rem;"><b>Get the latest content from us delivered right to your
inbox.</b></p>
<form id="gform" method="POST" class="pure-form pure-form-stacked" data-email="[email protected]"
action="https://script.google.com/macros/s/AKfycbxa7lnbEVRSqsCAUEaKWONCtJe2DS71aLCmp3FWVXLLrx6mtuI/exec">
<div class="mdl-textfield mdl-js-textfield">
<input class="mdl-textfield__input" type="email" id="email" name="email"
style="font-size: 16px; height: 1.8rem;" value="" validate="true" data-required="true">
<label class="mdl-textfield__label" for="email" style="font-weight: 600;">Email Address</label>
</div>
<button type="submit" name="submit" class="waves-effect waves-light btn submit-button amber"
style="height: 36px; font-weight: 500; line-height: 14px; margin-bottom: 14px;">KEEP IN
TOUCH</button>
</form>
<div style="display:none;" id="thankyou_message">
<i class="fa fa-envelope-o"></i>
<b>Thanks! We'll keep in touch.</b>
</div>
<script data-cfasync="false" type="text/javascript" src="assets/js/radhakrishna.js"></script>
</div>
</div>
</div>
</div> -->
<div class="secondary-footer amber darken-3">
<div class="container">
<div class="row mt-20">
<div class="col-md-12">
<ul class="social-link tt-animate ltr" style="text-align: center;">
<li><a href="https://www.facebook.com/shrihanuman"><i class="fa fa-facebook"
style="font-size: 25px;"></i></a></li>
<li><a href="https://twitter.com/shrikrishna"><i class="fa fa-twitter"
style="font-size: 25px;"></i></a></li>
<li><a href="https://instagram.com/iiradhakrishnaii"><i class="fa fa-instagram"
style="font-size: 25px;"></i></a></li>
</ul>
</div>
</div>
<div class="row mt-20">
<div class="col-md-6" align="center">
<span class="copy-text">Copyright © 2021 <a href="https://bhagavadgita.io">The Gita
Initiative</a> | All Rights Reserved.</span>
</div>
<div class="col-md-6" align="center">
<ul>
<a href="../contact/" style="color: #ffe57f;">Contact</a>
<a href="../privacy-policy/" style="color: #ffe57f;">Privacy Policy</a>
</ul>
</div>
</div>
</div>
</div>
</footer>
<div id="preloader">
<div class="preloader-position">
<img src="assets/images/logo-colored.png" alt="Hanuman Logo">
<div class="progress">
<div class="indeterminate"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/vendor/js/jquery-2.1.3.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/vendor/materialize/js/materialize.min.js"></script>
<script src="assets/vendor/js/menuzord.js"></script>
<script src="assets/vendor/js/bootstrap-tabcollapse.min.js"></script>
<script src="assets/vendor/js/jquery.easing.min.js"></script>
<script src="assets/vendor/js/jquery.sticky.min.js"></script>
<script src="assets/vendor/js/imagesloaded.js"></script>
<script src="assets/vendor/js/jquery.stellar.min.js"></script>
<script src="assets/vendor/js/scripts.js"></script>
<script defer src="assets/js/hanuman.js"></script>
<style>
.rotate {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
#top>div.mdl-layout__container>div>div.mdl-menu__container.is-upgraded.is-visible>ul>li>a {
color: black;
}
#top>div.mdl-layout__container>div>div.mdl-menu__container.is-upgraded.is-visible>ul>li:hover>a {
color: #FF6F00;
}
.social-link li a i {
width: 40px;
height: 40px;
line-height: 40px;
}
#top>div.mdl-layout__container>div>div.android-content.mdl-layout__content>div>footer>div.secondary-footer.amber.darken-3>div>div:nth-child(1)>div>ul>li:nth-child(1)>a>i:hover {
color: #fff;
background: #3B5998;
}
#top>div.mdl-layout__container>div>div.android-content.mdl-layout__content>div>footer>div.secondary-footer.amber.darken-3>div>div:nth-child(1)>div>ul>li:nth-child(2)>a>i:hover {
color: #fff;
background: #55ACEE;
}
#top>div.mdl-layout__container>div>div.android-content.mdl-layout__content>div>footer>div.secondary-footer.amber.darken-3>div>div:nth-child(1)>div>ul>li:nth-child(3)>a>i:hover {
color: #fff;
background: #125688;
}
#thankyou_message {
color: #ffd54f;
}
#undefined-accordion>div>div.panel-heading>h4>a {
vertical-align: middle;
}
h1,
p,
h2 {
color: #414141;
}
body {
font-weight: 300;
font-family: Roboto, Arial, Helvetica, sans-serif;
}
#top>div.mdl-layout__container>div>div.android-content.mdl-layout__content>div>section.padding-top-70>div.mocup-wrapper.text-center>img {
margin-top: 30px;
margin-bottom: 30px;
}
#hanuman {
margin-top: 30px;
}
</style>
<script type="text/javascript">
read = 0;
$('#read').click((e) => {
if (read === 0) {
$('#read_caret').addClass('rotate');
read = 1;
e.preventDefault();
e.stopPropagation();
};
$(document).click(() => {
if (read === 1) {
$('#read_caret').removeClass('rotate');
read = 0;
}
});
});
worship = 0;
$('#worship').click((e) => {
if (worship === 0) {
$('#worship_caret').addClass('rotate');
worship = 1;
e.preventDefault();
e.stopPropagation();
};
$(document).click(() => {
if (worship === 1) {
$('#worship_caret').removeClass('rotate');
worship = 0;
}
});
});
listen = 0
$('#listen_watch').click((e) => {
if (listen === 0) {
$('#listen_caret').toggleClass('rotate');
listen = 1;
e.preventDefault();
e.stopPropagation();
}
$(document).click(() => {
if (listen === 1) {
$('#listen_caret').toggleClass('rotate');
listen = 0;
}
});
});
download = 0;
$('#download').click((e) => {
if (download === 0) {
$('#download_krishna').toggleClass('rotate');
download = 1;
e.preventDefault();
e.stopPropagation();
}
$(document).click(() => {
if (download === 1) {
$('#download_krishna').toggleClass('rotate');
download = 0;
}
});
});
$(function () {
$('a.smooth').click(function () {
console.log("SMOOTH BEGIN");
var speed = 1000;
var href = $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.get(0).offsetTop - 130;
$(".mdl-layout__content").animate({ scrollTop: position }, speed, "swing");
console.log("SMOOTH END");
});
});
$(function () {
componentHandler.registerUpgradedCallback('MaterialTextfield', function (textfield) {
var input = $(textfield).find('.mdl-textfield__input');
if (input.data('required') != null) input.attr('required', true);
});
});
</script>
</html>