-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
196 lines (141 loc) · 10.5 KB
/
Copy pathindex.html
File metadata and controls
196 lines (141 loc) · 10.5 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
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<!-- Primary Meta Tags -->
<link rel="stylesheet" href="styles.css">
<title>التقنية العربية المفتوحة</title>
<meta name="description" content="معًا نصنع مستقبل التقنية العربية">
<meta name="version" content="0.0.1">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#0d6efd">
<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=Noto+Kufi+Arabic:wght@100..900&display=swap" rel="stylesheet">
<!-- Canonical URL -->
<link rel="canonical" href="https://openarabtech.github.io/">
<!-- Language & Charset -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="language" content="ar">
<meta name="author" content="Open Arab Tech">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://openarabtech.github.io/">
<meta property="og:title" content="التقنية العربية المفتوحة">
<meta property="og:description" content="معًا نصنع مستقبل التقنية العربية">
<meta property="og:image" content="https://openarabtech.github.io/assets/OpenArabTechCover.png">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://openarabtech.github.io/">
<meta name="twitter:title" content="التقنية العربية المفتوحة">
<meta name="twitter:description" content="معًا نصنع مستقبل التقنية العربية">
<meta name="twitter:image" content="https://openarabtech.github.io/assets/OpenArabTechCover.png">
<!-- Favicon -->
<link rel="icon" type="image/png" href="favicon.png">
<!-- Keywords (optional, not heavily used by Google but useful for other engines) -->
<meta name="keywords" content="openarabtech">
<!-- Structured Data (JSON-LD Schema.org for Google) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "openarabtech",
"url": "https://openarabtech.github.io/",
"description": "معًا نصنع مستقبل التقنية العربية",
"publisher": {
"@type": "Organization",
"name": "Open Arab Tech",
"url": "https://openarabtech.github.io/"
}
}
</script>
</head>
<body>
<!--Start Header-->
<header>
<img id="logo" src="assets/OpenArabTechLogo.png" alt="Open Arab Tech logo">
<h1>التقنية العربية المفتوحة</h1>
<p>معًا نصنع مستقبل التقنية العربية</p>
<section class="social-links">
<!-- GITHUB -->
<a href="https://github.com/openarabtech" target="_blank" rel="noopener noreferrer">
<img src="assets/github-brands-solid-full.svg" alt="GitHub">
</a>
</section>
</header>
<!--Ends Header-->
<main>
<section class="hero">
<h2>دروس مجانية</h2>
<section>
<h3>تصميم الويب المتجاوب</h3>
<section class=content>
<section class="box">
<h4><a href="https://openarabtech.github.io/ComputersVerse/" target="_blank">ComputersVerse</a></h4>
<p>عالم الحواسيب منصة تعليمية عربية حرة ومفتوحة المصدر.</p>
<span class="detail">تعلم الحاسوب باللغة العربية.</span>
</section>
<section class="box">
<h4><a href="https://openarabtech.github.io/HTMLVerse/" target="_blank">HTMLVerse</a></h4>
<p>عالم اتش.تي.إم.إل منصة تعليمية عربية حرة ومفتوحة المصدر.</p>
<span class="detail">تعلم HTML باللغة العربية.</span>
</section>
<section class="box">
<h4><a href="https://openarabtech.github.io/CSSVerse/" target="_blank">CSSVerse</a></h4>
<p>عالم سي.اس.اس منصة تعليمية عربية حرة ومفتوحة المصدر.</p>
<span class="detail">تعلم CSS باللغة العربية.</span>
</section>
</section>
</section>
</section>
<section class="support-section">
<div class="support-container">
<div class="support-icon">💚</div>
<span class="support-label">ادعم التقنية العربية</span>
<h2>ساهم معنا في بناء مستقبل التقنية العربية</h2>
<p> دعمك يساعدنا على تطوير مشاريع مفتوحة المصدر وإنشاء محتوى تقني عربي مجاني للجميع. </p>
<div class="donation-card">
<div class="donation-header">
<span>💰 التبرع عبر USDT</span>
<span class="network">TRC20</span>
</div>
<div class="wallet-box">
<span id="wallet">TRuuZPtZSLY1J6jUwo9gmkTf2ZjadU4Rxh</span>
<button onclick="copyWallet()" aria-label="نسخ عنوان المحفظة"> 📋 نسخ </button>
</div>
<small> تأكد من اختيار شبكة <strong>TRC20</strong> عند إرسال USDT. </small>
</div> <p class="thank-you"> كل مساهمة، مهما كانت صغيرة، تصنع فرقًا. 💚 </p>
</div>
</section>
<!-- <section class="second-hero">
</section>
<section class="third-hero">
</section>
<section class="fort-hero">
</section> -->
</main>
<!--Start Footer-->
<footer>
<div dir="ltr" class="social-media">
<a href="https://www.linkedin.com/company/openarabtech/" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M160 96C124.7 96 96 124.7 96 160L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 160C544 124.7 515.3 96 480 96L160 96zM165 266.2L231.5 266.2L231.5 480L165 480L165 266.2zM236.7 198.5C236.7 219.8 219.5 237 198.2 237C176.9 237 159.7 219.8 159.7 198.5C159.7 177.2 176.9 160 198.2 160C219.5 160 236.7 177.2 236.7 198.5zM413.9 480L413.9 376C413.9 351.2 413.4 319.3 379.4 319.3C344.8 319.3 339.5 346.3 339.5 374.2L339.5 480L273.1 480L273.1 266.2L336.8 266.2L336.8 295.4L337.7 295.4C346.6 278.6 368.3 260.9 400.6 260.9C467.8 260.9 480.3 305.2 480.3 362.8L480.3 480L413.9 480z"/></svg></a>
<a href="https://www.facebook.com/openarabtech" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M160 96C124.7 96 96 124.7 96 160L96 480C96 515.3 124.7 544 160 544L258.2 544L258.2 398.2L205.4 398.2L205.4 320L258.2 320L258.2 286.3C258.2 199.2 297.6 158.8 383.2 158.8C399.4 158.8 427.4 162 438.9 165.2L438.9 236C432.9 235.4 422.4 235 409.3 235C367.3 235 351.1 250.9 351.1 292.2L351.1 320L434.7 320L420.3 398.2L351 398.2L351 544L480 544C515.3 544 544 515.3 544 480L544 160C544 124.7 515.3 96 480 96L160 96z"/></svg></a>
<a href="https://www.instagram.com/openarabtech" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M320.3 205C256.8 204.8 205.2 256.2 205 319.7C204.8 383.2 256.2 434.8 319.7 435C383.2 435.2 434.8 383.8 435 320.3C435.2 256.8 383.8 205.2 320.3 205zM319.7 245.4C360.9 245.2 394.4 278.5 394.6 319.7C394.8 360.9 361.5 394.4 320.3 394.6C279.1 394.8 245.6 361.5 245.4 320.3C245.2 279.1 278.5 245.6 319.7 245.4zM413.1 200.3C413.1 185.5 425.1 173.5 439.9 173.5C454.7 173.5 466.7 185.5 466.7 200.3C466.7 215.1 454.7 227.1 439.9 227.1C425.1 227.1 413.1 215.1 413.1 200.3zM542.8 227.5C541.1 191.6 532.9 159.8 506.6 133.6C480.4 107.4 448.6 99.2 412.7 97.4C375.7 95.3 264.8 95.3 227.8 97.4C192 99.1 160.2 107.3 133.9 133.5C107.6 159.7 99.5 191.5 97.7 227.4C95.6 264.4 95.6 375.3 97.7 412.3C99.4 448.2 107.6 480 133.9 506.2C160.2 532.4 191.9 540.6 227.8 542.4C264.8 544.5 375.7 544.5 412.7 542.4C448.6 540.7 480.4 532.5 506.6 506.2C532.8 480 541 448.2 542.8 412.3C544.9 375.3 544.9 264.5 542.8 227.5zM495 452C487.2 471.6 472.1 486.7 452.4 494.6C422.9 506.3 352.9 503.6 320.3 503.6C287.7 503.6 217.6 506.2 188.2 494.6C168.6 486.8 153.5 471.7 145.6 452C133.9 422.5 136.6 352.5 136.6 319.9C136.6 287.3 134 217.2 145.6 187.8C153.4 168.2 168.5 153.1 188.2 145.2C217.7 133.5 287.7 136.2 320.3 136.2C352.9 136.2 423 133.6 452.4 145.2C472 153 487.1 168.1 495 187.8C506.7 217.3 504 287.3 504 319.9C504 352.5 506.7 422.6 495 452z"/></svg></a>
<a href="https://www.youtube.com/@openarabtech" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M581.7 188.1C575.5 164.4 556.9 145.8 533.4 139.5C490.9 128 320.1 128 320.1 128C320.1 128 149.3 128 106.7 139.5C83.2 145.8 64.7 164.4 58.4 188.1C47 231 47 320.4 47 320.4C47 320.4 47 409.8 58.4 452.7C64.7 476.3 83.2 494.2 106.7 500.5C149.3 512 320.1 512 320.1 512C320.1 512 490.9 512 533.5 500.5C557 494.2 575.5 476.3 581.8 452.7C593.2 409.8 593.2 320.4 593.2 320.4C593.2 320.4 593.2 231 581.8 188.1zM264.2 401.6L264.2 239.2L406.9 320.4L264.2 401.6z"/></svg></a>
</div>
<p dir="ltr">OPEN ARAB TECH © 2025 - 2026</p>
</footer>
<!--Ends Footer-->
<script>
function copyWallet() {
const wallet = document.getElementById("wallet").textContent.trim();
navigator.clipboard.writeText(wallet).then(() => {
const button = document.querySelector(".wallet-box button");
button.textContent = "✓ تم النسخ";
setTimeout(() => { button.textContent = "📋 نسخ"; }, 2000);
});
}
</script>
</body>
</html>