-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
207 lines (205 loc) · 13.4 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
<!DOCTYPE html><html><head>
<!--link rel="https://raw.githack.com/quranacademy/test-arabic-fonts/master/fonts/noorehuda.ttf">
<!--link rel="https://rawcdn.githack.com/quranacademy/test-arabic-fonts/2a12df5094ab93bdded9575166c5f402af7cdcdd/fonts/noorehuda.ttf"-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="theme-color" content="#008000">
<title>Jum'ah Khutbah</title>
<link rel="stylesheet" type="text/css" href="./style.css">
<link rel="icon" href="./assets/icon_192.png" type="image/png" sizes="16x16">
<link rel="manifest" href="./manifest.json" type="application/json">
<script src="./sw.js" defer></script>
<script src="./assets/jquery-3.1.0.js" defer></script>
<script src="./myscript.js" defer></script>
</head>
<body>
<!--div>
<span id="close">X</span>
<span>Install the Web App</span>
<button id="installer">Install</button>
</div>
<div id="overlay"></div-->
<h1>Jum'ah Khutbah</h1>
It consists of two parts.<br>
In the first part:
<div class="list">Imam greets the attendants.</div>
<!--div class="list">He begins by saying :</div>
<div class="arabic"><p>بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِ</p></div>
<div class="translit"><p>Bismi Allāhi Ar-Raĥmani Ar-Raĥīmi</p></div>
<div class="trans"><span class="mean">Meaning :</span> In the name of Allah, The Compassionate, The Merciful.</div-->
<div class="list">Imam <span class="highlight">sits down</span> while the Azaan is being called by mu'azhzhin</div>
<div class="list">He then delivers the First Khutbah :</div>
<div class="arabic">
<p>
اِنَّ الْحَمْدَ لِلّٰهِ نَحْمَدُہٗ وَنَسْتَعِيْنُہٗ وَنَسْتَغْفِرُہٗ <br>
وَنَعُوْذُ بِا للّٰهِ مِنْ شُرُوْرِ اَنْفُسِنَا وَمِنْ سَيِّئَاتِ اَعْمَالِنَا <br>
مَنْ يَّهْدِهِ اللّٰهُ فَلَا مُضِلَّ لَہٗ <br>
وَمَنْ يُّضْلِلْ فَلَا هَادِىَ لَہٗ<br>
وَاَشْهَدُ اَنْ لَا اِلٰهَ اِلَّااللّٰهُ وَحْدَہٗ لَا شَرِيْکَ لَہٗ <br>
وَاَشْهَدُ اَنَّ مُحَمَّدًا عَبْدُہٗ وَرَسُوْلُہٗ<br>
</p>
</div>
<div class="translit">
<p>
Innalhamdu lillaahi nahmaduhu wa nasta ‘eenuhu wa nastaghfiruhu<br>
Wa na ‘uuzhu Billaahi min shuruuri anfusinaa wamin sayyi ‘aati a ‘maalina.<br>
May yahdihillaahu falaa mudilla lahu<br>
wa may yudlilhu falaa haadiya lah.<br>
Wa Ash hadu allaa ilaaha illallaahu wahdahu laa shariika lahu<br>
wa Ash-hadu anna Muhammadan ‘abduhuu wa Rasuuluh.<br>
</p>
</div>
<div class="trans">
<p>
<span class="mean">Meaning :</span> Praise belongs to Allah, we praise him, and we ask him for guidance and forgiveness. And we seek protection in Allah from the malice of our own souls, and the evil of our actions. Whom Allah guides, no one can lead him astray, and whom He makes astray, no one can lead him back to the right path. I bear witness that there is no other deity but Allah, by himself, no associate to him, and I bear witness that Muhammad is his slave and Messenger.
</p>
</div>
<div class="arabic">
<p>
یٰٓاَیُّھَا الَّذِيْنَ اٰمَنُوْا اتَّقُوْاللّٰھَ حَقَّ تُقَا تِه ٖ وَلَا تَمُوْ تُنَّ اِلَّا وَاَنْتُ مُسْلِمُوْنَ
</p>
</div>
<div class="translit">
<p>
‘Yaa ayyuha’lladheena aamanu-ttaqu’Llaaha haqqa tuqaatihi wa laa tamootunna illaa wa antum muslimoon
</p>
</div>
<div class="trans">
<p>
<span class="mean">Meaning :</span> O you who believed! Fear Allah as He should be feared, and die not except as Muslims.
</p>
</div>
<div class="arabic">
<p>
يَا اَيُّھَا النَّاسُ اتَّقُوْارَبَّكُمُ الَّذِىْ خَلَقَکُمْ مِنْ نَفْسٍ وَاحِدَةٍوَخَلَقَ مِنْھَا زَوْجَھَا وَبَثَّ مِنْهُمَا رِجَالًاکَثِيْرًا وَنِسَآءً وَاتَّقُوْا اللّٰھَ الَّذِىْ تَسَآءَلُوْنَ بِه ٖ وَالْاَرْحامِ ـ اِنَّ اللَّھَ کَانَ عَلَيْکُمْ رَقِيْبًا
</p>
</div>
<div class="translit">
<p>
‘Yaa ayyuha’n-naas uttaqu rabbakum alladhi khalaqakum min nafsin waahidatin wa khalaqa minhaa zawjahaa wa baththa minhumaa rijaalan katheeran wa nisaa’an wa’ttaqu-Llaah alladhi tasaa’aloona bihi wa’l-arhaama inna Allaaha kaana ‘alaykum raqeeban
</p>
</div>
<div class="arabic">
<p>
یٰٓاَيُّھَاالَّذِيْنَ اٰمَنُوْا اتَّقُوْا اللّٰھَ وَقُوْ لُوْا قَوْلًا سَدِيْدًا
<br> يُصْلِحْ لَكُمْ اَعْمَا لَكُمْ وَيَغْفِرْ لَكُمْ ذُنُوْ بَكُمْ وَمَنْ يُّطِعِ اللّٰهَ وَرَسُوْلَہٗ فَقَدْ فَازَ فَوْزًا عَظِيْمًا
</p>
</div>
<div class="translit">
<p>
‘Yaa ayyahu’lladheena aamanu-ttaqu’Llaaha wa qooloo qawlan sadeedan<br>
yuslih lakum a’maalakum wa yaghfir lakum dhunoobakum, wa man yuti’i-llaaha wa rasoolahu faqad faaza fowzan ‘adheemaa.
</p>
</div>
<div class="trans">
<p>
<span class="mean">Meaning :</span> O you who believed! Fear Allah, and (always) say a word directed to the truth.<br>
That He may make your conduct whole and sound, and forgive you your sins: he that obeys Allah and His Messenger, has then attained the highest Achievement.
</p>
</div>
<div class="arabic">
<p>
اَمَّا بَعْدُ، فَاِنَّ خَيْرَ الْحَدِيْثِ كِتَا بُ اللّٰهِ وَخَيْرَ الْهَدْىِ هَدْىُ مُحَمَّدٍ صَلَّى اللّٰهُ عَلَيْهِ وَشَرَّالْاُمُوْرِ مُحْدَ ثَاتُهَا وَكُلَّ مُحْدَثَةٍ بِدْ عَةٗ وَكُلَّ بِدْ عَةٍضَلَا لَةٗوَكُلَّ ضَلَا لَةٍ فِىْ النَّارِ
</p>
</div>
<div class="translit">
<p>
Amma bad, Fainna khairal hadeethi kitabullah, wa khairal hadi, hadi Muhammad, wa sharrul umur muhdathatuha, wa kullu bida’atin dalaala, wa kullu dalalatin finnar
</p>
</div>
<div class="list">Now Imam tells or <span class="highlight">teaches</span> people about an issue.(He may simply read and/or explain the meaning of some verse(s) of Quran or meaning of some hadiths)</div>
<div class="list">He then ends the first part of the Khutbah by saying :</div>
<div class="arabic">
<p>
وَ آخِرُ دَعْوَانَا عَنِ ألْحَمْدُ لِلَّهِ رَبِّ ٱلۡعَـٰلَمِينَ
</p>
</div>
<div class="translit">Wa Akhirü da’wana anil hamda
lillahi rabbil’alamin
</div>
<div class="trans">
<p>
<span class="mean">Meaning :</span> All praise and thanksgiving belong to ALLAH, Lord of the universe
</p>
</div>
<br>
In the second part :
<div class="list">After delivering the first part of the sermon, the Imam <span class="highlight">sits down</span> for a short while, then <span class="highlight">stands up</span> again and starts with the second part :</div>
<div class="arabic">
<p>
اِنَّ الْحَمْدَ لِلّٰهِ نَحْمَدُہٗ وَنَسْتَعِيْنُہٗ وَنَسْتَغْفِرُہٗ <br>
وَنَعُوْذُ بِا للّٰهِ مِنْ شُرُوْرِ اَنْفُسِنَا وَمِنْ سَيِّئَاتِ اَعْمَالِنَا <br>
مَنْ يَّهْدِهِ اللّٰهُ فَلَا مُضِلَّ لَہٗ <br>
وَمَنْ يُّضْلِلْ فَلَا هَادِىَ لَہٗ<br>
وَاَشْهَدُ اَنْ لَا اِلٰهَ اِلَّااللّٰهُ وَحْدَہٗ لَا شَرِيْکَ لَہٗ <br>
وَاَشْهَدُ اَنَّ مُحَمَّدًا عَبْدُہٗ وَرَسُوْلُہٗ<br>
</p>
</div>
<div class="translit">
<p>
Innalhamdu lillaahi nahmaduhu wa nasta ‘eenuhu wa nastaghfiruhu<br>
Wa na ‘uuzhu Billaahi min shuruuri anfusinaa wamin sayyi ‘aati a ‘maalina.<br>
May yahdihillaahu falaa mudilla lahu<br>
wa may yudlilhu falaa haadiya lah.<br>
Wa Ash hadu allaa ilaaha illallaahu wahdahu laa shariika lahu<br>
wa Ash-hadu anna Muhammadan ‘abduhuu wa Rasuuluh.<br>
</p>
</div>
<div class="trans">
<p>
<span class="mean">Meaning :</span> Praise belongs to Allah, we praise him, and we ask him for guidance and forgiveness. And we seek protection in Allah from the malice of our own souls, and the evil of our actions. Whom Allah guides, no one can lead him astray, and whom He makes astray, no one can lead him back to the right path. I bear witness that there is no other deity but Allah, by himself, no associate to him, and I bear witness that Muhammad is his slave and Messenger.
</p>
</div>
<div class="arabic">
<p>
اَمَّا بَعْدُ، فَاِنَّ خَيْرَ الْحَدِيْثِ كِتَا بُ اللّٰهِ وَخَيْرَ الْهَدْىِ هَدْىُ مُحَمَّدٍ صَلَّى اللّٰهُ عَلَيْهِ وَشَرَّالْاُمُوْرِ مُحْدَ ثَاتُهَا وَكُلَّ مُحْدَثَةٍ بِدْ عَةٗ وَكُلَّ بِدْ عَةٍضَلَا لَةٗوَكُلَّ ضَلَا لَةٍ فِىْ النَّارِ
</p>
</div>
<div class="translit">
<p>
Amma bad, Fainna khairal hadeethi kitabullah, wa khairal hadi, hadi Muhammad, wa sharrul umur muhdathatuha, wa kullu bida’atin dalaala, wa kullu dalalatin finnar
</p>
</div>
<div class="list">After reading the above verses, he reads '<span class="highlight">Daruud Shareef</span>', which is : </div>
<div class="arabic">
<p>
اَللّٰھُمَّ صَلِّ عَلٰی مُحَمَّدٍ وَّعَلٰٓی اٰلِ مُحَمَّدٍ کَمَا صَلَّیْتَ عَلٰٓی اِبْرَاھِیْمَ وَعَلٰٓی اٰلِ اِبْرَاھِیْمَ اِنَّکَ حَمِیْدٌ مَّجِیْدٌ
<br>اَللّٰھُمَّ بَارِکْ عَلٰی مُحَمَّدٍ وَّعَلٰٓی اٰلِ مُحَمَّدٍ کَمَا بَارَکْتَ عَلٰٓی اِبْرَاھِیْمَ وَعَلٰٓی اٰلِ اِبْرَاھِیْمَ اِنَّکَ حَمِیْدٌ مَّجِیْدٌ
</p>
</div>
<div class="translit">
<p>
Allaahumma salli 'alaa Muhammadin wa 'alaa 'aali Muhammadin, kamaa sallayta 'alaa 'Ibraaheema wa 'alaa 'aali 'Ibraaheema, 'innaka Hameedun Majeed.<br>
Allaahumma baarik 'alaa Muhammadin wa 'alaa 'aali Muhammadin, kamaa baarakta 'alaa 'Ibraaheema wa 'alaa 'aali 'Ibraaheema, 'innaka Hameedun Majeed
</p>
</div>
<div class="trans">
<p>
<span class="mean">Meaning :</span> O Allah, let Your Blessings come upon Muhammad (Peace Be Upon Him) and the family of Muhammad (Peace Be Upon Him), as you have blessed Ibrahim and his family. Truly, You are Praiseworthy and Glorious.<br>
Allah, bless Muhammad and the family of Muhammad, as you have blessed Ibrahim and his family. Truly, You are Praiseworthy and Glorious.
</p>
</div>
<div class="list">Thus, the sermon ends. Finally, The preacher concludes by reading the following verse :</div>
<div class="arabic">
<p>
عِبَادَاللَّهِ ، اِنَّ اللَّهَ يَأْمُرُبِالْعَدْلِ وَاْلإِحْسَانِ وَ اِيتَاءِذِي الْقُرْبَى وَيَنْهَى عَنِ الْفَحْشَاءِوَالْمُنْكَرِوَالْبَغْيِ، يَعِظُكُمْ لَعَلَّكُمْ تَذَكَّرُونَ
<br>
اُذْكُرُوا اللّٰهَ الْعَظِمَ يَذْكُرْكُمْ واشْكُرُوْهُ يَزِدْكُمْ وَاسْتَغْفِرُوهُ يَغْفِرْ لَكُمْ وَاتَّقُوْهُ يَجْعَلْ لَكُمْ مِنْ أَمْرِ كُمْ مَخْرَجًا ، وَأَقِمِ اصَّلَاةَ
</p>
</div>
<div class="translit">
<p>
'Ibadallah. Innal-laha yamuru bil 'adli wal ihsani wa itae dhil qurba wa yanha 'anil fahshaa-e wal munkari wal baghi, ya 'ezukum la 'allakum tadakkarun.<br>
Udkurullahal 'azema yadh kurkum, wash kuruuhu yazid kum, was taghfiruhu yaghfir lakum, wattaquhu yaj'allakum min amri kum makhraja. Wa aqimis-salah
</p>
</div>
<div class="trans">
<p>
<span class="mean">Meaning :</span> Slaves of Allah! "Allah commands justice, the doing of good, and liberality to kith and kin, and He forbids all shameful deeds, and injustice and rebellion: He instructs you, that you may remember." [Quran 16:90]. Remember Allah the supreme (in glory) and He will remember you, and be thankful to Him, and He will increase you in bounty, and seek His forgiveness, He will forgive you, and have Taqwa of Him (Godfearing, devoutness, piety), He will make for you a way out of your issues. Establish the prayer.
</p>
</div>
<div class="list">Imam stands for jum'ah salaah.</div>
<div class="list">Mu'azhzhin calls Iqaamah and imam commences 2 rakaats salaah.</div>
<div>
<input type="range" value="20" max="25" min="15" step="0.5" id="fontSlider"></div>
</body></html>