eid.github.io/index.html at main · MuhammadKalimullahkhan/eid.github.io · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Eid Al-Fitr Mubarak</title>
    <link rel="stylesheet" href="assets/css/style.css">
    <script defer src="assets/js/index.js"></script>
</head>

<body>
    <year class="parallex"></year>
    <nav>
        <a href="#" class="nav-title">Eid AL-Fitr</a>
        <ul>
            <li class="nav-item">
                <a href="#hero" class="nav-link">Home</a>
            </li>
            <li class="nav-item">
                <a href="#s1" class="nav-link">Pray</a>
            </li>
            <li class="nav-item">
                <a href="#" class="nav-link" id="waShare">Share</a>
            </li>
        </ul>
    </nav>
    <section id="hero">
        <div class="img">
            <img src="assets/Images/card.png">
        </div>
        <div class="content">
            <div class="typing-effect">
                <h1 class="text">EID AL FITR</h1>
                <h2 class="text" id="text2">Mubarak</h2>
            </div>
            <name></name>
            <p class="pray">"Ya <b>Allah</b>, we thank You for Your infinite blessings and mercy. As we gather on this
                blessed day of Eid
                al-Fitr, we ask for Your continued guidance and forgiveness."
            </p>

        </div>
    </section>
    <section id="s1">
        <div class="img">
            <img src="assets/Images/Eid-al-fitr-cuate.svg" width="300px">
        </div>
        <div class="content">
            <p class="pray">
                We pray that You accept our fasts and good deeds throughout the holy month of Ramadan, and that You
                continue to shower us with Your blessings in the months ahead. Grant us the strength and courage to
                continue on the path of righteousness and to do good deeds that
                benefit our families, our communities, and all of humanity. On this joyous occasion of Eid, we pray that
                You bring peace, love, and unity to the world. May Your
                light shine upon us and guide us towards the path of success and prosperity.
            </p>
        </div>
    </section>
    <section id="s2">
        <div class="content">
            <p class="pray">
                Ya Allah, we ask for Your blessings and protection for our families, friends, and all our brothers and
                sisters in Islam. Grant them good health, happiness, and success in this life and the Hereafter.
                We ask for Your mercy and forgiveness for all our shortcomings and sins, and we seek Your guidance to
                help us become better Muslims and better human beings.

            </p>
        </div>
        <div class="img">
            <img src="assets/Images/Eid al fitr-rafiki.svg" width="300px">
        </div>
    </section>
    <section id="s3">
        <div class="img">
            <img src="assets/Images/Eid al fitr-pana.svg" width="300px">
        </div>
        <div class="content">
            <p class="pray">
                Ya Allah, bless us with Your presence and help us to be mindful of Your presence at all times. Guide us
                to be obedient and faithful to You, and to follow the teachings of our beloved Prophet Muhammad (peace
                be upon him).

                We ask for Your mercy and blessings on this blessed day of Eid al-Fitr, and we pray that You shower us
                with Your infinite love and mercy in the days and years to come.
            </p>
        </div>
    </section>

    <section>
        <div class="typing-effect">
            <h1 class="ameen text">
                Ameen Ya Allah
            </h1>
        </div>
    </section>

    <footer>
        <span style="cursor: pointer;" onclick="window.location.href = 'https://wazar.pk/'">
            &copy; Wazar Solution & Services
        </span>
        <year></year>
    </footer>

</body>

</html>