-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
642 lines (622 loc) · 39.4 KB
/
index.html
File metadata and controls
642 lines (622 loc) · 39.4 KB
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
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="mobile.css" />
<link rel="stylesheet" href="theme-switcher.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
/>
<title>منصة هدفك التعليمية</title>
<style>
.blob-image.theme-svg {
path {
fill: var(--secondary-color);
}
}
.underline-image.theme-svg {
stroke {
stroke: var(--primary-color);
}
}
</style>
</head>
<body>
<header class="main-header">
<div class="header-content">
<a href="#" class="logo-link">
<img src="./images/logo.svg" alt="لوجو هدفك" class="header-logo" />
<span class="header-title">دورات هدفك التعليمية</span>
</a>
<button class="mobile-menu-toggle" aria-label="فتح القائمة">
<span class="burger-line"></span>
<span class="burger-line"></span>
<span class="burger-line"></span>
</button>
<nav class="main-nav">
<a href="#courses" class="nav-link">الدورات</a>
<a href="#payment" class="nav-link">وسائل الدفع</a>
</nav>
</div>
</header>
<div class="menu-overlay"></div>
<!-- ==================== Hero Section ==================== -->
<section class="hero">
<div class="hero-content">
<div class="text-content">
<h1 class="headline">
<div class="highlighted-text">
<span>
<span class="regular">منصة</span>
<span class="highlight">هدفك التعليمية</span>
</span>
<svg
width="396"
height="11"
viewBox="0 0 396 11"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class=""
>
<path
d="M1 8.49865C110.5 3.0006 279.5 0.499496 395.5 8.49906"
stroke="var(--primary-color)"
stroke-linecap="round"
stroke-width="5"
/>
</svg>
</div>
</h1>
<svg
width="119"
height="73"
viewBox="0 0 119 73"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="arrow-decor theme-svg"
>
<g filter="url(#filter0_d_469_1817)">
<path
d="M91.0118 12.1419L90.0795 12.5037L91.0118 12.1419ZM33.4726 23.2437L34.1766 23.954L33.4726 23.2437ZM9.26164 64.7788C8.75659 65.0022 8.166 64.774 7.94253 64.2689L4.30076 56.0387C4.07729 55.5336 4.30555 54.943 4.8106 54.7195C5.31565 54.4961 5.90624 54.7243 6.12972 55.2294L9.36684 62.5452L16.6826 59.3081C17.1877 59.0846 17.7783 59.3128 18.0018 59.8179C18.2252 60.3229 17.997 60.9135 17.4919 61.137L9.26164 64.7788ZM114.273 17.8121L114.542 18.7753C105.483 21.3029 97.2209 23.2082 91.3579 24.783C88.3881 25.5807 86.0207 26.2958 84.3704 26.9771C83.5425 27.3189 82.9434 27.6329 82.5506 27.9163C82.1318 28.2185 82.097 28.3778 82.1005 28.3609L81.1204 28.1625L80.1402 27.9642C80.2882 27.2328 80.83 26.6914 81.3805 26.2943C81.9568 25.8785 82.7197 25.4949 83.6072 25.1285C85.3876 24.3935 87.8647 23.6504 90.8391 22.8514C96.8645 21.2331 104.89 19.3919 114.005 16.8489L114.273 17.8121ZM81.1204 28.1625L82.1005 28.3609C82.0218 28.7497 82.147 29.4857 82.617 30.529C83.0646 31.5228 83.7492 32.631 84.5404 33.6789C85.3312 34.7262 86.2037 35.6803 87.0086 36.3762C87.4112 36.7243 87.7807 36.9937 88.1006 37.1777C88.4323 37.3685 88.65 37.432 88.7608 37.4428L88.6644 38.4381L88.5679 39.4334C88.0566 39.3839 87.554 39.1705 87.1035 38.9114C86.6413 38.6456 86.167 38.2924 85.7005 37.8891C84.7672 37.0822 83.8007 36.0183 82.9443 34.8841C82.0883 33.7504 81.3173 32.5135 80.7934 31.3504C80.2919 30.2369 79.9297 29.0042 80.1402 27.9642L81.1204 28.1625ZM88.6644 38.4381L88.7608 37.4428C88.6131 37.4285 88.5395 37.489 88.5696 37.468C88.6057 37.4428 88.6933 37.3655 88.8202 37.1887C89.0737 36.8354 89.3667 36.2517 89.6673 35.4366C90.2631 33.8214 90.8148 31.5031 91.1794 28.8487C91.9123 23.5126 91.8546 17.0773 90.0795 12.5037L91.0118 12.1419L91.944 11.7801C93.8993 16.8182 93.9121 23.6515 93.1608 29.1209C92.7833 31.8692 92.2043 34.3379 91.5437 36.1287C91.2162 37.0167 90.8496 37.7909 90.4452 38.3547C90.243 38.6363 90.002 38.9073 89.714 39.1083C89.42 39.3133 89.0268 39.4779 88.5679 39.4334L88.6644 38.4381ZM91.0118 12.1419L90.0795 12.5037C88.1225 7.46133 84.7531 4.7096 80.5533 3.5762C76.2934 2.42657 71.0904 2.92172 65.5224 4.60843C54.3901 7.98077 42.212 15.9901 34.1766 23.954L33.4726 23.2437L32.7687 22.5334C40.9876 14.3878 53.439 6.17911 64.9426 2.69433C70.6926 0.952473 76.3092 0.359299 81.0744 1.64528C85.8997 2.94749 89.761 6.15532 91.944 11.7801L91.0118 12.1419ZM33.4726 23.2437L34.1766 23.954C27.0626 31.0045 20.9659 41.049 16.6328 49.3862C14.4714 53.5449 12.7587 57.2592 11.5868 59.9329C11.001 61.2694 10.5507 62.3452 10.2473 63.0855C10.0956 63.4557 9.98066 63.7419 9.90392 63.9349C9.86555 64.0314 9.83674 64.1046 9.81765 64.1533C9.80811 64.1777 9.80099 64.1959 9.79634 64.2079C9.79401 64.2138 9.7923 64.2183 9.7912 64.2211C9.79065 64.2225 9.79025 64.2235 9.79002 64.2241C9.78989 64.2245 9.78983 64.2246 9.78977 64.2248C9.78974 64.2248 9.78976 64.2248 8.857 63.8643C7.92424 63.5038 7.92434 63.5036 7.92447 63.5032C7.92456 63.503 7.92473 63.5025 7.92492 63.502C7.9253 63.5011 7.92583 63.4997 7.92652 63.4979C7.9279 63.4944 7.9299 63.4892 7.93251 63.4825C7.93773 63.4691 7.94542 63.4494 7.95555 63.4235C7.97581 63.3718 8.00583 63.2956 8.04543 63.196C8.12464 62.9968 8.24219 62.704 8.39665 62.3271C8.70555 61.5734 9.16218 60.4827 9.75506 59.13C10.9406 56.4253 12.6722 52.6699 14.8582 48.4638C19.22 40.0713 25.4311 29.8056 32.7687 22.5334L33.4726 23.2437Z"
fill="var(--primary-color)"
/>
</g>
<defs>
<filter
id="filter0_d_469_1817"
x="0.215088"
y="0.952606"
width="118.327"
height="71.9119"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="4" />
<feGaussianBlur stdDeviation="2" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_469_1817"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_469_1817"
result="shape"
/>
</filter>
</defs>
</svg>
<p class="subheadline">
دورات شاملة ومتخصصة في اختبار القدرات العامة - القسم اللفظي
</p>
<button class="cta-button">ابدأ تعلم الآن</button>
</div>
<div class="image-container">
<div class="blob-shape">
<!-- <img
src="./images/blob.svg"
alt="شكل بيضاوي ملون"
class="blob-image theme-svg"
/> -->
<svg
width="429"
height="519"
viewBox="0 0 429 519"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="blob-image theme-svg"
>
<path
d="M0 214.5C0 96.0349 96.0349 0 214.5 0V0C332.965 0 429 96.0349 429 214.5V519H0V214.5Z"
fill="#00A099"
/>
</svg>
</div>
<div class="instructor-container">
<img
src="./images/instructor.svg"
alt="مدرس محترف"
class="instructor-image"
/>
</div>
</div>
</div>
<img
src="./images/hero-bg.svg"
alt="خلفية المنصة"
class="hero-background"
/>
</section>
<!-- ==================== End Hero Section ==================== -->
<!-- ==================== Courses Section ==================== -->
<section id="courses" class="courses">
<div class="courses-header">
<h2 class="courses-title">الدورات</h2>
<!-- <svg
width="250"
height="64"
viewBox="0 0 250 64"
fill="var(--primary-color)"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<rect width="250" height="64" fill="var(--primary-color)" />
<defs>
<pattern
id="pattern0_469_1819"
patternContentUnits="objectBoundingBox"
width="1"
height="1"
>
<use
xlink:href="#image0_469_1819"
transform="matrix(0.004 0 0 0.015625 0 -1.45312)"
/>
</pattern>
<image
id="image0_469_1819"
width="250"
height="250"
preserveAspectRatio="none"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAD6CAYAAACI7Fo9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAT5SURBVHja7N07UtxAFEBRaxNE7MlrZU+OvIl2QogpRurP+5wTU9QM0n3qHhC6xhi/gNouoYPQAaEDQgeEDggdEDogdEDoIHRA6IDQAaEDQgeEDggdEDoIHRA6IHRA6IDQAaEDQgeEDkIXOggdEDogdEDogNABoQN3Qv/7+z3ia4w0iS6nDFm8ffzZGrolgwFBodAFbShQOHSBGwoUDl3ghgLFQxe5wYDQwbDIHrrIMSSEDoZElaX7LIYGFYbGWPR9S4QucgyR4qGLHAqHLnAoHrrIofAeXeCwMfBdoQsbDga+MnRxw6Ggd4UucggY/8zQRQ5Bw3ebKjSIP+Lda5cBAnODPxH6ZWUANUK/Jg8HEHqAPbq9PATep+8MXeRwIPKdoYscDkW+K3SRw6HAd4UuchA6UGWPPj5fuOjhUPQ+jIMGsfswDoQucKgQu388AQ2idz86NAje/ejQIHqhQ4PgPTYZGkQvdGgQvCe1QANvH3+u3aGLHIqFLmoovHQXOASJ/POKPjV0gUOwyGeHLnIIGPnM0EUOBwL+oj1/MAPFIv8xoUOD4IUODWL3YRwIXeDQfekucCgeusghSeR3Qxc5JIr8TugihyRxCx2aBC50aBL53T266KFR6F/F7mGKEHAAuB8dGkTvT2BB6EIHoQseUuzVhQ7FI18RusghWORChwaRCx0Kx22PDkJ/HLrgIVjsHskErugiB6GLHcJHLnRoELnQoUn0fo8ODWJ39xo0CN9jk6FB9EIHoYschC50SLFX92EcCP020UOQyF3RoUHkM0MXOQSNfFboIofie3SRQ4LYPWQRhC506By6yKHJHl3skCDyp6H/lIEAByNfHbrAIUDkK0MXORRfuoscgsUudHBFFzkIXegQPvJVS3fBQ6DIV4YufggS+c7QRQ6FQxc4FAtd1BAw8hmhixuCR/4kdIFDksjvhC5wSBb5q6GLHIov3UUOiYMXOghd5CB0oH3oX70oQwMC79FnEDkciHxn6CKHg8H7d8/QIH53r4HQhQ1CFzeUD13gkCDyJ6GLHJJEfjd0kUOSwO+GLnIoHrrIQehH3qzhg8gTLd3dAAOBQp9JyLApfnevQYP43dQCQhc4VFjKe2wyCF3kkD3yFaGLHIJFPjt0kUOwwGeHLnIIGLjQoXjcQgeh396j32VIwMLIT4cucCgeushhY/QnQhc5FA5d4FA4dIHD4b26RzJB8chXhy5yCBD5ytBFDkEiXxW6yCFQ5EKHBpELHYT+fuqNGRQwMfJToQsZCoUuaCgauriheOgih8KhCxwCRz4jdJFD8MiFDg0ifxq6yEHoQNWl+/Xi1wMJQnfVh+JLd2FDgsjt0aFB5HdCFzcki/zV0EUOyQJ/JXSBQ/Glu8ihwBAQOjSI/bvQR7U3+w0DDaFH3nsIHZE/X7p3Mg4MKgOGLRdKofcdYDSJXOgYEA0iF/qZE/ry80PoTqqKA8Vxaxq6A29wOC+Sh+5gsXpIDD+v/aELm4gn/hD5vNBFToV4RuXIn4YucroNivHDSEekyJ+EPhIepAgMR46cnxFCvxxrA0bcOUMXr8FBgdDBoEi0ghU6BkbxyIUO+4bG0e3sf0MHiu4dhA5CB4QOCB0QOiB0QOiA0AGhg9ABoQNCB4QOCB0QOiB0QOggdEDogNABoQNCB4QOCB0QOghd6CB0QOiA0AGhA0IHhA780L8BANCG5VgLwKGCAAAAAElFTkSuQmCC"
/>
</defs>
</svg> -->
<p class="courses-subtitle">
دورات هدفك الصيفية للقسم اللفظي تأسيس / محوسب
</p>
</div>
<div class="courses-list">
<!-- Course 1 -->
<div class="course-card-wrapper">
<img
src="./images/course-decor.svg"
alt="تزيين الدورة"
class="course-decor theme-svg"
/>
<div class="course-card">
<div class="course-image-container">
<div class="image-border">
<img
src="./images/course1.png"
alt="دورة التأسيس الجديدة"
class="course-image"
/>
</div>
<div class="course-shape-container">
<svg
width="604"
height="380"
viewBox="0 0 604 380"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="course-shape theme-svg"
>
<rect
x="0.237793"
y="0.712891"
width="603.762"
height="379.049"
rx="8"
fill="var(--secondary-color)"
/>
</svg>
</div>
</div>
<div class="course-info">
<h3 class="course-title orange">1- دورة التأسيس الجديدة</h3>
<p class="course-desc">
الدورة عبارة عن ٩ نماذج أسئلة (الأول نظري – الثاني إكمال –
الثالث خطأ سياقي – الرابع والخامس استيعاب – السادس مفردة– السابع
والثامن والتاسع الإضافات والتفصيلات الجديدة)
</p>
<ul class="course-details">
<li>الدورة أصبحت متوفرة بالكامل</li>
<li>اختبارات تدريبية لكل حصة</li>
<li>
الدورة متاحة كمحتوى ومتابعة إلى نهاية يوليو 2025 بإذن الله
</li>
<li>الدورة معها ملخصات وأسئلة بنك لشراء كتاب</li>
<li>الاشتراك يكون لشخص واحد فقط ولا يسمح بغير ذلك</li>
</ul>
<div class="course-price-row">
<span class="course-price">سعر الدورة</span>
<span class="course-price orange">150 ريال</span>
<p class="course-note">
ما يعادل تقريبًا 1990 جنيه أو 40 دولار
</p>
</div>
<button class="course-btn">شراء الدورة</button>
</div>
</div>
</div>
<!-- Course 2 -->
<div class="course-card-wrapper">
<img
src="./images/course-decor2.svg"
alt="تزيين الدورة"
class="course-decor2 theme-svg"
/>
<div class="course-card">
<!-- course info -->
<div class="course-info">
<h3 class="course-title orange">1- دورة التأسيس الجديدة</h3>
<p class="course-desc">
الدورة عبارة عن ٩ نماذج أسئلة (الأول نظري – الثاني إكمال –
الثالث خطأ سياقي – الرابع والخامس استيعاب – السادس مفردة– السابع
والثامن والتاسع الإضافات والتفصيلات الجديدة)
</p>
<ul class="course-details">
<li>الدورة أصبحت متوفرة بالكامل</li>
<li>اختبارات تدريبية لكل حصة</li>
<li>
الدورة متاحة كمحتوى ومتابعة إلى نهاية يوليو 2025 بإذن الله
</li>
<li>الدورة معها ملخصات وأسئلة بنك لشراء كتاب</li>
<li>الاشتراك يكون لشخص واحد فقط ولا يسمح بغير ذلك</li>
</ul>
<div class="course-price-row">
<span class="course-price">سعر الدورة</span>
<span class="course-price orange">150 ريال</span>
<p class="course-note">
ما يعادل تقريبًا 1990 جنيه أو 40 دولار
</p>
</div>
<button class="course-btn">شراء الدورة</button>
</div>
<div class="course-image-container">
<div class="image-border">
<img
src="./images/course1.png"
alt="دورة التأسيس الجديدة"
class="course-image"
/>
</div>
<div class="course-shape-container">
<svg
width="604"
height="380"
viewBox="0 0 604 380"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="course-shape theme-svg"
>
<rect
x="0.237793"
y="0.712891"
width="603.762"
height="379.049"
rx="8"
fill="var(--secondary-color)"
/>
</svg>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ==================== End Courses Section ==================== -->
<!-- ==================== Pyment Section ==================== -->
<section id="payment" class="payment-section">
<div class="payment-container">
<div class="payment-header">
<h2 class="courses-title payment-title-badge">وسائل الدفع</h2>
<p class="payment-desc">
تعرف على وسائل الدفع وطرق الاشتراك لدورات هدفك أونلاين
</p>
</div>
<div class="payment-tabs">
<span class="payment-tab active">فوري</span>
<span class="payment-tab">دفع بالبطاقة</span>
<span class="payment-tab">باي موب</span>
<span class="payment-tab">فواتير</span>
<span class="payment-tab">ابونير</span>
</div>
<!-- فوري payment content -->
<div class="payment-content active" data-method="فوري">
<div class="payment-steps-block">
<h3 class="payment-steps-title">
خطوات الاشتراك من داخل مصر عن طريق فوري:
</h3>
<ol class="payment-steps-list">
<li>
التسجيل لموقعنا
<a href="#" class="payment-link">من هنا</a> وإنشاء حساب إن لم
يكن لديك
</li>
<li>اختيار الدورة التي تريد الاشتراك بها</li>
<li>اختيار الوسيلة المناسبة للدفع</li>
<li>إتمام عملية الدفع فوري</li>
</ol>
<div class="payment-note">
<span> من سلة المشتريات بعد تحديد الدورة اختر (فوري)</span>
<!-- <img
src="./images/payment-arrow.svg"
alt="سهم الدفع"
class="payment-arrow"
/> -->
<svg
width="111"
height="65"
viewBox="0 0 111 65"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M87.0118 12.1419L86.0795 12.5037L87.0118 12.1419ZM29.4726 23.2437L30.1766 23.954L29.4726 23.2437ZM5.26164 64.7788C4.75659 65.0022 4.166 64.774 3.94253 64.2689L0.300764 56.0387C0.0772867 55.5336 0.305547 54.943 0.810601 54.7195C1.31565 54.4961 1.90624 54.7243 2.12972 55.2294L5.36684 62.5452L12.6826 59.3081C13.1877 59.0846 13.7783 59.3128 14.0018 59.8179C14.2252 60.3229 13.997 60.9135 13.4919 61.137L5.26164 64.7788ZM110.273 17.8121L110.542 18.7753C101.483 21.3029 93.2209 23.2082 87.3579 24.783C84.3881 25.5807 82.0207 26.2958 80.3704 26.9771C79.5425 27.3189 78.9434 27.6329 78.5506 27.9163C78.1318 28.2185 78.097 28.3778 78.1005 28.3609L77.1204 28.1625L76.1402 27.9642C76.2882 27.2328 76.83 26.6914 77.3805 26.2943C77.9568 25.8785 78.7197 25.4949 79.6072 25.1285C81.3876 24.3935 83.8647 23.6504 86.8391 22.8514C92.8645 21.2331 100.89 19.3919 110.005 16.8489L110.273 17.8121ZM77.1204 28.1625L78.1005 28.3609C78.0218 28.7497 78.147 29.4857 78.617 30.529C79.0646 31.5228 79.7492 32.631 80.5404 33.6789C81.3312 34.7262 82.2037 35.6803 83.0086 36.3762C83.4112 36.7243 83.7807 36.9937 84.1006 37.1777C84.4323 37.3685 84.65 37.432 84.7608 37.4428L84.6644 38.4381L84.5679 39.4334C84.0566 39.3839 83.554 39.1705 83.1035 38.9114C82.6413 38.6456 82.167 38.2924 81.7005 37.8891C80.7672 37.0822 79.8007 36.0183 78.9443 34.8841C78.0883 33.7504 77.3173 32.5135 76.7934 31.3504C76.2919 30.2369 75.9297 29.0042 76.1402 27.9642L77.1204 28.1625ZM84.6644 38.4381L84.7608 37.4428C84.6131 37.4285 84.5395 37.489 84.5696 37.468C84.6057 37.4428 84.6933 37.3655 84.8202 37.1887C85.0737 36.8354 85.3667 36.2517 85.6673 35.4366C86.2631 33.8214 86.8148 31.5031 87.1794 28.8487C87.9123 23.5126 87.8546 17.0773 86.0795 12.5037L87.0118 12.1419L87.944 11.7801C89.8993 16.8182 89.9121 23.6515 89.1608 29.1209C88.7833 31.8692 88.2043 34.3379 87.5437 36.1287C87.2162 37.0167 86.8496 37.7909 86.4452 38.3547C86.243 38.6363 86.002 38.9073 85.714 39.1083C85.42 39.3133 85.0268 39.4779 84.5679 39.4334L84.6644 38.4381ZM87.0118 12.1419L86.0795 12.5037C84.1225 7.46133 80.7531 4.7096 76.5533 3.5762C72.2934 2.42657 67.0904 2.92172 61.5224 4.60843C50.3901 7.98077 38.212 15.9901 30.1766 23.954L29.4726 23.2437L28.7687 22.5334C36.9876 14.3878 49.439 6.17911 60.9426 2.69433C66.6926 0.952473 72.3092 0.359299 77.0744 1.64528C81.8997 2.94749 85.761 6.15532 87.944 11.7801L87.0118 12.1419ZM29.4726 23.2437L30.1766 23.954C23.0626 31.0045 16.9659 41.049 12.6328 49.3862C10.4714 53.5449 8.75871 57.2592 7.58683 59.9329C7.00102 61.2694 6.55068 62.3452 6.24728 63.0855C6.09559 63.4557 5.98066 63.7419 5.90392 63.9349C5.86555 64.0314 5.83674 64.1046 5.81765 64.1533C5.80811 64.1777 5.80099 64.1959 5.79634 64.2079C5.79401 64.2138 5.7923 64.2183 5.7912 64.2211C5.79065 64.2225 5.79025 64.2235 5.79002 64.2241C5.78989 64.2245 5.78983 64.2246 5.78977 64.2248C5.78974 64.2248 5.78976 64.2248 4.857 63.8643C3.92424 63.5038 3.92434 63.5036 3.92447 63.5032C3.92456 63.503 3.92473 63.5025 3.92492 63.502C3.9253 63.5011 3.92583 63.4997 3.92652 63.4979C3.9279 63.4944 3.9299 63.4892 3.93251 63.4825C3.93773 63.4691 3.94542 63.4494 3.95555 63.4235C3.97581 63.3718 4.00583 63.2956 4.04543 63.196C4.12464 62.9968 4.24219 62.704 4.39665 62.3271C4.70555 61.5734 5.16218 60.4827 5.75506 59.13C6.94056 56.4253 8.67216 52.6699 10.8582 48.4638C15.22 40.0713 21.4311 29.8056 28.7687 22.5334L29.4726 23.2437Z"
fill="var(--primary-color)"
/>
</svg>
</div>
</div>
<div class="payment-image-block">
<img
src="./images/payment-sample.png"
alt="صورة توضيحية للدفع"
class="payment-sample-img"
/>
</div>
<div class="payment-steps-block">
<div class="payment-note">
<span> ثم اختيار ( الدفع بواسطة فوري - واضغط استمرار ) </span>
<svg
width="111"
height="65"
viewBox="0 0 111 65"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M87.0118 12.1419L86.0795 12.5037L87.0118 12.1419ZM29.4726 23.2437L30.1766 23.954L29.4726 23.2437ZM5.26164 64.7788C4.75659 65.0022 4.166 64.774 3.94253 64.2689L0.300764 56.0387C0.0772867 55.5336 0.305547 54.943 0.810601 54.7195C1.31565 54.4961 1.90624 54.7243 2.12972 55.2294L5.36684 62.5452L12.6826 59.3081C13.1877 59.0846 13.7783 59.3128 14.0018 59.8179C14.2252 60.3229 13.997 60.9135 13.4919 61.137L5.26164 64.7788ZM110.273 17.8121L110.542 18.7753C101.483 21.3029 93.2209 23.2082 87.3579 24.783C84.3881 25.5807 82.0207 26.2958 80.3704 26.9771C79.5425 27.3189 78.9434 27.6329 78.5506 27.9163C78.1318 28.2185 78.097 28.3778 78.1005 28.3609L77.1204 28.1625L76.1402 27.9642C76.2882 27.2328 76.83 26.6914 77.3805 26.2943C77.9568 25.8785 78.7197 25.4949 79.6072 25.1285C81.3876 24.3935 83.8647 23.6504 86.8391 22.8514C92.8645 21.2331 100.89 19.3919 110.005 16.8489L110.273 17.8121ZM77.1204 28.1625L78.1005 28.3609C78.0218 28.7497 78.147 29.4857 78.617 30.529C79.0646 31.5228 79.7492 32.631 80.5404 33.6789C81.3312 34.7262 82.2037 35.6803 83.0086 36.3762C83.4112 36.7243 83.7807 36.9937 84.1006 37.1777C84.4323 37.3685 84.65 37.432 84.7608 37.4428L84.6644 38.4381L84.5679 39.4334C84.0566 39.3839 83.554 39.1705 83.1035 38.9114C82.6413 38.6456 82.167 38.2924 81.7005 37.8891C80.7672 37.0822 79.8007 36.0183 78.9443 34.8841C78.0883 33.7504 77.3173 32.5135 76.7934 31.3504C76.2919 30.2369 75.9297 29.0042 76.1402 27.9642L77.1204 28.1625ZM84.6644 38.4381L84.7608 37.4428C84.6131 37.4285 84.5395 37.489 84.5696 37.468C84.6057 37.4428 84.6933 37.3655 84.8202 37.1887C85.0737 36.8354 85.3667 36.2517 85.6673 35.4366C86.2631 33.8214 86.8148 31.5031 87.1794 28.8487C87.9123 23.5126 87.8546 17.0773 86.0795 12.5037L87.0118 12.1419L87.944 11.7801C89.8993 16.8182 89.9121 23.6515 89.1608 29.1209C88.7833 31.8692 88.2043 34.3379 87.5437 36.1287C87.2162 37.0167 86.8496 37.7909 86.4452 38.3547C86.243 38.6363 86.002 38.9073 85.714 39.1083C85.42 39.3133 85.0268 39.4779 84.5679 39.4334L84.6644 38.4381ZM87.0118 12.1419L86.0795 12.5037C84.1225 7.46133 80.7531 4.7096 76.5533 3.5762C72.2934 2.42657 67.0904 2.92172 61.5224 4.60843C50.3901 7.98077 38.212 15.9901 30.1766 23.954L29.4726 23.2437L28.7687 22.5334C36.9876 14.3878 49.439 6.17911 60.9426 2.69433C66.6926 0.952473 72.3092 0.359299 77.0744 1.64528C81.8997 2.94749 85.761 6.15532 87.944 11.7801L87.0118 12.1419ZM29.4726 23.2437L30.1766 23.954C23.0626 31.0045 16.9659 41.049 12.6328 49.3862C10.4714 53.5449 8.75871 57.2592 7.58683 59.9329C7.00102 61.2694 6.55068 62.3452 6.24728 63.0855C6.09559 63.4557 5.98066 63.7419 5.90392 63.9349C5.86555 64.0314 5.83674 64.1046 5.81765 64.1533C5.80811 64.1777 5.80099 64.1959 5.79634 64.2079C5.79401 64.2138 5.7923 64.2183 5.7912 64.2211C5.79065 64.2225 5.79025 64.2235 5.79002 64.2241C5.78989 64.2245 5.78983 64.2246 5.78977 64.2248C5.78974 64.2248 5.78976 64.2248 4.857 63.8643C3.92424 63.5038 3.92434 63.5036 3.92447 63.5032C3.92456 63.503 3.92473 63.5025 3.92492 63.502C3.9253 63.5011 3.92583 63.4997 3.92652 63.4979C3.9279 63.4944 3.9299 63.4892 3.93251 63.4825C3.93773 63.4691 3.94542 63.4494 3.95555 63.4235C3.97581 63.3718 4.00583 63.2956 4.04543 63.196C4.12464 62.9968 4.24219 62.704 4.39665 62.3271C4.70555 61.5734 5.16218 60.4827 5.75506 59.13C6.94056 56.4253 8.67216 52.6699 10.8582 48.4638C15.22 40.0713 21.4311 29.8056 28.7687 22.5334L29.4726 23.2437Z"
fill="var(--primary-color)"
/>
</svg>
</div>
</div>
<div class="payment-image-block">
<img
src="./images/payment-sample2.png"
alt="صورة توضيحية للدفع"
class="payment-sample-img"
/>
</div>
<div class="payment-steps-block">
<div class="payment-note">
<span> ثم اضغط تأكيد الدفع</span>
<svg
width="111"
height="65"
viewBox="0 0 111 65"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M87.0118 12.1419L86.0795 12.5037L87.0118 12.1419ZM29.4726 23.2437L30.1766 23.954L29.4726 23.2437ZM5.26164 64.7788C4.75659 65.0022 4.166 64.774 3.94253 64.2689L0.300764 56.0387C0.0772867 55.5336 0.305547 54.943 0.810601 54.7195C1.31565 54.4961 1.90624 54.7243 2.12972 55.2294L5.36684 62.5452L12.6826 59.3081C13.1877 59.0846 13.7783 59.3128 14.0018 59.8179C14.2252 60.3229 13.997 60.9135 13.4919 61.137L5.26164 64.7788ZM110.273 17.8121L110.542 18.7753C101.483 21.3029 93.2209 23.2082 87.3579 24.783C84.3881 25.5807 82.0207 26.2958 80.3704 26.9771C79.5425 27.3189 78.9434 27.6329 78.5506 27.9163C78.1318 28.2185 78.097 28.3778 78.1005 28.3609L77.1204 28.1625L76.1402 27.9642C76.2882 27.2328 76.83 26.6914 77.3805 26.2943C77.9568 25.8785 78.7197 25.4949 79.6072 25.1285C81.3876 24.3935 83.8647 23.6504 86.8391 22.8514C92.8645 21.2331 100.89 19.3919 110.005 16.8489L110.273 17.8121ZM77.1204 28.1625L78.1005 28.3609C78.0218 28.7497 78.147 29.4857 78.617 30.529C79.0646 31.5228 79.7492 32.631 80.5404 33.6789C81.3312 34.7262 82.2037 35.6803 83.0086 36.3762C83.4112 36.7243 83.7807 36.9937 84.1006 37.1777C84.4323 37.3685 84.65 37.432 84.7608 37.4428L84.6644 38.4381L84.5679 39.4334C84.0566 39.3839 83.554 39.1705 83.1035 38.9114C82.6413 38.6456 82.167 38.2924 81.7005 37.8891C80.7672 37.0822 79.8007 36.0183 78.9443 34.8841C78.0883 33.7504 77.3173 32.5135 76.7934 31.3504C76.2919 30.2369 75.9297 29.0042 76.1402 27.9642L77.1204 28.1625ZM84.6644 38.4381L84.7608 37.4428C84.6131 37.4285 84.5395 37.489 84.5696 37.468C84.6057 37.4428 84.6933 37.3655 84.8202 37.1887C85.0737 36.8354 85.3667 36.2517 85.6673 35.4366C86.2631 33.8214 86.8148 31.5031 87.1794 28.8487C87.9123 23.5126 87.8546 17.0773 86.0795 12.5037L87.0118 12.1419L87.944 11.7801C89.8993 16.8182 89.9121 23.6515 89.1608 29.1209C88.7833 31.8692 88.2043 34.3379 87.5437 36.1287C87.2162 37.0167 86.8496 37.7909 86.4452 38.3547C86.243 38.6363 86.002 38.9073 85.714 39.1083C85.42 39.3133 85.0268 39.4779 84.5679 39.4334L84.6644 38.4381ZM87.0118 12.1419L86.0795 12.5037C84.1225 7.46133 80.7531 4.7096 76.5533 3.5762C72.2934 2.42657 67.0904 2.92172 61.5224 4.60843C50.3901 7.98077 38.212 15.9901 30.1766 23.954L29.4726 23.2437L28.7687 22.5334C36.9876 14.3878 49.439 6.17911 60.9426 2.69433C66.6926 0.952473 72.3092 0.359299 77.0744 1.64528C81.8997 2.94749 85.761 6.15532 87.944 11.7801L87.0118 12.1419ZM29.4726 23.2437L30.1766 23.954C23.0626 31.0045 16.9659 41.049 12.6328 49.3862C10.4714 53.5449 8.75871 57.2592 7.58683 59.9329C7.00102 61.2694 6.55068 62.3452 6.24728 63.0855C6.09559 63.4557 5.98066 63.7419 5.90392 63.9349C5.86555 64.0314 5.83674 64.1046 5.81765 64.1533C5.80811 64.1777 5.80099 64.1959 5.79634 64.2079C5.79401 64.2138 5.7923 64.2183 5.7912 64.2211C5.79065 64.2225 5.79025 64.2235 5.79002 64.2241C5.78989 64.2245 5.78983 64.2246 5.78977 64.2248C5.78974 64.2248 5.78976 64.2248 4.857 63.8643C3.92424 63.5038 3.92434 63.5036 3.92447 63.5032C3.92456 63.503 3.92473 63.5025 3.92492 63.502C3.9253 63.5011 3.92583 63.4997 3.92652 63.4979C3.9279 63.4944 3.9299 63.4892 3.93251 63.4825C3.93773 63.4691 3.94542 63.4494 3.95555 63.4235C3.97581 63.3718 4.00583 63.2956 4.04543 63.196C4.12464 62.9968 4.24219 62.704 4.39665 62.3271C4.70555 61.5734 5.16218 60.4827 5.75506 59.13C6.94056 56.4253 8.67216 52.6699 10.8582 48.4638C15.22 40.0713 21.4311 29.8056 28.7687 22.5334L29.4726 23.2437Z"
fill="var(--primary-color)"
/>
</svg>
</div>
</div>
<div class="payment-image-block">
<img
src="./images/payment-sample3.png"
alt="صورة توضيحية للدفع"
class="payment-sample-img"
/>
</div>
<!-- payment note -->
<div>
<p class="payment-note-footer">
بعدها يظهر لك الرقم المرجعي من اي ماكينة فوري على هذا الرقم للسداد
<br />
(مع ملاحظة ان مدة صلاحية هذا الرقم للسداد ساعة ان لم يتم السداد
خلال ساعة يلزم اعادة الخطوات والحصول على رقم جديد )
</p>
<p class="payment-note-footer-highlight">
<span class="highlight">ملحوظة:</span> يجب عليك الاحتفاظ في حال
واجهتك أي مشكلة أثناء عملية الدفع، يمكنك التواصل مع فريق الدعم
الفني لدينا لمساعدتك.
</p>
</div>
</div>
<!-- دفع بالبطاقة payment content -->
<div class="payment-content" data-method="دفع بالبطاقة">
<div class="payment-steps-block">
<h3 class="payment-steps-title">
خطوات الاشتراك باستخدام بطاقة الائتمان:
</h3>
<ol class="payment-steps-list">
<li>
التسجيل لموقعنا
<a href="#" class="payment-link">من هنا</a> وإنشاء حساب إن لم
يكن لديك
</li>
<li>اختيار الدورة التي تريد الاشتراك بها</li>
<li>اختيار الدفع بالبطاقة من وسائل الدفع</li>
<li>إدخال بيانات البطاقة الائتمانية الخاصة بك</li>
<li>تأكيد عملية الدفع</li>
</ol>
</div>
<div class="payment-note-footer-highlight">
<span class="highlight">ملحوظة:</span> البيانات المصرفية الخاصة بك
محمية تماماً ولا يتم الاحتفاظ بها
</div>
</div>
<!-- باي موب payment content -->
<div class="payment-content" data-method="باي موب">
<div class="payment-steps-block">
<h3 class="payment-steps-title">
خطوات الاشتراك باستخدام باي موب:
</h3>
<ol class="payment-steps-list">
<li>
التسجيل لموقعنا
<a href="#" class="payment-link">من هنا</a> وإنشاء حساب إن لم
يكن لديك
</li>
<li>اختيار الدورة التي تريد الاشتراك بها</li>
<li>اختيار باي موب من وسائل الدفع</li>
<li>إدخال رقم الهاتف المسجل على تطبيق باي موب</li>
<li>تأكيد عملية الدفع من خلال تطبيق باي موب</li>
</ol>
</div>
</div>
<!-- فواتير payment content -->
<div class="payment-content" data-method="فواتير">
<div class="payment-steps-block">
<h3 class="payment-steps-title">خطوات الاشتراك باستخدام فواتير:</h3>
<ol class="payment-steps-list">
<li>
التسجيل لموقعنا
<a href="#" class="payment-link">من هنا</a> وإنشاء حساب إن لم
يكن لديك
</li>
<li>اختيار الدورة التي تريد الاشتراك بها</li>
<li>اختيار فواتير من وسائل الدفع</li>
<li>إدخال البيانات المطلوبة</li>
<li>استلام فاتورة الدفع وسدادها عبر المنافذ المختلفة</li>
</ol>
</div>
<div class="payment-note-footer-highlight">
<span class="highlight">ملحوظة:</span> يجب سداد الفاتورة خلال 48
ساعة من إصدارها
</div>
</div>
<!-- ابونير payment content -->
<div class="payment-content" data-method="ابونير">
<div class="payment-steps-block">
<h3 class="payment-steps-title">خطوات الاشتراك باستخدام ابونير:</h3>
<ol class="payment-steps-list">
<li>
التسجيل لموقعنا
<a href="#" class="payment-link">من هنا</a> وإنشاء حساب إن لم
يكن لديك
</li>
<li>اختيار الدورة التي تريد الاشتراك بها</li>
<li>اختيار ابونير من وسائل الدفع</li>
<li>تسجيل الدخول إلى حسابك في ابونير</li>
<li>تأكيد عملية الدفع</li>
</ol>
</div>
</div>
</div>
</section>
<!-- ==================== End Payment Section ==================== -->
<!-- ==================== Footer Section ==================== -->
<footer class="footer-section">
<div class="footer-container">
<div class="footer-col logo-col">
<img
src="./images/footerLog.svg"
alt="لوجو هدفك"
class="footer-logo theme-svg"
/>
<div class="footer-title">دورات هدفك التعليمية</div>
</div>
<div class="footer-col links-col">
<div class="footer-col-title">روابط جانبية</div>
<ul class="footer-links">
<li><a href="#">الصفحة الرئيسية</a></li>
<li><a href="#">دورات هدفك التعليمية</a></li>
<li><a href="#">موقع هدفك فيديو</a></li>
<li><a href="#">خدماتنا</a></li>
<li><a href="#">من نحن</a></li>
</ul>
</div>
<div class="footer-col contact-col">
<div class="footer-col-title">التواصل</div>
<ul class="footer-contact">
<li>
<img
src="./images/telegram-icon.png"
class="footer-icon"
alt="أيقونة تليجرام الزرقاء للتواصل مع منصة هدفك"
/>
<span>حساب تليجرام للإشراف لإضافة البنين</span>
<a
href="https://t.me/online_training_hadafak"
target="_blank"
rel="noopener"
>
https://t.me/online_training_hadafak
</a>
</li>
<li>
<img
src="./images/telegram-icon.png"
class="footer-icon"
alt="أيقونة تليجرام الزرقاء للتواصل مع منصة هدفك"
/>
<span>حساب تليجرام للإشراف لإضافة البنات</span>
<a
href="https://t.me/hadafak_online"
target="_blank"
rel="noopener"
>
https://t.me/hadafak_online
</a>
</li>
</ul>
</div>
</div>
<div class="footer-bottom">
<span
>© 2025 جميع الحقوق محفوظة. مدار بواسطة شركة رواد هدفك للتعليم عن بعد
.</span
>
</div>
</footer>
<!-- ==================== End Footer Section ==================== -->
<!-- JavaScript for Mobile Menu -->
<script src="menu.js"></script>
<!-- JavaScript for Payment Tabs -->
<script src="payment.js"></script>
<!-- JavaScript for Theme Switcher -->
<script src="theme-switcher.js"></script>
<!-- JavaScript for Theme Animations -->
<script src="theme-animation.js"></script>
</body>
</html>