-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
66 lines (52 loc) · 2.77 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Al Ghiath</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="Al Ghiath ">
<meta name="description" content="Enhance your prayer experience, deepen your connection with Allah, and embark on a meaningful spiritual journey. ">
<meta name="keywords" content="Al Ghiath, Islamic Salah Insight app, prayer experience, connection with Allah, spiritual journey, accurate prayer timings, insightful guidance, personalized reminders, vibrant community, purposeful prayer life, transformative, deepening faith, meaningful worship, spiritual growth, mindfulness, Quranic verses, hadiths, step-by-step instructions, Qibla direction, dhikr counter, progress tracking, customization options.">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<link rel="icon" type="image/png" href="./assets/icon.png">
<link rel="manifest" href="./assets/site.webmanifest">
<link rel="stylesheet" href="./tabler.min.css">
</head>
<body>
<div class="container">
<div class="card shadow-sm w-80 my-5 mx-auto">
<div class="card-status-top bg-blue"></div>
<div class="card-body">
<h2 class="card-title text-center font-weight-bold mb-3 text-decoration-underline">
بسم الله الرحمن الرحيم
</h2>
<p class="card-text">
<span class="card-title text-center font-weight-bold mb-3">Qaza Tracker</span>
<br />this is simple app for keeping track on how much qaza salah's you're lefting with.
</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Total: <span class="text-bold" id="total"></span></li>
<li class="list-group-item">Current: <span class="text-bold" id="remaining"></span></li>
<li class="list-group-item">Expected Time: <span class="text-bold" id="time"></span></li>
</ul>
<div class="card-footer">
<button type="button" id="btn" class="btn btn-indigo w-100">Do you offer today?</button>
</div>
<div class="card-stamp">
<div class="card-stamp-icon bg-yellow">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-pray" width="32" height="32" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<circle cx="12" cy="5" r="1" />
<path d="M7 20h8l-4 -4v-7l4 3l2 -2" />
</svg>
</div>
</div>
</div>
</div>
</div>
<script src="./script.js"></script>
</body>
</html>