Hugging Face's logo

Spaces:
Kinan0m
/
techtouch0
Running

App Files Community
Kinan0m commited on
Commit
da4705d
·
verified ·
1 Parent(s): 4d93afb

TechTouch لمسة تقنية صورة شخصية إعـــلان هنا وجهتكم الأمثل في التكنولوجيا 📝 آخر المنشورات BlackUltra TV 2025/08/20 Black Ultra #كود وتطبيق جديد .. سريع لكل الشبكات ❍ قنوات بث مباشر ❍ افلام ومسلسلات ❍ مناسب … Cinemana X سينمانــا 2025/08/19 سينمانا الأسود هو منصة تقدم خدمة البث التلفزيوني عبر الإنترنت، وهو تابع لشركة ايرثلنك. تهدف هذه … GTA SA للاندرويد فقط 2025/08/16 تم تعديل النسخة واضافة ✪ سيارات حديثه ✪ كرافك عالي جدا ✪ شخصيات جديدة ✪ توحد اكثر من نسخة … موفي بوكس 2025/08/16 افلام ومسلسلات CEE افلام مع التحميل 2025/08/16 افضل تطبيقات الاسطورة tv 2025/08/15 #تحديث 🥇قنوات رياضيه 🥇المحتوى الترفيهي 🥇جودة عالية ⭐️ يحتوى افلام ومسلسلات رمضان ✦ التعديل ✓ تم … Manus AI ذكاء اصطناعي 2025/08/13 منظمة Manus AI هي واحدة من المشاريع الرائدة في مجال الذكاء الاصطناعي، حيث تركز على تطوير حلول مبتكرة … 📚 المنشورات 🎮 الألعاب أحدث الألعاب والتطبيقات المتعلقة بها ⚽ أفضل التطبيقات الرياضية افضل تطبيقات قنوات البث المباشر 🎬 أفضل تطبيقات الأفلام أحدث تطبيقات الأفلام والمسلسلات 📱 قنوات التليجرام جميع قنوات التليجرام المتخصصة جميع الحقوق محفوظة © 2025 TechTouch - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +332 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Techtouch0
3
- emoji: 👀
4
- colorFrom: pink
5
- colorTo: yellow
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: techtouch0
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: green
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,332 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="ar" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>TechTouch - لمسة تقنية</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap');
11
+
12
+ body {
13
+ font-family: 'Tajawal', sans-serif;
14
+ background-color: #f5f7fa;
15
+ }
16
+
17
+ .gradient-bg {
18
+ background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
19
+ }
20
+
21
+ .post-card:hover {
22
+ transform: translateY(-5px);
23
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
24
+ }
25
+
26
+ .category-card:hover {
27
+ transform: scale(1.03);
28
+ }
29
+ </style>
30
+ </head>
31
+ <body class="text-gray-800">
32
+ <!-- Header -->
33
+ <header class="gradient-bg text-white shadow-lg">
34
+ <div class="container mx-auto px-4 py-6">
35
+ <div class="flex flex-col md:flex-row justify-between items-center">
36
+ <div class="flex items-center mb-4 md:mb-0">
37
+ <div class="w-12 h-12 rounded-full bg-white flex items-center justify-center mr-3">
38
+ <i class="fas fa-laptop-code text-2xl text-blue-600"></i>
39
+ </div>
40
+ <div>
41
+ <h1 class="text-2xl font-bold">TechTouch</h1>
42
+ <p class="text-sm opacity-80">لمسة تقنية</p>
43
+ </div>
44
+ </div>
45
+
46
+ <div class="w-full md:w-1/3 bg-white rounded-lg overflow-hidden">
47
+ <div class="h-10 bg-yellow-400 flex items-center justify-center text-black font-bold">
48
+ إعـــلان هنا
49
+ </div>
50
+ </div>
51
+ </div>
52
+ </div>
53
+ </header>
54
+
55
+ <!-- Hero Section -->
56
+ <section class="py-8 bg-white shadow-sm">
57
+ <div class="container mx-auto px-4 text-center">
58
+ <h2 class="text-3xl font-bold text-blue-600 mb-2">وجهتكم الأمثل في التكنولوجيا</h2>
59
+ <p class="text-gray-600 max-w-2xl mx-auto">أحدث التطبيقات والألعاب والحلول التقنية لجميع احتياجاتك الرقمية</p>
60
+ </div>
61
+ </section>
62
+
63
+ <!-- Main Content -->
64
+ <main class="container mx-auto px-4 py-8">
65
+ <div class="flex flex-col lg:flex-row gap-8">
66
+ <!-- Posts Section -->
67
+ <div class="lg:w-2/3">
68
+ <div class="flex items-center justify-between mb-6 border-b pb-2">
69
+ <h2 class="text-xl font-bold flex items-center">
70
+ <i class="fas fa-pen-fancy mr-2 text-blue-500"></i>
71
+ آخر المنشورات
72
+ </h2>
73
+ <a href="#" class="text-sm text-blue-500 hover:underline">عرض الكل</a>
74
+ </div>
75
+
76
+ <!-- Posts Grid -->
77
+ <div class="grid md:grid-cols-2 gap-6">
78
+ <!-- Post 1 -->
79
+ <div class="bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 post-card">
80
+ <div class="h-40 bg-gradient-to-r from-gray-800 to-gray-600 flex items-center justify-center">
81
+ <i class="fas fa-tv text-5xl text-white opacity-70"></i>
82
+ </div>
83
+ <div class="p-4">
84
+ <div class="flex justify-between items-center mb-2">
85
+ <span class="text-sm font-medium text-blue-600">BlackUltra TV</span>
86
+ <span class="text-xs text-gray-500">2025/08/20</span>
87
+ </div>
88
+ <h3 class="font-bold text-lg mb-2">Black Ultra #كود وتطبيق جديد .. سريع لكل الشبكات</h3>
89
+ <p class="text-gray-600 text-sm mb-3">
90
+ ❍ قنوات بث مباشر ❍ افلام ومسلسلات ❍ مناسب …
91
+ </p>
92
+ <div class="flex justify-between items-center">
93
+ <a href="#" class="text-blue-500 text-sm hover:underline">قراءة المزيد</a>
94
+ <div class="flex space-x-1">
95
+ <span class="text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded">تطبيق</span>
96
+ <span class="text-xs bg-purple-100 text-purple-800 px-2 py-1 rounded">بث مباشر</span>
97
+ </div>
98
+ </div>
99
+ </div>
100
+ </div>
101
+
102
+ <!-- Post 2 -->
103
+ <div class="bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 post-card">
104
+ <div class="h-40 bg-gradient-to-r from-purple-800 to-pink-600 flex items-center justify-center">
105
+ <i class="fas fa-film text-5xl text-white opacity-70"></i>
106
+ </div>
107
+ <div class="p-4">
108
+ <div class="flex justify-between items-center mb-2">
109
+ <span class="text-sm font-medium text-blue-600">Cinemana X سينمانــا</span>
110
+ <span class="text-xs text-gray-500">2025/08/19</span>
111
+ </div>
112
+ <h3 class="font-bold text-lg mb-2">سينمانا الأسود هو منصة تقدم خدمة البث التلفزيوني عبر الإنترنت</h3>
113
+ <p class="text-gray-600 text-sm mb-3">
114
+ تهدف هذه المنصة إلى تقديم محتوى متنوع يشمل الأفلام والمسلسلات والبرامج الترفيهية...
115
+ </p>
116
+ <div class="flex justify-between items-center">
117
+ <a href="#" class="text-blue-500 text-sm hover:underline">قراءة المزيد</a>
118
+ <div class="flex space-x-1">
119
+ <span class="text-xs bg-red-100 text-red-800 px-2 py-1 rounded">أفلام</span>
120
+ <span class="text-xs bg-purple-100 text-purple-800 px-2 py-1 rounded">بث مباشر</span>
121
+ </div>
122
+ </div>
123
+ </div>
124
+ </div>
125
+
126
+ <!-- Post 3 -->
127
+ <div class="bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 post-card">
128
+ <div class="h-40 bg-gradient-to-r from-green-800 to-blue-600 flex items-center justify-center">
129
+ <i class="fas fa-gamepad text-5xl text-white opacity-70"></i>
130
+ </div>
131
+ <div class="p-4">
132
+ <div class="flex justify-between items-center mb-2">
133
+ <span class="text-sm font-medium text-blue-600">GTA SA للاندرويد فقط</span>
134
+ <span class="text-xs text-gray-500">2025/08/16</span>
135
+ </div>
136
+ <h3 class="font-bold text-lg mb-2">تم تعديل النسخة واضافة ✪ سيارات حديثه ✪ كرافك عالي جدا</h3>
137
+ <p class="text-gray-600 text-sm mb-3">
138
+ ✪ شخصيات جديدة ✪ توحد اكثر من نسخة …
139
+ </p>
140
+ <div class="flex justify-between items-center">
141
+ <a href="#" class="text-blue-500 text-sm hover:underline">قراءة المزيد</a>
142
+ <div class="flex space-x-1">
143
+ <span class="text-xs bg-yellow-100 text-yellow-800 px-2 py-1 rounded">ألعاب</span>
144
+ <span class="text-xs bg-green-100 text-green-800 px-2 py-1 rounded">تعديل</span>
145
+ </div>
146
+ </div>
147
+ </div>
148
+ </div>
149
+
150
+ <!-- Post 4 -->
151
+ <div class="bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 post-card">
152
+ <div class="h-40 bg-gradient-to-r from-red-800 to-orange-600 flex items-center justify-center">
153
+ <i class="fas fa-video text-5xl text-white opacity-70"></i>
154
+ </div>
155
+ <div class="p-4">
156
+ <div class="flex justify-between items-center mb-2">
157
+ <span class="text-sm font-medium text-blue-600">موفي بوكس</span>
158
+ <span class="text-xs text-gray-500">2025/08/16</span>
159
+ </div>
160
+ <h3 class="font-bold text-lg mb-2">افلام ومسلسلات</h3>
161
+ <p class="text-gray-600 text-sm mb-3">
162
+ تطبيق شامل لمشاهدة أحدث الأفلام والمسلسلات بجودة عالية
163
+ </p>
164
+ <div class="flex justify-between items-center">
165
+ <a href="#" class="text-blue-500 text-sm hover:underline">قراءة المزيد</a>
166
+ <div class="flex space-x-1">
167
+ <span class="text-xs bg-red-100 text-red-800 px-2 py-1 rounded">أفلام</span>
168
+ <span class="text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded">مسلسلات</span>
169
+ </div>
170
+ </div>
171
+ </div>
172
+ </div>
173
+ </div>
174
+ </div>
175
+
176
+ <!-- Sidebar -->
177
+ <div class="lg:w-1/3">
178
+ <!-- Categories -->
179
+ <div class="bg-white rounded-lg shadow-md p-6 mb-6">
180
+ <h2 class="text-xl font-bold mb-4 flex items-center">
181
+ <i class="fas fa-th-large mr-2 text-blue-500"></i>
182
+ الأقسام
183
+ </h2>
184
+
185
+ <div class="grid grid-cols-2 gap-4">
186
+ <!-- Category 1 -->
187
+ <a href="#" class="bg-gray-50 rounded-lg p-4 text-center transition-all duration-300 category-card">
188
+ <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-2">
189
+ <i class="fas fa-gamepad text-blue-600"></i>
190
+ </div>
191
+ <h3 class="font-medium">🎮 الألعاب</h3>
192
+ <p class="text-xs text-gray-500 mt-1">أحدث الألعاب والتطبيقات المتعلقة بها</p>
193
+ </a>
194
+
195
+ <!-- Category 2 -->
196
+ <a href="#" class="bg-gray-50 rounded-lg p-4 text-center transition-all duration-300 category-card">
197
+ <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-2">
198
+ <i class="fas fa-futbol text-green-600"></i>
199
+ </div>
200
+ <h3 class="font-medium">⚽ أفضل التطبيقات الرياضية</h3>
201
+ <p class="text-xs text-gray-500 mt-1">افضل تطبيقات قنوات البث المباشر</p>
202
+ </a>
203
+
204
+ <!-- Category 3 -->
205
+ <a href="#" class="bg-gray-50 rounded-lg p-4 text-center transition-all duration-300 category-card">
206
+ <div class="w-12 h-12 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-2">
207
+ <i class="fas fa-film text-red-600"></i>
208
+ </div>
209
+ <h3 class="font-medium">🎬 أفضل تطبيقات الأفلام</h3>
210
+ <p class="text-xs text-gray-500 mt-1">أحدث تطبيقات الأفلام والمسلسلات</p>
211
+ </a>
212
+
213
+ <!-- Category 4 -->
214
+ <a href="#" class="bg-gray-50 rounded-lg p-4 text-center transition-all duration-300 category-card">
215
+ <div class="w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-2">
216
+ <i class="fab fa-telegram text-purple-600"></i>
217
+ </div>
218
+ <h3 class="font-medium">📱 قنوات التليجرام</h3>
219
+ <p class="text-xs text-gray-500 mt-1">جميع قنوات التليجرام المتخصصة</p>
220
+ </a>
221
+ </div>
222
+ </div>
223
+
224
+ <!-- Popular Posts -->
225
+ <div class="bg-white rounded-lg shadow-md p-6">
226
+ <h2 class="text-xl font-bold mb-4 flex items-center">
227
+ <i class="fas fa-fire mr-2 text-red-500"></i>
228
+ الأكثر مشاهدة
229
+ </h2>
230
+
231
+ <div class="space-y-4">
232
+ <!-- Popular Post 1 -->
233
+ <a href="#" class="flex items-start group">
234
+ <div class="w-16 h-16 bg-gray-200 rounded-md overflow-hidden flex-shrink-0">
235
+ <div class="w-full h-full bg-gradient-to-r from-blue-500 to-blue-700 flex items-center justify-center">
236
+ <i class="fas fa-tv text-white"></i>
237
+ </div>
238
+ </div>
239
+ <div class="mr-3">
240
+ <h3 class="font-medium group-hover:text-blue-600 transition">BlackUltra TV</h3>
241
+ <p class="text-xs text-gray-500">2025/08/20</p>
242
+ </div>
243
+ </a>
244
+
245
+ <!-- Popular Post 2 -->
246
+ <a href="#" class="flex items-start group">
247
+ <div class="w-16 h-16 bg-gray-200 rounded-md overflow-hidden flex-shrink-0">
248
+ <div class="w-full h-full bg-gradient-to-r from-purple-500 to-pink-600 flex items-center justify-center">
249
+ <i class="fas fa-film text-white"></i>
250
+ </div>
251
+ </div>
252
+ <div class="mr-3">
253
+ <h3 class="font-medium group-hover:text-blue-600 transition">Cinemana X سينمانــا</h3>
254
+ <p class="text-xs text-gray-500">2025/08/19</p>
255
+ </div>
256
+ </a>
257
+
258
+ <!-- Popular Post 3 -->
259
+ <a href="#" class="flex items-start group">
260
+ <div class="w-16 h-16 bg-gray-200 rounded-md overflow-hidden flex-shrink-0">
261
+ <div class="w-full h-full bg-gradient-to-r from-green-500 to-teal-600 flex items-center justify-center">
262
+ <i class="fas fa-gamepad text-white"></i>
263
+ </div>
264
+ </div>
265
+ <div class="mr-3">
266
+ <h3 class="font-medium group-hover:text-blue-600 transition">GTA SA للاندرويد فقط</h3>
267
+ <p class="text-xs text-gray-500">2025/08/16</p>
268
+ </div>
269
+ </a>
270
+ </div>
271
+ </div>
272
+ </div>
273
+ </div>
274
+ </main>
275
+
276
+ <!-- Footer -->
277
+ <footer class="bg-gray-900 text-white py-8">
278
+ <div class="container mx-auto px-4">
279
+ <div class="flex flex-col md:flex-row justify-between items-center">
280
+ <div class="mb-4 md:mb-0">
281
+ <div class="flex items-center">
282
+ <div class="w-10 h-10 rounded-full bg-white flex items-center justify-center mr-3">
283
+ <i class="fas fa-laptop-code text-xl text-blue-600"></i>
284
+ </div>
285
+ <div>
286
+ <h2 class="text-xl font-bold">TechTouch</h2>
287
+ <p class="text-sm opacity-80">لمسة تقنية</p>
288
+ </div>
289
+ </div>
290
+ </div>
291
+
292
+ <div class="flex space-x-6">
293
+ <a href="#" class="hover:text-blue-400 transition">
294
+ <i class="fab fa-facebook-f"></i>
295
+ </a>
296
+ <a href="#" class="hover:text-blue-400 transition">
297
+ <i class="fab fa-twitter"></i>
298
+ </a>
299
+ <a href="#" class="hover:text-blue-400 transition">
300
+ <i class="fab fa-telegram"></i>
301
+ </a>
302
+ <a href="#" class="hover:text-blue-400 transition">
303
+ <i class="fab fa-youtube"></i>
304
+ </a>
305
+ </div>
306
+ </div>
307
+
308
+ <div class="border-t border-gray-800 mt-6 pt-6 text-center text-sm text-gray-400">
309
+ جميع الحقوق محفوظة © 2025 TechTouch
310
+ </div>
311
+ </div>
312
+ </footer>
313
+
314
+ <script>
315
+ // Simple JavaScript for demonstration
316
+ document.addEventListener('DOMContentLoaded', function() {
317
+ // Add animation class to cards when they come into view
318
+ const observer = new IntersectionObserver((entries) => {
319
+ entries.forEach(entry => {
320
+ if (entry.isIntersecting) {
321
+ entry.target.classList.add('animate-fadeIn');
322
+ }
323
+ });
324
+ }, { threshold: 0.1 });
325
+
326
+ document.querySelectorAll('.post-card, .category-card').forEach(card => {
327
+ observer.observe(card);
328
+ });
329
+ });
330
+ </script>
331
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Kinan0m/techtouch0" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
332
+ </html>