quran/index.html at master · ALFARABs/quran · 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
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
<!DOCTYPE html>
<html lang="en" translate="no">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Quranible</title>
   <meta name="title" content="Quranible">
   <meta name="description" content="Baca Al-Quran online lengkap dengan latin beserta terjemahan Indonesia.">
   <meta name="keywords" content="quranible, quran, quran online, al quran">
   <meta name="robots" content="index, follow">
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <meta name="language" content="English">
   <meta name="google" content="notranslate" />
   <meta name="author" content="Mohamad Adithya">
   <meta name="google-site-verification" content="m4k8dvzsRr2cACjrTnp64lG6FjYsPqjL6ciL-xETHrU" />
   <link rel="shortcut icon" href="/assets/img/favicon.png" type="image/x-icon" />
   <link rel="stylesheet" href="/assets/css/main.min.css" type="text/css" media="all" />
   <link href="https://cdn.jsdelivr.net/gh/hung1001/font-awesome-pro@4cac1a6/css/all.css" rel="stylesheet"
      type="text/css" />
   <!-- PWA -->
   <link rel="manifest" href="manifest.json" />
   <!-- ios support -->
   <link rel="apple-touch-icon" href="assets/img/android-icon-72x72.png" />
   <link rel="apple-touch-icon" href="assets/img/android-icon-96x96.png" />
   <link rel="apple-touch-icon" href="assets/img/android-icon-144x144.png" />
   <link rel="apple-touch-icon" href="assets/img/android-icon-192x192.png" />
   <meta name="apple-mobile-web-app-status-bar" content="#353B41" />
   <meta name="theme-color" content="#353B41" />
   <!-- Hotjar Tracking Code for https://quranible.netlify.app -->
   <script>
      (function (h, o, t, j, a, r) {
         h.hj = h.hj || function () {
            (h.hj.q = h.hj.q || []).push(arguments)
         };
         h._hjSettings = {
            hjid: 2744016,
            hjsv: 6
         };
         a = o.getElementsByTagName('head')[0];
         r = o.createElement('script');
         r.async = 1;
         r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
         a.appendChild(r);
      })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
   </script>
</head>

<body>
   <nav class="navigation shadow">
      <div class="container">
         <ul class="flex between align-center main-nav">
            <li class="menu toggle" onclick="showSidebar()"><i class="far fa-bars"></i></li>
            <li class="logo">Quranible</li>
            <li class="theme-toggle">
               <label for="check-toggle" class="far fa-moon toggle"></label>
               <input type="checkbox" class="check-toggle" id="check-toggle" onchange="setTheme(this)">
            </li>
         </ul>
      </div>
      <aside class="sidebar fixed-set">
         <div class="container">
            <ul>
               <li class="menu-text">Menu</li>
               <li>
                  <a href="#" class="link">Al Qur'an</a>
               </li>
               <li>
                  <a href="#doa-harian" class="link">Doa-Doa Harian</a>
               </li>
               <li>
                  <a href="#adzan" class="link">Waktu Sholat</a>
               </li>
               <li>
                  <a href="#asmaul-husna" class="link">Asmaul Husna</a>
               </li>
               <li>
                  <a href="#niat-sholat" class="link">Niat-Niat Sholat</a>
               </li>
            </ul>
            <footer>&copy; 2021 <span>Mohamad Adithya</span></footer>
         </div>
      </aside>
   </nav>
   <section class="surahs padding-set">
      <div class="container responsive"></div>
   </section>
   <section class="surah-page page fixed-set padding-set">
      <div class="container">
         <h1 class="bismillah arab">بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيْم</h1>
         <div class="verses"></div>
      </div>
   </section>
   <section class="adzan-page page fixed-set padding-set">
      <div class="container">
         <header class="shadow">
            <p class="text-gray location"></p>
            <h2 class="name"></h2>
            <div class="flex align-center">
               <i class="far fa-none fa-fw time-icon"></i>
               <span>
                  <p class="time"></p>
                  <p class="date text-gray"></p>
               </span>
            </div>
         </header>
         <div class="time-list">
         </div>
      </div>
   </section>
   <section class="daily-prayer-page page fixed-set padding-set">
      <div class="container responsive">
      </div>
   </section>
   <section class="asmaul-husna-page page fixed-set padding-set">
      <div class="container responsive">
      </div>
   </section>
   <section class="prayer-intentions-page page fixed-set padding-set">
      <div class="container responsive">
      </div>
   </section>
   <div class="loader">
      <div class="lds-ripple">
         <div></div>
         <div></div>
      </div>
   </div>
   <section class="offline fixed-set">
      <div class="container">
         <h1 class="copy">You're Offline</h1>
         <p>Sorry, your network is unavailable. Check your data or wifi connection to access this app.</p>
      </div>
   </section>
   <audio class="audio"></audio>
   <script src="/assets/js/app.min.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>