-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathkalima.html
143 lines (124 loc) · 7.91 KB
/
kalima.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Amiri&display=swap" rel="stylesheet">
<title>Kalimas</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
color: #333;
}
.kalima-container {
width: 100%;
margin: 0 auto;
padding: 5px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.kalima {
margin-bottom: 20px;
padding: 15px;
border: 1px solid #ddd;
border-radius: 8px;
background-color: #fafafa;
}
.kalima h2 {
color: #4CAF50;
margin-bottom: 10px;
}
.kalima h2 {
color: #4CAF50;
margin-bottom: 10px;
text-align: center;
position: relative;
}
.kalima h2::before, .kalima h2::after {
content: "";
position: absolute;
top: 50%;
width: 40px;
height: 40px;
border-radius: 50%;
background-image: url('https://quran-online.pages.dev/source/download.png');
background-size: cover;
background-position: center;
}
.kalima h2::before {
left: -2px;
}
.kalima h2::after {
right: -2px;
}
.kalima p {
margin-bottom: 10px;
}
.arabic {
font-size: 24px;
text-align: center;
font-family: 'Amiri', serif;
}
.english, .urdu {
font-size: 16px;
line-height: 1.6;
}
.english {
color: #007bff;
}
.urdu {
text-align :right;
color: #333;
font-weight: bold;
font-family: 'Noto Nastaliq Urdu', serif;
}
</style>
</head>
<body>
<div class="kalima-container">
<div class="kalima">
<h2>1-First Kalima (Tayyab):</h2>
<p class="arabic">لَا إِلَٰهَ إِلَّا ٱللَّٰهُ مُحَمَّدٌ رَسُولُ ٱللَّٰهِ</p>
<p class="english">There is no God, but Allah and Muhammad (SAW) is His last Messenger.</p>
<p class="urdu">اللہ کے سوا کوئی معبود نہیں اور محمد اللہ کے رسول ہیں</p>
</div>
<div class="kalima">
<h2>2-Second Kalima (Shahadat):</h2>
<p class="arabic">اَشْهَدُ اَنْ لَّآ اِلٰهَ اِلَّا اللهُ وَحْدَہٗ لَاشَرِيْكَ لَہٗ وَاَشْهَدُ اَنَّ مُحَمَّدًا عَبْدُهٗ وَرَسُولُہٗ</p>
<p class="english">I bear witness that there is none worthy of worship except Allah, and I bear witness that Muhammad is His servant and his Messenger.</p>
<p class="urdu">میں گواہی دیتا ہو کہ اللہ کے سوا کوئی معبود نہیں وہ اکیلا ہے اسکا کوئی شریک نہیں اور میں گواہی دیتا ہو کہ محمد ﷺ اسکے بندے اور رسول ہیں</p>
</div>
<div class="kalima">
<h2>3-Third Kalima (Tamjeed):</h2>
<p class="arabic">سُبْحَان اللهِ وَالْحَمْدُلِلّهِ وَلا إِلهَ إِلّااللّهُ وَاللّهُ أكْبَرُ وَلا حَوْلَ وَلاَ قُوَّةَ إِلَّا بِاللّهِ الْعَلِيِّ الْعَظِيْم</p>
<p class="english">Glorying Allah, which is saying: Glory be to Allah, praise be to Allah, there is no god but Allah, Allah is the Greatest, and there is no might nor power except with God, the Exalted, the Great</p>
<p class="urdu">اللہ کی ذات پاک ہے اور سب تعریفے اللہ کیلئے ہے اور اللہ کے سوا کوئی معبود نہیں اور اللہ بہت بڑا ہے گناہوں سے بچنے کی طاقت اور نیک کام کرنے کی توفیق نہیں مگر کی جانب سے جو بہت بلند اور عظمت والا ہے</p>
</div>
<div class="kalima">
<h2>4-Fourth Kalima (Touheed):</h2>
<p class="arabic">آ اِلٰهَ اِلَّا اللهُ وَحْدَهٗ لَا شَرِيْكَ لَهٗ لَهُ الْمُلْكُ وَ لَهُ الْحَمْدُ يُحْىٖ وَ يُمِيْتُ وَ هُوَحَیٌّ لَّا يَمُوْتُ اَبَدًا اَبَدًاؕ ذُو الْجَلَالِ وَالْاِكْرَامِؕ بِيَدِهِ الْخَيْرُؕ وَهُوَ عَلٰى كُلِّ شیْ ٍٔ قَدِیْرٌؕ</p>
<p class="english">None has the right to be worshipped but Allah alone, who has no partner. To Him belongs the dominion and to Him is the praise. He brings life and He causes death. In His Hand is all good, and He is Able to do all things</p>
<p class="urdu">اللہ کے سوا کوئی معبود نہیں وہ اکیلا ہے اسکا کوئی شریک نہیں، اسی کی بادشاہی ہے اور اس کے لیے تمام تعریفے ہے۔ وہ زندہ کرتا ہے اور وہ مرواتا ہے۔ اور وہ ہمیشہ کیلئے زندہ ہے وہ مرے گا نہیں عظمت اور بزرگی والا ہے ، بہتری اسی کے ہاتھ میں ہے اور ہر چیز پر قادر ہے۔</p>
</div>
<div class="kalima">
<h2>5-Fifth Kalima (Istighfar):</h2>
<p class="arabic">اَسْتَغْفِرُ اللهِ رَبِّىْ مِنْ كُلِِّ ذَنْۢبٍ اَذْنَبْتُهٗ عَمَدًا اَوْ خَطَا ًٔ سِرًّا اَوْ عَلَانِيَةً وَّاَتُوْبُ اِلَيْهِ مِنَ الذَّنْۢبِ الَّذِیْٓ اَعْلَمُ وَ مِنَ الذَّنْۢبِ الَّذِىْ لَآ اَعْلَمُ اِنَّكَ اَنْتَ عَلَّامُ الْغُيُوْبِ وَ سَتَّارُ الْعُيُوْبِ و َغَفَّارُ الذُّنُوْبِ وَ لَا حَوْلَ وَلَا قُوَّةَ اِلَّا بِاللهِ الْعَلِىِِّ الْعَظِيْمِؕ</p>
<p class="english">I ask forgiveness of Allah, my Lord, for every sin I committed intentionally or wrongly, secretly or openly. And I repent to Him from the sin that I know and from the sin that I do not know.</p>
<p class="urdu">معافی مانگتا ہو اے میرے اللہ ہر گناہ سے جو میں نے جان بوجھ کر کی ہے یا بھول کر کی ہے ،در پردہ یا کھلم کھلا اور میں توبہ کرتا ہو اسکے حضور میں اس گناہ سے جو مجھے معلوم ہے اور اس گناہ سے جو مجھے معلوم نہیں</p>
</div>
<div class="kalima">
<h2>6-Sixth Kalima (Radd-e-Kuffar):</h2>
<p class="arabic">اَللّٰهُمَّ اِنِّیْٓ اَعُوْذُ بِكَ مِنْ اَنْ اُشْرِكَ بِكَ شَيْئًا وَّاَنَآ اَعْلَمُ بِهٖ وَ اَسْتَغْفِرُكَ لِمَا لَآ اَعْلَمُ بِهٖ تُبْتُ عَنْهُ وَ تَبَرَّأْتُ مِنَ الْكُفْرِ وَ الشِّرْكِ وَ الْكِذْبِ وَ الْغِیْبَةِ وَ الْبِدْعَةِ وَ النَّمِیْمَةِ وَ الْفَوَاحِشِ وَ الْبُهْتَانِ وَ الْمَعَاصِىْ كُلِِّهَا وَ اَسْلَمْتُ وَ اَقُوْلُ لَآ اِلٰهَ اِلَّا اللهُ مُحَمَّدٌ رَّسُوْلُ اللهِؕ</p>
<p class="english">O Allah, I seek refuge with You from associating others with You while knowing. I seek Your forgiveness for that of which I do not know.</p>
<p class="urdu">آے اللہ میں پناہ مانگتا ہو اس بات سے کہ میں کسی شے کو تیرا شریک بناو جان بوجھ کر،اور بخشش مانگتاہو میں تم سے اس کام کی جو میں جانتا نہیں ہواور میں نے اس سے توبہ کیا اور بیزار ہوا کفر سے، شرک سے، اور جھوٹ سے</p>
</div>
</div>
</body>
</html>