-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
557 lines (432 loc) · 17.5 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" />
<title>eQuran | Developed by Jmrashed | HTML, CSS, Js, Jquery, Json </title>
<!-- Bootstrap CSS CDN -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css"
integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous" />
<!-- Our Custom CSS -->
<link rel="stylesheet" href="./assets/css/eQuran.css" />
<!-- Scrollbar Custom CSS -->
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css" />
<!-- Font Awesome JS -->
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js"
integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ"
crossorigin="anonymous"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js"
integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY"
crossorigin="anonymous"></script>
</head>
<body>
<div class="wrapper">
<!-- Sidebar -->
<nav id="sidebar">
<div class="sidebar-header">
<div class="logo-container">
<span class="logo-first-part">e</span>
<span class="logo-last-part">Quran</span>
</div>
</div>
<input class="form-control" type="text" id="myInput" onkeyup="filter(this)" placeholder="Search for Surah.."
title="Type in a surah" />
<ul class="list-unstyled components" id="myUL">
<li>
<a href="javascript:selectDropdownValue(2);">Al-Fatiha الفاتحہ in Juz 1</a>
</li>
<li>
<a href="javascript:selectDropdownValue(3);">Al-Baqarah البقرۃ in Juz 1, 2 and 3.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(46);">Ale-Imran آل عمران in Juz 3 and 4.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(70);">An-Nisa ٓالنسا in Juz 4, 5 and 6.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(97);">Al-Maeda المائدۃ in Juz 6 and 7.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(116);">Al-Anaam الانعام in Juz 7 and 8.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(137);">Al-Araf الاعراف in Juz 8 and 9.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(160);">Al-Anfal الانفال in Juz 9 and 10.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(169);">Al-Taubah التوبۃ in Juz 10 and 11.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(188);">Yunus یونس in Juz 11.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(200);">Hud ھود in Juz 11 and 12.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(213);">Yusuf یوسف in Juz 12 and 13.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(225);">Ar-Rad الرعد in Juz 13.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(231);">Ibrahim ابراھیم in Juz 13.
</a>
</li>
<li>
<a href="javascript:selectDropdownValue(236);">Al-Hijr الحجر in Juz 13 and 14.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(241);">An-Nahl النحل in Juz 14.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(255);">Al-Isra الاسرا in Juz 15.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(265);">Al-Kahf الکھف in Juz 15 and 16.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(276);">Maryam مریم in Juz 16.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(282);">Taha طٰہٰ in Juz 16.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(291);">Al-Anbiya الانبیآ in Juz 17.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(300);">Al-Hajj الحج in Juz 17.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(309);">Al-Mumenoon المومنون in Juz 18.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(316);">An-Noor النور in Juz 18.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(325);">Al-Furqan الفرقان in Juz 18 and 19.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(331);">Ash-Shuara الشعرآ in Juz 19.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(340);">An-Naml النمل in Juz 19 and 20.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(348);">Al-Qasas القصص in Juz 20.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(358);">Al-Ankaboot العنکبوت in Parah Number 20 and 21.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(365);">Ar-Room الروم in Juz 21.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(371);">Luqman لقمان in Juz 21.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(374);">As-Sajda السجدۃ in Juz 21.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(377);">Al-Ahzab الاحزاب in Juz 21 and 22.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(386);">Saba سبا in Juz 22.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(392);">Fatir فاطر in Juz 22.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(397);">Ya-Seen یٰس in Juz 22 and 23.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(402);">As-Saaffat الصافات in Juz 23.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(409);">Sad ص in Juz 23.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(413);">Az-Zumar الزمر in Juz 23 and 24.
</a>
</li>
<li>
<a href="javascript:selectDropdownValue(421);">Ghafir غافر in Juz 24.
</a>
</li>
<li>
<a href="javascript:selectDropdownValue(430);">Fussilat فصلت in Juz 24 and 25.
</a>
</li>
<li>
<a href="javascript:selectDropdownValue(435);">Ash-Shura الشوری in Juz 25.
</a>
</li>
<li>
<a href="javascript:selectDropdownValue(441);">Az-Zukhruf الزخرف in Juz 25.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(447);">Ad-Dukhan الدخان in Juz 25.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(449);">Al-Jathiya الجاثیۃ in Juz 25.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(453);">Al-Ahqaf الاحقاف in Juz 26.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(457);">Muhammad محمد in Juz 26.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(461);">Al-Fath الفتح in Juz 26.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(464);">Al-Hujraat الحجرات in Juz 26.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(467);">Qaf ق in Juz 26.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(469);">Adh-Dhariyat الذاریات in Juz 26 and 27.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(476);">At-tur الطور in Juz 27.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(474);">An-Najm النجم in Juz 27.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(472);">Al-Qamar القمر in Juz 27.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(479);">Ar-Rahman الرحٰمن in Juz 27.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(486);">Al-Waqia الواقعہ in Juz 27.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(485);">Al-Hadid الحدید in Juz 27.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(489);">Al-Mujadila المجادلہ in Juz 28.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(492);">Al-Hashr الحشر in Juz 28.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(496);">Al-Mumtahana الممتحنۃ in Juz 28.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(498);">As-Saff الصف in Juz 28.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(500);">Al-Jumua الجمعۃ in Juz 28.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(501);">Al-Munafiqoon المنافقون in Juz 28.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(503);">At-Taghabun التغابن in Juz 28.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(505);">At-Talaq الطلاق in Juz 28.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(507);">At-Tahrim التحریم in Juz 28.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(509);">Al-Mulk الملک in Juz 29.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(511);">Al-Qalam القلم in Juz 29.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(513);">Al-Haaqqa الحاقۃ in Juz 29.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(515);">Al-Maarij المعارج in Juz 29.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(517);">Nooh نوح in Juz 29.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(519);">Al-Jinn الجن in Juz 29.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(521);">Al-Muzzammil المزمل in Juz 29.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(522);">Al-Muddathir المدثر in Juz 29.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(524);">Al-Qiyama القیامۃ in Juz 29.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(525);">Al-Insan الانسان in Juz 29.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(427);">Al-Mursalat المرثلات in Juz 29.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(429);">An-Naba النبا in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(530);">An-Naziat النازعات in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(531);">Abasa عبس in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(533);">At-Takwir التکویر in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(533);">AL-Infitar الانفطار in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(534);">Al-Mutaffifin المطففین in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(534);">Al-Inshiqaq الانشقاق in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(535);">Al-Burooj البروج in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(536);">At-Tariq الطارق in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(537);">Al-Ala الاعلی in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(538);">Al-Ghashiya الغاشیۃ in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(538);">Al-Fajr الفجر in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(539);">Al-Balad البلد in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(540);">Ash-Shams الشمس in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(541);">Al-Lail اللیل in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(541);">Ad-Dhuha الضحی in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(542);">Ash-Sharh الشرح in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(542);">At-Tin التین in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(543);">Al-Alaq العلق in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(543.);">Al-Qadr القدر in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(544);">Al-Bayyina البینۃ in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(544);">Al-Zalzala الزلزلۃ in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(545);">Al-Adiyaat العادیات in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(545);">Al-Qaria القارعۃ in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(545);">At-Takaathur التکاثر in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(546);">Al-Asr العصر in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(546);">Al-Humaza الھمزۃ in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(546);">Al-feel الفیل in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(547);">Quraish قریش in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(547);">Al-Maun الماعون in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(547);">Al-Kauther الکوثر in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(547);">Al-Kafiroon الکافرون in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(548);">An-Nasr النصر in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(548);">Al-Masad المسد in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(548);">Al-Ikhlaas الاخلاص in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(549);">Al-Falaq الفلق in Juz 30.</a>
</li>
<li>
<a href="javascript:selectDropdownValue(549);">An-Naas الناس in Juz 30</a>
</li>
</ul>
</nav>
<!-- Page Content -->
<div id="content">
<div class="w3-center">
<div class="w3-section">
<label for="select-page">Choose Number</label>
<select class="select-page bg-color2 w3-button" id="pages" onchange="valueSelected(this.value);">
<option selected disabled>Choose A Page</option>
</select>
<button class="w3-button w3-light-grey bg-color1" onclick="plusDivs(-1)">
Prev
<i class="fa fa-arrow-right"></i>
</button>
<button class="w3-button w3-light-grey bg-color1" onclick="plusDivs(1)">
<i class="fa fa-arrow-left"></i>
Next
</button>
</div>
</div>
<div id="container">
<div class="row text-center">
<div class="col-lg-12 text-center">
<div id="navi" class="loader text-center"></div>
</div>
</div>
<div id="quranDiv" class="w3-content" style="max-width: 800px"></div>
</div>
</div>
</div>
<!-- jQuery CDN - Slim version (=without AJAX) -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<!-- Popper.JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"
integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ"
crossorigin="anonymous"></script>
<!-- Bootstrap JS -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"
integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm"
crossorigin="anonymous"></script>
<!-- jQuery Custom Scroller CDN -->
<script
src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="assets/js/eQuran.js"></script>
</body>
</html>