PrayerPath/athkarhtml.html at main · zaina-e/PrayerPath · GitHub

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
<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>أذكار الصباح والمساء</title>
    <link rel="stylesheet" href="athkar.css">
    <link rel="stylesheet" href="navbar.css">
    <link rel="stylesheet" href="base.css">
</head>
<body>
<!-- Navbar -->
<nav class="navbar">
    <div class="navbar-brand">
        <a href="index.html">Prayer Path</a>
    </div>
    <ul class="navbar-menu">
        <li><a href="aboutus.html">من نحن</a></li>
        <li><a href="daily.html">الورد اليومي</a></li>
        <li><a href="prayer-times.html">اوقات الصلاة</a></li>
        <li><a href="duaa.html">الادعية</a></li>
        <li><a href="athkarhtml.html">الاذكار</a></li>
    </ul>
    <div class="navbar-buttons">
        <a href="login.html">تسجيل الدخول</a>
        <a href="createacc.html">إنشاء حساب</a>

    </div>
    <div class="profile-icon">
      <a href="profile.html"><img src="icon.png" alt="صورة الملف الشخصي"></a>
  </div>
</nav>
    <main class="main">
        <header>
            <h1>أذكار الصباح والمساء وآيات قرآنية</h1>
        </header>

        <!-- First Section -->
        <section>
            <h2>أذكار الصباح</h2>
            <div class="cards">
                <div class="card">
                    اللهم بك أصبحنا وبك أمسينا وبك نحيا وبك نموت وإليك النشور.
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
                <div class="card">
                    أصبحنا على فطرة الإسلام، وعلى كلمة الإخلاص، وعلى دين نبينا محمد ﷺ، وعلى ملة أبينا إبراهيم حنيفاً مسلماً وما كان من المشركين.
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
                <div class="card">
                    اللهم إني أسألك خير هذا اليوم، فتحه ونصره ونوره وبركته وهداه، وأعوذ بك من شر ما فيه وشر ما بعده.
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
                <div class="card">
                    اللهم أنت ربي لا إله إلا أنت خلقتني وأنا عبدك وأنا على عهدك ووعدك ما استطعت، أعوذ بك من شر ما صنعت، أبوء لك بنعمتك علي وأبوء بذنبي فاغفر لي فإنه لا يغفر الذنوب إلا أنت.
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
                <div class="card">
                    رَضيـتُ بِاللهِ رَبَّـاً وَبِالإسْلامِ ديـناً وَبِمُحَـمَّدٍ صلى الله عليه وسلم نَبِيّـاً.
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
                <div class="card">
                    اللّهُـمَّ ما أَصْبَـَحَ بي مِـنْ نِعْـمَةٍ أَو بِأَحَـدٍ مِـنْ خَلْـقِك ، فَمِـنْكَ وَحْـدَكَ لا شريكَ لَـك ، فَلَـكَ الْحَمْـدُ وَلَـكَ الشُّكْـر.
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
            </div>
        </section>

        <!-- Second Section -->
        <section>
            <h2>أذكار المساء</h2>
            <div class="cards">
                <div class="card">
                    اللهم بك أمسينا وبك أصبحنا وبك نحيا وبك نموت وإليك المصير.
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
                <div class="card">
                    أعوذ بكلمات الله التامات من شر ما خلق.
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
                <div class="card">
                    رضيت بالله رباً وبالإسلام ديناً وبمحمد ﷺ نبياً.
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
                <div class="card">
                    حسبي الله لا إله إلا هو عليه توكلت وهو رب العرش العظيم.
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
                <div class="card">

اللّهُـمَّ إِنِّـي أَمسيتُ أُشْـهِدُك ، وَأُشْـهِدُ حَمَلَـةَ عَـرْشِـك ، وَمَلَائِكَتَكَ ، وَجَمـيعَ خَلْـقِك ، أَنَّـكَ أَنْـتَ اللهُ لا إلهَ إلاّ أَنْـتَ وَحْـدَكَ لا شَريكَ لَـك ، وَأَنَّ ُ مُحَمّـداً عَبْـدُكَ وَرَسـولُـك.
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
                <div class="card">
                    اللّهُـمَّ ما أَمسى بي مِـنْ نِعْـمَةٍ أَو بِأَحَـدٍ مِـنْ خَلْـقِك ، فَمِـنْكَ وَحْـدَكَ لا شريكَ لَـك ، فَلَـكَ الْحَمْـدُ وَلَـكَ الشُّكْـر.
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
            </div>
        </section>

        <!-- Third Section -->
        <section>
            <h2>آيات قرآنية وتفسيرها</h2>
            <div class="cards">
                <div class="card">
                    ﴿فَاذْكُرُونِي أَذْكُرْكُمْ وَاشْكُرُوا لِي وَلَا تَكْفُرُونِ﴾ [البقرة: 152]<br>
                    الله يأمر بذكره وشكره؛ فمن ذكره وشكره، نال رحمته وفضله، ويحذر من الكفران والجحود.
                    <br><br>
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
                <div class="card">
                    ﴿اللَّهُ لَا إِلَٰهَ إِلَّا هُوَ الْحَيُّ الْقَيُّومُ﴾ [البقرة: 255]
                    <br>
                    الله هو الإله الوحيد المستحق للعبادة، وهو الحي الذي لا يموت، القائم بتدبير شؤون خلقه.
                    <br><br>
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
                <div class="card">
                    ﴿وَقَالَ رَبُّكُمُ ادْعُونِي أَسْتَجِبْ لَكُمْ﴾ [غافر: 60]
                    <br>
                    الله يأمر عباده بالدعاء له وحده، ووعدهم بالإجابة كفضلٍ منه ورحمة، ويحثهم على إخلاص التوجه إليه دون وسيط.
                    <br><br>
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
                <div class="card">
                    ﴿وَإِذَا سَأَلَكَ عِبَادِي عَنِّي فَإِنِّي قَرِيبٌ﴾ [البقرة: 186]
                    <br>
                    الله يخبر نبيه محمد ﷺ أنه إذا سأل العباد عن الله، فإنه قريب منهم يسمع دعاءهم ويستجيب لهم، بشرط أن يدعوه بإخلاص وإيمان.
                    <br><br>
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
                <div class="card">
                    ﴿إِنَّ اللَّهَ مَعَ الصَّابِرِينَ﴾ [البقرة: 153]
                    <br>
                    الله عز وجل يؤكد أنه مع الصابرين بعونه ونصره، ويثبتهم على الطاعة ويكافئهم على تحمل الشدائد.
                    <br><br>
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
                <div class="card">
                    ﴿وَمَا تَفْعَلُوا مِنْ خَيْرٍ فَإِنَّ اللَّهَ بِهِ عَلِيمٌ﴾ [البقرة: 197]
                    <br>
                    كل عمل خير يقوم به الإنسان لا يخفى على الله عز وجل، وهو يحصي ذلك ويجازي عليه بأفضل الجزاء.
                    <br><br>
                    <button class="copy-btn" onclick="copyText(this)">نسخ</button>
                </div>
            </div>
        </section>
    </main>

    <script>
        // Function to copy the text content of a card
        function copyText(button) {
            const card = button.parentElement;
            const textToCopy = card.textContent.replace("نسخ", "").trim();
            navigator.clipboard.writeText(textToCopy).then(() => {
                alert("تم نسخ النص!");
            }).catch(err => {
                alert("حدث خطأ أثناء النسخ.");
            });
        }
    </script>
</body>
</html>