<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Manuel Complet - Qur'aan for Children</title>
    <style>
        @page { size: A4; margin: 10mm; }
        body { font-family: 'Segoe UI', Arial, sans-serif; color: #111; line-height: 1.5; background: #fff; margin: 0; }
        .page { page-break-after: always; min-height: 260mm; padding: 10mm; border: 1px solid #ddd; position: relative; box-sizing: border-box; }
        .header-box { border: 3px double #000; text-align: center; padding: 6px 15px; font-weight: bold; font-size: 20px; width: fit-content; margin: 0 auto 15px auto; }
        .grid-6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; direction: rtl; margin-bottom: 15px; }
        .grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; direction: rtl; margin-bottom: 15px; }
        .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; direction: rtl; margin-bottom: 15px; }
        .grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; direction: rtl; margin-bottom: 15px; }
        .grid-1 { display: grid; grid-template-columns: 1fr; direction: rtl; margin-bottom: 15px; }
        .cell { border: 1px solid #333; height: 48px; display: flex; align-items: center; justify-content: center; font-size: 22px; font-family: 'Amiri', 'Traditional Arabic', serif; text-align: center; }
        .verse-box { border: 1px solid #333; padding: 12px; text-align: center; font-size: 24px; font-family: 'Amiri', serif; direction: rtl; margin-top: 15px; line-height: 2; }
        hr { border: 0; border-top: 1px solid #aaa; margin: 15px 0; }
    </style>
</head>
<body>

    <!-- PAGE 33 -->
    <div class="page">
        <div class="header-box">Waw Madd</div>
        <div class="grid-6">
            <div class="cell">أُو</div><div class="cell">بُو</div><div class="cell">تُو</div><div class="cell">ثُو</div><div class="cell">جُو</div><div class="cell">حُو</div>
            <div class="cell">خُو</div><div class="cell">دُو</div><div class="cell">ذُو</div><div class="cell">رُو</div><div class="cell">زُو</div><div class="cell">سُو</div>
            <div class="cell">شُو</div><div class="cell">صُو</div><div class="cell">ضُو</div><div class="cell">طُو</div><div class="cell">ظُو</div><div class="cell">عُو</div>
            <div class="cell">غُو</div><div class="cell">فُو</div><div class="cell">قُو</div><div class="cell">كُو</div><div class="cell">لُو</div><div class="cell">مُو</div>
            <div class="cell">نُو</div><div class="cell">هُو</div><div class="cell">وُو</div><div class="cell">يُو</div>
        </div>
        <hr>
        <div class="grid-5">
            <div class="cell">أُوتِيَ</div><div class="cell">بُورِكَ</div><div class="cell">تُورُونَ</div><div class="cell">رُوحَنَا</div><div class="cell">وُجُوهٌ</div>
            <div class="cell">حُورٌ</div><div class="cell">دُولَةً</div><div class="cell">لَذَّو</div><div class="cell">زُورًا</div><div class="cell">يَصُومُونَ</div>
            <div class="cell">صُورِ</div><div class="cell">طُورِ</div><div class="cell">أَعُوذُ</div><div class="cell">تَفُورُ</div><div class="cell">يَقُولُونَ</div>
            <div class="cell">تَكُونُ</div><div class="cell">مَوْقُوفُونَ</div><div class="cell">نُوحٌ</div><div class="cell">صَابِئُونَ</div><div class="cell">سَاهُونَ</div>
            <div class="cell">زَيْتُونِ</div><div class="cell">قُلُوبُ</div><div class="cell">رَبَّانِيُّونَ</div><div class="cell">كُتُبُهُ</div><div class="cell">إِنَّهُۥ</div>
        </div>
    </div>

    <!-- PAGE 34 -->
    <div class="page">
        <div class="header-box">Short and Long vowels</div>
        <div class="grid-6">
            <div class="cell">عَمَّ</div><div class="cell">عَمَّا</div><div class="cell">فِيمَ</div><div class="cell">فِيمَا</div><div class="cell">مِمَّ</div><div class="cell">مِمَّا</div>
            <div class="cell">كَانَ</div><div class="cell">كَانَا</div><div class="cell">إِنَّ</div><div class="cell">إِنَّا</div><div class="cell">ظَنَّ</div><div class="cell">ظَنَّا</div>
        </div>
        <hr>
        <div class="grid-5">
            <div class="cell">تَابَا</div><div class="cell">قَالَا</div><div class="cell">كُلَّا</div><div class="cell">لَيَكُونًا</div><div class="cell">فَقُولَا</div>
            <div class="cell">رَسُولًا</div><div class="cell">اذْهَبَا</div><div class="cell">شِئْتُمَا</div><div class="cell">فَلَا تَقْرَبَا</div><div class="cell">أَطَاعُونَا</div>
            <div class="cell">أَلِيمٌ</div><div class="cell">عَلِيمٌ</div><div class="cell">تِينٍ</div><div class="cell">طِينٍ</div><div class="cell">ٱلتَّلَاقِ</div>
            <div class="cell">ٱلطَّلَاقُ</div><div class="cell">إِثْمٌ</div><div class="cell">أَسْمُ</div><div class="cell">بِعِصَمِ</div><div class="cell">ءَاثِمٌ</div>
            <div class="cell">عَاصِمٍ</div><div class="cell">هَرَبًا</div><div class="cell">بِحَرْبٍ</div><div class="cell">خَيْرٍ</div><div class="cell">غَيْرَ</div>
            <div class="cell">بَعْدُ</div><div class="cell">بَعْضُ</div><div class="cell">ذَلَّلْنَٰهَا</div><div class="cell">ظَلَلْنَا</div><div class="cell">ٱلْعَزْمِ</div>
            <div class="cell">ٱلْعَظْمُ</div><div class="cell">ٱلْقَلْبِ</div><div class="cell">ٱلْكَلْبِ</div><div class="cell">قَالُواْ</div><div class="cell">كَالُوهُمْ</div>
        </div>
    </div>

    <!-- PAGE 35 -->
    <div class="page">
        <div class="header-box">Practice</div>
        <div class="grid-5">
            <div class="cell">قَوْمِي</div><div class="cell">أَيْدِي</div><div class="cell">رُوحِي</div><div class="cell">دِينِي</div><div class="cell">ضَيْفِي</div>
            <div class="cell">تَدْعُو</div><div class="cell">يَرْجُو</div><div class="cell">تَتْلُو</div><div class="cell">نَبْلُوكُم</div><div class="cell">يَعْفُو</div>
            <div class="cell">أَنْتَ</div><div class="cell">لَسْتَ</div><div class="cell">بَطْشَ</div><div class="cell">بَعْدُ</div><div class="cell">نَحْنُ</div>
            <div class="cell">أَخْرَجَ</div><div class="cell">أَغْطَشَ</div><div class="cell">أَرْسَلَ</div><div class="cell">لَهُمُ</div><div class="cell">رَفَعْنَا</div>
            <div class="cell">يَحْسَبُ</div><div class="cell">يُوَسْوِسُ</div><div class="cell">نَعْبُدُ</div><div class="cell">فَرَغْتَ</div><div class="cell">ٱلْحَمْدُ</div>
            <div class="cell">أَنْعَمْتَ</div><div class="cell">أَعْطَيْنَٰكَ</div><div class="cell">أَنزَلْنَٰهُ</div><div class="cell">يَشْهَدُ</div><div class="cell">تَرْهَقُ</div>
            <div class="cell">تَعْرِفُ</div><div class="cell">أُقْسِمُ</div><div class="cell">يَشْرَبُ</div><div class="cell">نُصِبَتْ</div><div class="cell">سُطِحَتْ</div>
            <div class="cell">أَثَرْنَ</div><div class="cell">وَسَطْنَ</div><div class="cell">بِإِذْنِ</div><div class="cell">أَظْلَمَ</div><div class="cell">رَسُولُ</div>
            <div class="cell">سَيَعْلَمُونَ</div><div class="cell">يَسْتَوْفُونَ</div><div class="cell">يَنظُرُونَ</div><div class="cell">تَنظُرُونَ</div><div class="cell">مَرْجِعُهُمْ</div>
        </div>
    </div>

    <!-- PAGE 37 -->
    <div class="page">
        <div class="header-box">Practice</div>
        <div class="grid-5">
            <div class="cell">أَجْرٌ</div><div class="cell">حَبْلٌ</div><div class="cell">فَصْلٌ</div><div class="cell">عَدْنٍ</div><div class="cell">خُسْرٍ</div>
            <div class="cell">مَسْغَبَةٍ</div><div class="cell">مَتْرَبَةٍ</div><div class="cell">مَقْرَبَةٍ</div><div class="cell">تَضْلِيلٍ</div><div class="cell">تَقْوِيمٍ</div>
            <div class="cell">تَكْذِيبٍ</div><div class="cell">صِدْقٍ</div><div class="cell">مَرْفُوعَةٍ</div><div class="cell">مَمْنُوعَةٍ</div><div class="cell">مَشْهُودٍ</div>
            <div class="cell">مَجْنُونٍ</div><div class="cell">قَدْحًا</div><div class="cell">نَقْعًا</div><div class="cell">صُبْحًا</div><div class="cell">أَلْبَابًا</div>
            <div class="cell">أَشْتَاتًا</div><div class="cell">أَعْنَابًا</div><div class="cell">أَتْرَابًا</div><div class="cell">أَفْوَاجًا</div><div class="cell">يَمُدُّ</div>
            <div class="cell">يَدُعُّ</div><div class="cell">يَظُنُّ</div><div class="cell">يَحُضُّ</div><div class="cell">يَفِرُّ</div><div class="cell">يُكَذِّبُ</div>
            <div class="cell">تُحَدِّثُ</div><div class="cell">نُيَسِّرُ</div><div class="cell">نُقَدِّسُ</div><div class="cell">يَخْتَصُّ</div><div class="cell">يُبَيِّنُ</div>
            <div class="cell">مُتَّمٌ</div><div class="cell">بِأَنَّهُمْ</div><div class="cell">مُصَلِّينَ</div><div class="cell">مُتَّقِينَ</div><div class="cell">مُنفَكِّينَ</div>
            <div class="cell">خَفَّتْ</div><div class="cell">مُدَّتْ</div><div class="cell">حُقَّتْ</div><div class="cell">أَوْبَارِهَا</div><div class="cell">أَصْوَافِهَا</div>
        </div>
    </div>

    <!-- PAGE 38 -->
    <div class="page">
        <div class="header-box">Practice</div>
        <div class="grid-5">
            <div class="cell">أَلَّا</div><div class="cell">بَلَّا</div><div class="cell">كَلَّا</div><div class="cell">إِلَّا</div><div class="cell">إِنَّا</div>
            <div class="cell">مِنَّا</div><div class="cell">عَنِّي</div><div class="cell">مِنِّي</div><div class="cell">إِنِّي</div><div class="cell">رَبِّي</div>
            <div class="cell">جَلَّٰهَا</div><div class="cell">زَكَّٰهَا</div><div class="cell">عُقْبَٰهَا</div><div class="cell">أَنَاسِيَّ</div><div class="cell">ٱللَّهِ</div>
            <div class="cell">رَبَّنَا</div><div class="cell">فَلَمَّا</div><div class="cell">إِنَّمَا</div><div class="cell">أَيُّهَا</div><div class="cell">يُقَدِّرُ</div>
            <div class="cell">أَمَّا</div><div class="cell">كُنَّا</div><div class="cell">إِنَّهَا</div><div class="cell">لَعَلَّ</div><div class="cell">فِيهِنَّ</div>
            <div class="cell">ثُمَّ</div><div class="cell">كَرَّةً</div><div class="cell">قَيِّمَةٌ</div><div class="cell">عَشِيَّةً</div><div class="cell">عِلِّيِّينَ</div>
        </div>
        <div class="verse-box">
            وَمَآ ءَاتَىٰكُمُ ٱلرَّسُولُ فَخُذُوهُ<br>
            وَمَا نَهَىٰكُمْ عَنْهُ فَٱنتَهُواْ<br>
            وَإِذْ قَالَ إِبْرَٰهِيمُ لِأَبِيهِ ءَازَرَ<br>
            فَصَلِّ لِرَبِّكَ وَٱنْحَرْ
        </div>
    </div>

    <!-- PAGE 39 -->
    <div class="page">
        <div class="header-box">Madd</div>
        <div class="grid-6">
            <div class="cell">بَا</div><div class="cell">بُو</div><div class="cell">بِي</div><div class="cell">بَٓا</div><div class="cell">بُٓو</div><div class="cell">بِٓي</div>
            <div class="cell">سَا</div><div class="cell">سُو</div><div class="cell">سِي</div><div class="cell">سَٓا</div><div class="cell">سُٓو</div><div class="cell">سِٓي</div>
        </div>
        <hr>
        <div class="grid-5">
            <div class="cell">بَٓاءَ</div><div class="cell">جَٓاءَ</div><div class="cell">سَٓاءَ</div><div class="cell">شَٓاءَ</div><div class="cell">مَٓاءَهَا</div>
            <div class="cell">سُٓوءَ</div><div class="cell">كَبَٓائِرَ</div><div class="cell">جَٓاءُوكَ</div><div class="cell">هَٓأَنتُمْ</div><div class="cell">هَٓؤُلَٓاءِ</div>
            <div class="cell">حُنَفَٓاءَ</div><div class="cell">عَطَٓاءً</div><div class="cell">غُثَٓاءً</div><div class="cell">نِسَٓاءَ</div><div class="cell">أَدَٓاءٌ</div>
            <div class="cell">سَوَٓاءٌ</div><div class="cell">جَزَٓاءً</div><div class="cell">بَلَٓاءٌ</div><div class="cell">دِمَٓاؤُكُمْ</div><div class="cell">بَٓاؤُۥ</div>
            <div class="cell">وَرَٓائِهۦ</div><div class="cell">أَوْلِيَٓاءُ</div><div class="cell">جِٓيءَ</div><div class="cell">سِٓيءَ</div><div class="cell">يُضِٓيءُ</div>
            <div class="cell">بَرِٓيءٌ</div><div class="cell">خَطِيٓئَتُهُۥ</div><div class="cell">مَلَٰٓئِكَةُ</div><div class="cell">يَٰٓعَادَمُ</div><div class="cell">ءَالَٓاءَ</div>
            <div class="cell">جَٓاءُوكَ</div><div class="cell">يَٰٓأَيُّهَا</div><div class="cell">يَٰٓأَيَّتُهَا</div><div class="cell">لَٓا إِلَٰهَ إِلَّا أَنتَ</div>
        </div>
    </div>

    <!-- PAGE 40 -->
    <div class="page">
        <div class="header-box">Madd (Lazim & Muqatta'at)</div>
        <div class="grid-5">
            <div class="cell">دَٓابَّةٌ</div><div class="cell">ضَٓالًّ۠ا</div><div class="cell">حَٓاجَّكَ</div><div class="cell">لَرَٓادُّكَ</div><div class="cell">خَٓاصَّةً</div>
            <div class="cell">كَٓافَّةً</div><div class="cell">جَٓآنٌّ</div><div class="cell">ءَٓٱللَّهُ</div><div class="cell">بِضَٓآرِّهِم</div><div class="cell">تَحَٰٓضُّونَ</div>
            <div class="cell">ءَٓاۤمِّينَ</div><div class="cell">ظَٓآنِّينَ</div><div class="cell">ءَٓٱلْـَٰنَ</div><div class="cell">ضَٓالِّينَ</div><div class="cell">تُحَٓاجُّونَ</div>
        </div>
        <hr>
        <div class="grid-5">
            <div class="cell">الم</div><div class="cell">المص</div><div class="cell">الر</div><div class="cell">المر</div><div class="cell">كهيعص</div>
            <div class="cell">ص</div><div class="cell">ن</div><div class="cell">ق</div><div class="cell">يس</div><div class="cell">حم</div>
            <div class="cell">عسق</div><div class="cell">حم عسق</div><div class="cell">طس</div><div class="cell">طسم</div><div class="cell">طه</div>
        </div>
    </div>

    <!-- PAGE 41 -->
    <div class="page">
        <div class="header-box">Hamzatul-Wasl</div>
        <div class="grid-3">
            <div class="cell">يَوْمَ ٱلَّذِينَ</div><div class="cell">صِرَٰطَ ٱلَّذِينَ</div><div class="cell">غَيْرِ ٱلْمَغْضُوبِ</div>
            <div class="cell">يُرْبِي ٱلصَّدَقَٰتِ</div><div class="cell">رَبَّ هَٰذَا ٱلْبَيْتِ</div><div class="cell">ٱلْمَلِكُ ٱلْقُدُّوسُ</div>
        </div>
        <hr>
        <div class="grid-5">
            <div class="cell">ٱلَّتِي</div><div class="cell">ٱلَّذِي</div><div class="cell">ٱللَّهُ</div><div class="cell">ٱلْأَوَّلُ</div><div class="cell">ٱلْأَخِرُ</div>
            <div class="cell">ٱلْبَابُ</div><div class="cell">ٱلْجَمَلُ</div><div class="cell">ٱلْحَمْدُ</div><div class="cell">ٱلْخَوْفُ</div><div class="cell">ٱلْعَظِيمُ</div>
            <div class="cell">ٱقْرَأْ</div><div class="cell">ٱذْهَبْ</div><div class="cell">ٱفْعَلُواْ</div><div class="cell">ٱهْدِ</div><div class="cell">ٱصْبِرُواْ</div>
            <div class="cell">ٱهْبِطُواْ</div><div class="cell">ٱذْكُرُواْ</div><div class="cell">ٱسْجُدُواْ</div><div class="cell">ٱقْتُلُواْ</div><div class="cell">ٱرْكُضْ</div>
        </div>
        <div class="verse-box">
            وَٱصْبِرْ وَٱعْلَمُوٓاْ ذِي ٱلْأَوْتَادِ ذَا ٱلْجَلَٰلِ ذُو ٱلْعَرْشِ
        </div>
    </div>

    <!-- PAGE 42 -->
    <div class="page">
        <div class="header-box">The definite article</div>
        <div class="grid-5">
            <div class="cell">ٱلْغَفُورُ</div><div class="cell">ٱلْفَتَّاحُ</div><div class="cell">ٱلْقَدِيرُ</div><div class="cell">ٱلْكَرِيمُ</div><div class="cell">ٱلْمَلِكُ</div>
            <div class="cell">ٱلْقُدُّوسُ</div><div class="cell">ٱلْهُدَىٰ</div><div class="cell">ٱلْوَدُودُ</div><div class="cell">ٱلْيَمِينُ</div><div class="cell">ٱلْقَدِيرُ</div>
            <div class="cell">ٱلتَّوَّابُ</div><div class="cell">ٱلثَّوَابُ</div><div class="cell">ٱلدَّارُ</div><div class="cell">ٱلذِّكْرُ</div><div class="cell">ٱلرَّحْمَٰنُ</div>
            <div class="cell">ٱلزَّيْتُونُ</div><div class="cell">ٱلسَّمَٰوَٰتِ</div><div class="cell">ٱلشَّمْسُ</div><div class="cell">ٱلصَّلَوٰةُ</div><div class="cell">ٱلضَّلَٰلُ</div>
            <div class="cell">ٱلطُّورِ</div><div class="cell">ٱلظِّلُّ</div><div class="cell">ٱلَّيْلِ</div><div class="cell">ٱلنَّاسِ</div><div class="cell">بِٱلنَّاسِ</div>
            <div class="cell">لِلرِّجَالِ</div><div class="cell">لِلنِّسَٓاءِ</div><div class="cell">لِلرَّحْمَٰنِ</div><div class="cell">لِلظَّٰلِمِينَ</div><div class="cell">أَقِمِ ٱلصَّلَوٰةَ</div>
        </div>
        <div class="verse-box">
            ذُو ٱلْجَلَٰلِ | ٱلْمَلِكُ ٱلْقُدُّوسُ | ذُو ٱلْعَرْشِ<br>
            وَٱلشَّمْسِ وَضُحَىٰهَا | وَٱلْقَمَرِ إِذَا تَلَىٰهَا | وَٱلنَّهَارِ إِذَا جَلَّىٰهَا<br>
            هُوَ ٱلرَّحْمَٰنُ | ذِي ٱلْأَوْتَادِ | أَقِمِ ٱلصَّلَوٰةَ<br>
            ٱلْكَبِيرُ ٱلْمُتَعَالِ | نَبَؤُاْ ٱلْخَصْمِ | وَعَمِلُواْ ٱلصَّٰلِحَٰتِ
        </div>
    </div>

    <!-- PAGE 43 -->
    <div class="page">
        <div class="header-box">Special points of note</div>
        <div class="grid-5">
            <div class="cell">ءَامَنُواْ</div><div class="cell">قُولُواْ</div><div class="cell">يَرۡوَاْ</div><div class="cell">خَلَوۡاْ</div><div class="cell">مِاْئَةٍ</div>
            <div class="cell">نَبَإِيْ۟</div><div class="cell">بِأَيۡى۟دٍ</div><div class="cell">مَلَإِيْ۟هِمۡ</div><div class="cell">أُوْلِى</div><div class="cell">أُوْلَٰٓئِكَ</div>
        </div>
        <div class="grid-2">
            <div class="cell">أُوْلُواْ ٱلۡأَلۡبَٰبِ</div><div class="cell">بِسۡمِ ٱللَّهِ مَجۡر۪ىٰهَا</div>
        </div>
        <div class="grid-5">
            <div class="cell">أَنَا۟ بَشَرٌ</div><div class="cell">أَنَا۟ عَابِدٌ</div><div class="cell">أَنَا۟ أُحۡيِۦ</div><div class="cell">وَأَنَا۟ مَعَكُم</div><div class="cell">ٱلضَّلَٰلُ</div>
            <div class="cell">صَلَوٰةَ</div><div class="cell">زَكَوٰةَ</div><div class="cell">مِشۡكَوٰةٍ</div><div class="cell">رِبَوٰاْ</div><div class="cell">حَيَوٰةَ</div>
            <div class="cell">قَوۡمًا ٱللَّهُ</div><div class="cell">خَيۡرًا ٱلۡوَصِيَّةُ</div><div class="cell">نُوحٌ ٱبۡنَهُۥ</div><div class="cell">سَوَآءً ٱلۡعَٰكِفُ</div><div class="cell">مُّتَشَٰبِهٍ ٱنظُرُوٓاْ</div>
            <div class="cell">ثَلَٰثَةٌ ٱنتَهُواْ</div><div class="cell">بَسَطتَ</div><div class="cell">أَحَطتُ</div><div class="cell">فَرَّطتُمۡ</div><div class="cell">فَرَّطتُ</div>
        </div>
        <div class="grid-2">
            <div class="cell">وَٱللَّهُ يَقۡبِضُ وَيَبۡصُۜطُ</div><div class="cell">ٱلۡمُصَيۡطِرُونَ</div>
        </div>
        <div class="grid-1">
            <div class="cell">وَكَذَٰلِكَ نُۨجِي ٱلۡمُؤۡمِنِينَ</div>
        </div>
    </div>

    <!-- PAGE 44 -->
    <div class="page">
        <div class="header-box">Practice</div>
        <div class="verse-box">
            بِسۡمِ ٱللَّهِ ٱلرَّحۡمَٰنِ ٱلرَّحِيمِ<br>
            ٱلۡحَمۡدُ لِلَّهِ رَبِّ ٱلۡعَٰلَمِينَ<br>
            ٱهۡدِنَا ٱلصِّرَٰطَ ٱلۡمُسۡتَقِيمَ<br>
            غَيۡرِ ٱلۡمَغۡضُوبِ عَلَيۡهِمۡ وَلَا ٱلضَّآلِّينَ<br>
            <hr>
            بِأَصۡحَٰبِ ٱلۡفِيلِ<br>
            رِحۡلَةَ ٱلشِّتَآءِ وَٱلصَّيۡفِ<br>
            أَرَءَيۡتَ ٱلَّذِي يُكَذِّبُ بِٱลดِّينِ<br>
            إِذَا جَآءَ نَصۡرُ ٱللَّهِ وَٱلۡفَتۡحُ<br>
            <hr>
            ٱللَّهُ ٱلصَّمَدُ<br>
            قُلۡ أَعُوذُ بِرَبِّ ٱلۡفَلَقِ<br>
            مِنَ ٱلۡجِنَّةِ وَٱلنَّاسِ<br>
            ٱقۡرَأۡ بِٱسۡمِ رَبِّكَ ٱلَّذِي خَلَقَ
        </div>
    </div>

</body>
</html>
