-
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathsupport-us.html
256 lines (239 loc) · 14.7 KB
/
support-us.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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
<html expr:dir='rtl' lang='ar' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KZ6Y1S709Z"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-KZ6Y1S709Z');
</script>
<meta charset='UTF-8'>
<title>إدعمنا</title>
<!--blog meta data -->
<meta expr:content='QuranIPFS - قرآن' property='og:site_name'>
<meta content='website' property='og:type'>
<meta content='https://www.quranipfs.com/images/256x256.png' property='og:image'>
<meta content='256' property='og:image:width'>
<meta content='256' property='og:image:height'>
<meta content='100001161316746' property='fb:admins'>
<meta content='https://www.facebook.com/adel.benyahia' property='article:author'>
<meta content='ar_AR' property='og:locale'>
<meta content='DZ' name='geo.region'>
<meta content='summary' name='twitter:card'>
<meta content='@adelpro' name='twitter:site'>
<meta content='@adelpro' name='twitter:creator'>
<meta expr:content='QuranIPFS - قرآن' name='twitter:title'/>
<meta expr:content='يتيح لك الموقع الاستماع للقرآن الكريم مباشرة من المتصفح دون تحميل وبنوعية صوت عالية مع إمكانية التحميل بسرعات عالية' name='description'/>
<meta expr:content='https://www.quranipfs.com/images/256x256.png' name='twitter:image:src'/>
<meta content='Algeria' name='geo.placename'/>
<meta content='BENYAHIA adel' name='Author'/>
<meta content='width=device-width, user-scalable=no' name='viewport'/>
<meta content='قران, مصحف, سعد الغامدي, عبد الباسط عبد الصمد, ماهر المعيقلي, فارس عابد, الشريم' name='keywords'/>
<meta charset='UTF-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href=".\css\style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- PWA metadata -->
<meta content='#000000' name='theme-color'/>
<link href='./images/32x32.png' rel='icon' type='image/x-icon'/>
<link href='./images/192x192.png' rel='icon' sizes='192x192'/>
<link href='./images/32x32.png' rel='icon' sizes='32×32' type='image/png'/>
<link href='./images/favicon.ico' rel='icon' sizes='16×16' type='mage/png'/>
<link href='./images/32x32.png' rel='shortcut icon' sizes='32x32' type='image/x-icon'/>
<link href='./manifest.json' rel='manifest'/>
<!-- Add to home screen for Safari on iOS-->
<link href='./images/192x192.png' rel='apple-touch-icon'/>
<link href='./images/512x512.png' rel='apple-touch-icon'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='black-translucent' name='apple-mobile-web-app-status-bar-style'/>
<meta content='Quranipfs' name='apple-mobile-web-app-title'/>
<!-- Add to home screen for Windows-->
<meta content='./images/512x512.png' name='msapplication-TileImage'/>
<meta content='#000000' name='msapplication-TileColor'/>
</head>
<body itemscope itemtype="http://schema.org/WebPage">
<header itemscope itemtype="http://schema.org/WPHeader">
<div class="nav-wrapper">
<div class="sl-nav">
اللغة:
<ul>
<li><b>العربية</b> <i class="fa fa-angle-down" aria-hidden="true"></i>
<div class="triangle"></div>
<ul>
<li><i class="sl-flag flag-en"><div id="germany"></div></i> <span><a href="../EN/support-us.html">English</a></span></li>
<li><i class="sl-flag flag-fr"><div id="germany"></div></i> <span><a href="../FR/support-us.html">Français</a></span></li>
</ul>
</li>
</ul>
</div>
</div>
<img src=".\images\256x256.png" width="256" height="265" class="img-responsive circle" alt="Quranipfs" itemprop="image"></img>
<h1 class="center" itemprop="name">QuranIPFS - قرآن</h1>
<div class="mynav container center hide-on-small-only" itemtype="http://www.schema.org/SiteNavigationElement">
<ul itemscope id="horizontal-list">
<li itemprop="name"><a itemprop="url" href="/support-us.html" class="center-align">إدعمنا</a></li>
<li itemprop="name"><a itemprop="url" href="/contact-us.html" class="center-align">إتصل بنا</a></li>
<li itemprop="name"><a itemprop="url" href="/download.html" class="center-align">تطبيق الموقع</a></li>
<li itemprop="name"><a itemprop="url" href="/sitemap.html" class="center-align">خريطة الموقع</a></li>
<li itemprop="name"><a itemprop="url" href="/about-us.html" class="center-align">حول الموقع</a></li>
<li itemprop="name"><a itemprop="url" href="/privacy.html" class="center-align">سياسة الخصوصية</a></li>
<li itemprop="name"><a itemprop="url" href="/index.html" class="center-align">الصفحة الرئيسية</a></li>
</ul>
</div>
<span class="target hide-on-small-only"></span>
<div class="container hide-on-med-and-up center">
<a rel='nofollow' class='dropdown-trigger btn hide-on-med-and-up center' data-beloworigin="true" href='#' data-target='dropdown1' style="border-radius: 25px;">القائمة الرئيسية <i class="fas fa-bars"></i></a>
<!-- Dropdown Structure -->
<ul id='dropdown1' class='dropdown-content center' itemscope itemtype="http://www.schema.org/SiteNavigationElement">
<li itemprop="name"><a itemprop="url" href="/index.html" class="center-align">الصفحة الرئيسية</a></li>
<li itemprop="name"><a itemprop="url" href="/privacy.html" class="center-align">سياسة الخصوصية</a></li>
<li itemprop="name"><a itemprop="url" href="/about-us.html" class="center-align">حول الموقع</a></li>
<li itemprop="name"><a itemprop="url" href="/sitemap.html" class="center-align">خريطة الموقع</a></li>
<li itemprop="name"><a itemprop="url" href="/download.html" class="center-align">تطبيق الموقع</a></li>
<li itemprop="name"><a itemprop="url" href="/contact-us.html" class="center-align">إتصل بنا</a></li>
<li itemprop="name"><a itemprop="url" href="/support-us.html" class="center-align">إدعمنا</a></li>
</ul>
</div>
</header>
<main>
<section id="sec-page">
<ul id="cards-container">
<li >
<span><i class="fas fa-gift"></i></span>
<h1 class="card-title">إدعمنا</h1>
</br>
<p class="card-content right">
<div class="container">
<a href="https://www.buymeacoffee.com/Adel.benyahia"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=Adel.benyahia&button_colour=40DCA5&font_colour=ffffff&font_family=Cookie&outline_colour=000000&coffee_colour=FFDD00"></a>
</div>
</br>
<p style='font-size: 20px; text-align: center;'> --- أو --- </p>
</br>
<div class="container">
<div id="smart-button-container" style="border: 2px solid gray; border-radius: 5px;padding: 5px;">
<div style="text-align: center"><label for="description" style='font-size: 18px;'>ملاحظة أو تعليق </label><input type="text" name="descriptionInput" id="description" maxlength="127" value=""></div>
<p id="descriptionError" style="visibility: hidden; color:red; text-align: center;">Please enter a description</p>
<div style="text-align: center"><label for="amount" style='font-size: 18px;'>قيمة التبرع </label><input name="amountInput" type="number" id="amount" value="" ><span> USD</span></div>
<p id="priceLabelError" style="visibility: hidden; color:red; text-align: center;">Please enter a price</p>
<div id="invoiceidDiv" style="text-align: center; display: none;"><label for="invoiceid"> </label><input name="invoiceid" maxlength="127" type="text" id="invoiceid" value="" ></div>
<p id="invoiceidError" style="visibility: hidden; color:red; text-align: center;">Please enter an Invoice ID</p>
<div style="text-align: center; margin-top: 0.625rem;" id="paypal-button-container"></div>
</div>
<script src="https://www.paypal.com/sdk/js?client-id=sb¤cy=USD" data-sdk-integration-source="button-factory"></script>
<script>
function initPayPalButton() {
var description = document.querySelector('#smart-button-container #description');
var amount = document.querySelector('#smart-button-container #amount');
var descriptionError = document.querySelector('#smart-button-container #descriptionError');
var priceError = document.querySelector('#smart-button-container #priceLabelError');
var invoiceid = document.querySelector('#smart-button-container #invoiceid');
var invoiceidError = document.querySelector('#smart-button-container #invoiceidError');
var invoiceidDiv = document.querySelector('#smart-button-container #invoiceidDiv');
var elArr = [description, amount];
if (invoiceidDiv.firstChild.innerHTML.length > 1) {
invoiceidDiv.style.display = "block";
}
var purchase_units = [];
purchase_units[0] = {};
purchase_units[0].amount = {};
function validate(event) {
return event.value.length > 0;
}
paypal.Buttons({
style: {
color: 'blue',
shape: 'rect',
label: 'paypal',
layout: 'vertical',
},
onInit: function (data, actions) {
actions.disable();
if(invoiceidDiv.style.display === "block") {
elArr.push(invoiceid);
}
elArr.forEach(function (item) {
item.addEventListener('keyup', function (event) {
var result = elArr.every(validate);
if (result) {
actions.enable();
} else {
actions.disable();
}
});
});
},
onClick: function () {
if (description.value.length < 1) {
descriptionError.style.visibility = "visible";
} else {
descriptionError.style.visibility = "hidden";
}
if (amount.value.length < 1) {
priceError.style.visibility = "visible";
} else {
priceError.style.visibility = "hidden";
}
if (invoiceid.value.length < 1 && invoiceidDiv.style.display === "block") {
invoiceidError.style.visibility = "visible";
} else {
invoiceidError.style.visibility = "hidden";
}
purchase_units[0].description = description.value;
purchase_units[0].amount.value = amount.value;
if(invoiceid.value !== '') {
purchase_units[0].invoice_id = invoiceid.value;
}
},
createOrder: function (data, actions) {
return actions.order.create({
purchase_units: purchase_units,
});
},
onApprove: function (data, actions) {
return actions.order.capture().then(function (details) {
alert('Transaction completed by ' + details.payer.name.given_name + '!');
});
},
onError: function (err) {
console.log(err);
}
}).render('#paypal-button-container');
}
initPayPalButton();
</script>
</p>
</li>
</ul>
</section>
</main>
<footer>
<!-- FOOTER -->
<!-- Add FIXED ACTION BUTTON -->
<div class="fixed-action-btn vertical">
<a class="btn-floating btn-large blue-grey darken-4">
<i class="fa fa-globe"></i>
</a>
<ul>
<li><a target="_blank" rel="noopener" href="https://www.facebook.com/wathakker.wakf" title="Facebook" class="btn-floating blue darken-4"><i class="fab fa-facebook-f"></i></a></li>
<li><a target="_blank" rel="noopener" href="https://m.me/wathakker.wakf"title="Messenger" class="btn-floating blue lighten-1"><i class="fab fa-facebook-messenger"></i></a></li>
<li><a target="_blank" rel="noopener" href="https://twitter.com/adelpro" title="Twitter" class="btn-floating cyan lighten-1"><i class="fab fa-twitter"></i></a></li>
<li><a target="_blank" rel="noopener" href="https://www.t.me/wathakkerwakf" title="Telegram" class="btn-floating blue lighten-1"><i class="fab fa-telegram-plane"></i></a></li>
<ul>
</div>
<div class="center-align grey-text">
www.quranipfs.com 2021©
</div>
<a id="button"></a>
</footer>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script>
//initilise materialize compenents
$(document).ready(function(){
$('.dropdown-trigger').dropdown();
$('.fixed-action-btn').floatingActionButton();
});
</script>
</body>
</html>