PrayerPath/daily.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
<!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">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
});
</script>
</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>

            <div class="card"><h4>آية الكرسي</h4>
                ﴿ اللَّهُ لَا إِلَهَ إِلَّا هُوَ الْحَيُّ الْقَيُّومُ لَا تَأْخُذُهُ سِنَةٌ وَلَا نَوْمٌ لَهُ مَا فِي السَّمَاوَاتِ وَمَا فِي الْأَرْضِ مَنْ ذَا الَّذِي يَشْفَعُ عِنْدَهُ إِلَّا بِإِذْنِهِ يَعْلَمُ مَا بَيْنَ أَيْدِيهِمْ وَمَا خَلْفَهُمْ وَلَا يُحِيطُونَ بِشَيْءٍ مِنْ عِلْمِهِ إِلَّا بِمَا شَاءَ وَسِعَ كُرْسِيُّهُ السَّمَاوَاتِ وَالْأَرْضَ وَلاَ يَؤُودُهُ حِفْظُهُمَا وَهُوَ الْعَلِيُّ الْعَظِيمُ ﴾
              [ البقرة: 255]. <br> <audio  controls>
              <source id=mp3 src=https://www.everyayah.com/data/Abu%20Bakr%20Ash-Shaatree_128kbps/002255.mp3 type=audio/mpeg>
              </audio>
            </div>
            <div class="card"> <h4>آواخر البقرة</h4>
              ﴿ ءَامَنَ ٱلرَّسُولُ بِمَآ أُنزِلَ إِلَيۡهِ مِن رَّبِّهِۦ وَٱلۡمُؤۡمِنُونَۚ كُلٌّ ءَامَنَ بِٱللَّهِ وَمَلَٰٓئِكَتِهِۦ وَكُتُبِهِۦ وَرُسُلِهِۦ لَا نُفَرِّقُ بَيۡنَ أَحَدٖ مِّن رُّسُلِهِۦۚ وَقَالُواْ سَمِعۡنَا وَأَطَعۡنَاۖ غُفۡرَانَكَ رَبَّنَا وَإِلَيۡكَ ٱلۡمَصِيرُ (*) لَا يُكَلِّفُ ٱللَّهُ نَفۡسًا إِلَّا وُسۡعَهَاۚ لَهَا مَا كَسَبَتۡ وَعَلَيۡهَا مَا ٱكۡتَسَبَتۡۗ رَبَّنَا لَا تُؤَاخِذۡنَآ إِن نَّسِينَآ أَوۡ أَخۡطَأۡنَاۚ رَبَّنَا وَلَا تَحۡمِلۡ عَلَيۡنَآ إِصۡرٗا كَمَا حَمَلۡتَهُۥ عَلَى ٱلَّذِينَ مِن قَبۡلِنَاۚ رَبَّنَا وَلَا تُحَمِّلۡنَا مَا لَا طَاقَةَ لَنَا بِهِۦۖ وَٱعۡفُ عَنَّا وَٱغۡفِرۡ لَنَا وَٱرۡحَمۡنَآۚ أَنتَ مَوۡلَىٰنَا فَٱنصُرۡنَا عَلَى ٱلۡقَوۡمِ ٱلۡكَٰفِرِينَ ﴾
            [ البقرة: 285 - 286]
            <audio controls>
            <source rel="noreferrer nofollow" src=https://ia801307.us.archive.org/3/items/n_7_228/7%D9%86%D8%BA%D9%85%D8%A9.mp3 type=audio/mpeg>
            </div>
            <div class="card">  <h4>سورة الإخلاص</h4>
              ﴿قُلۡ هُوَ ٱللَّهُ أَحَدٌ (1) ٱللَّهُ ٱلصَّمَدُ (2) لَمۡ يَلِدۡ وَلَمۡ يُولَدۡ (3) وَلَمۡ يَكُن لَّهُۥ كُفُوًا أَحَدُۢ ﴾
            <audio controls>
            <source rel="noreferrer nofollow" src=https://server6.mp3quran.net/wdee3/112.mp3 type=audio/mpeg></div>
              <div class="card"><h4>سورة الفلق</h4>
                ﴿قُلۡ أَعُوذُ بِرَبِّ ٱلۡفَلَقِ (1) مِن شَرِّ مَا خَلَقَ (2) وَمِن شَرِّ غَاسِقٍ إِذَا وَقَبَ (3) وَمِن شَرِّ ٱلنَّفَّـٰثَٰتِ فِي ٱلۡعُقَدِ (4) وَمِن شَرِّ حَاسِدٍ إِذَا حَسَدَ (5)﴾
                <audio controls>
                <source rel="noreferrer nofollow" src=https://server6.mp3quran.net/wdee3/113.mp3 type=audio/mpeg>
              </div>
              <div class="card"><h4>سورةالناس</h4>
               ﴿قُلۡ أَعُوذُ بِرَبِّ ٱلنَّاسِ (1) مَلِكِ ٱلنَّاسِ (2) إِلَٰهِ ٱلنَّاسِ (3) مِن شَرِّ ٱلۡوَسۡوَاسِ ٱلۡخَنَّاسِ (4) ٱلَّذِي يُوَسۡوِسُ فِي صُدُورِ ٱلنَّاسِ (5) مِنَ ٱلۡجِنَّةِ وَٱلنَّاسِ (6)﴾
                <audio controls>
              <source rel="noreferrer nofollow" src=https://server6.mp3quran.net/wdee3/114.mp3 type=audio/mpeg>
              </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>