-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
151 lines (140 loc) · 8.22 KB
/
index.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
144
145
146
147
148
149
150
151
<!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, height=device-height,user-scalable=no, initial-scale=1.0" />
<meta name="description" content="In this website you will get the Islamic information Quran and Hadith" />
<meta name="theme-color" content="#0d085c" />
<link rel="shortcut icon" type="image/png" href="assets/images/favicon.png" />
<!-- link github repository -->
<link rel="canonical" href="https://ramishscrapper.github.io/islamic-study/" />
<link rel="stylesheet" href="assets/css/style.css" />
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<title>Islamic Study</title>
<!-- Reference the manifest file; is must for PWA. -->
<link rel="manifest" href="./manifest.json" />
<!-- Reference the icons -->
<link rel="shorcut icon" href="assets/images/favicon.png" type="image/x-icon" />
<link rel="apple-touch-icon" href="assets/images/favicon.png" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NB4MWEHLL6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-NB4MWEHLL6');
</script>
</head>
<body>
<!-- Navigaiton Bar -->
<website-header></website-header>
<div class="hero-banner">
<div class="container">
<div class="typing-effect">Welcome to Islamic Study</div>
</div>
</div>
<section class="text-gray-700 body-font" data-aos="fade-up" id="translation-img">
<div class="container mx-auto flex flex-col px-5 py-14 justify-center items-center">
<img loading="lazy" loading="lazy"
class="lg:w-2/6 md:w-3/6 w-5/6 mb-10 mt-10 object-cover object-center rounded" alt="hero"
src="assets/images/bismillah.jpg" />
<div class="w-full md:w-2/3 flex flex-col mb-16 items-center text-center">
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-gray-900 translation">
Translation
</h1>
<p class="leading-relaxed">
In the Name of Allah, the Most Merciful, the Most Kind
</p>
</div>
</section>
<section class="text-gray-500 bg-gray-900 body-font " id="name-section">
<div class="container px-5 py-24 mx-auto ">
<div class="flex flex-wrap -mx-4 -mb-10 text-center ">
<div class="sm:w-1/2 mb-10 px-4 " data-aos="fade-up">
<div class="rounded-lg h-64 overflow-hidden ">
<img loading="lazy" alt="content "
class="object-cover object-center h-full w-full allahName"
src="assets/images/Allah-title-img.png" href="comingsoon.html" />
</div>
<h2 class="title-font text-2xl font-medium text-white mt-6 mb-3 ">
The Supreme ALLAH (SWT)
</h2>
<p class="leading-relaxed text-base ">
Allah (SWT) is our God. The one who is the creator of all things we can see and those we
can't
see. Allah is the one with No Starting and No Ending. The who has the knowledge Every single
thing, Element, Human, Mountain, Sea, River, Oceans, Animals, Insects
and every single thing etc in the Universe. Allah Almighty is the Most Wise.
There is no-one in the Universe who can even match a single power with Allah (S.W.T). Allah
is
the owner of our Death and Life, Heavens
and Hell.
</p>
</div>
<div class="sm:w-1/2 mb-10 px-4 " data-aos="fade-up">
<div class="rounded-lg h-64 overflow-hidden ">
<img loading="lazy" alt="content "
class="object-cover object-center h-full w-full holyProhpetHazratMuhammadPeaceBeUponHim"
src="assets/images/prophet-Muhammad(S.A.W).png" />
</div>
<h2 class="title-font text-2xl font-medium text-white mt-6 mb-3 ">
Hazrat Muhammad (S.A.W)
</h2>
<p class="leading-relaxed text-base ">
<blockquote cite="https://www.biography.com/religious-figure/muhammad">
Hazrat Muhammad (S.A.W) is the last prophet of Allah Almighty. Most of his early life was
spent
as a merchant. At age 40, he began to have revelations from Allah that became the basis for
the
Koran and the foundation of Islam. By 630 he had unified most
of Arabia under a single religion. As of 2015, there are over 1.8 billion Muslims in the
world
who profess, “There is no God but Allah, and Muhammad is his prophet.” There is no other
prophet
will come after Hazrat Muhammad (S.A.W).
</blockquote>
</p>
</div>
</div>
</div>
</section>
<section class="text-gray-700 body-font " data-aos="fade-up">
<div class="container mx-auto flex flex-col px-5 py-24 justify-center items-center ">
<img loading="lazy" class="lg:w-2/6 md:w-3/6 w-5/6 mb-10 mt-10 object-cover object-center rounded "
alt="hero " src="assets/images/kalma.jpg" />
<div class="w-full md:w-2/3 flex flex-col mb-16 items-center text-center ">
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-gray-900 translation">
Translation
</h1>
<p class="mb-8 leading-relaxed ">
There is none worthy of worship except ALLAH (and) Muhammad (P.B.U.H) is the Messenger of ALLAH.
</p>
</div>
</section>
<website-footer></website-footer>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js'
integrity='sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=='
crossorigin='anonymous'></script>
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-firestore.js"></script>
<script src="https://smtpjs.com/v3/smtp.js"></script>
<script src="assets/js/index.js"></script>
<script src="assets/js/form.js"></script>
<!-- register service worker -->
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', function () {
navigator.serviceWorker.register('./service-worker.js')
.then(function () { console.log("Service Worker Registered, Cheers to PWA Fire!"); });
}
);
}
</script>
<!-- end of service worker -->
</body>
</html>