Hugging Face's logo

Spaces:
Rayan545454
/
r77766
Running

App Files Community
Rayan545454 commited on
Commit
3b985ba
·
verified ·
1 Parent(s): f4f06b1

ابغا معهد زي الرابط https://numo.sa/ar/platform الاسم المعهد RT - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +306 -18
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: R77766
3
- emoji: 🚀
4
- colorFrom: indigo
5
- colorTo: blue
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: r77766
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: red
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,307 @@
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>المعهد RT</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap" rel="stylesheet">
10
+ <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
11
+ <script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
12
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
13
+ <script src="https://unpkg.com/feather-icons"></script>
14
+ <style>
15
+ body {
16
+ font-family: 'Tajawal', sans-serif;
17
+ background-color: #f8f9fa;
18
+ }
19
+ .hero-bg {
20
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
21
+ }
22
+ .card-shadow {
23
+ box-shadow: 0 10px 30px -15px rgba(0,0,0,0.1);
24
+ transition: all 0.3s ease;
25
+ }
26
+ .card-shadow:hover {
27
+ transform: translateY(-5px);
28
+ box-shadow: 0 20px 40px -15px rgba(0,0,0,0.2);
29
+ }
30
+ .btn-primary {
31
+ background: linear-gradient(to right, #667eea, #764ba2);
32
+ transition: all 0.3s ease;
33
+ }
34
+ .btn-primary:hover {
35
+ transform: translateY(-2px);
36
+ box-shadow: 0 10px 20px rgba(0,0,0,0.1);
37
+ }
38
+ .feature-icon {
39
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
40
+ }
41
+ </style>
42
+ </head>
43
+ <body class="bg-gray-50">
44
+ <!-- Header -->
45
+ <header class="bg-white shadow-sm sticky top-0 z-50">
46
+ <div class="container mx-auto px-4 py-4 flex justify-between items-center">
47
+ <div class="flex items-center">
48
+ <div class="bg-gradient-to-r from-purple-600 to-indigo-600 w-10 h-10 rounded-lg flex items-center justify-center text-white font-bold text-xl">RT</div>
49
+ <span class="mr-3 text-xl font-bold text-gray-800">المعهد RT</span>
50
+ </div>
51
+
52
+ <nav class="hidden md:flex space-x-8 space-x-reverse">
53
+ <a href="#" class="text-indigo-600 font-medium">الرئيسية</a>
54
+ <a href="#" class="text-gray-600 hover:text-indigo-600 transition">عن المعهد</a>
55
+ <a href="#" class="text-gray-600 hover:text-indigo-600 transition">البرامج</a>
56
+ <a href="#" class="text-gray-600 hover:text-indigo-600 transition">الأساتذة</a>
57
+ <a href="#" class="text-gray-600 hover:text-indigo-600 transition">الأخبار</a>
58
+ <a href="#" class="text-gray-600 hover:text-indigo-600 transition">اتصل بنا</a>
59
+ </nav>
60
+
61
+ <button class="md:hidden text-gray-600">
62
+ <i data-feather="menu" class="w-6 h-6"></i>
63
+ </button>
64
+ </div>
65
+ </header>
66
+
67
+ <!-- Hero Section -->
68
+ <section class="hero-bg text-white py-20">
69
+ <div class="container mx-auto px-4 text-center">
70
+ <h1 class="text-4xl md:text-6xl font-bold mb-6" data-aos="fade-up">معهد RT للتعليم العالي</h1>
71
+ <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">نقدم تعليماً متقدماً في مختلف المجالات مع أساتذة متخصصين وبيئة تعليمية متطورة</p>
72
+ <div class="flex flex-col sm:flex-row justify-center gap-4" data-aos="fade-up" data-aos-delay="200">
73
+ <button class="btn-primary text-white font-bold py-3 px-8 rounded-lg">سجل الآن</button>
74
+ <button class="bg-white text-indigo-600 font-bold py-3 px-8 rounded-lg hover:bg-gray-100 transition">تعرف على البرامج</button>
75
+ </div>
76
+ </div>
77
+ </section>
78
+
79
+ <!-- Features Section -->
80
+ <section class="py-20 bg-white">
81
+ <div class="container mx-auto px-4">
82
+ <div class="text-center mb-16" data-aos="fade-up">
83
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">لماذا تختار معهد RT؟</h2>
84
+ <p class="text-gray-600 max-w-2xl mx-auto">نوفر بيئة تعليمية متطورة وبرامج متخصصة لضمان نجاحك الأكاديمي والمهني</p>
85
+ </div>
86
+
87
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
88
+ <div class="card-shadow bg-white rounded-xl p-6 text-center" data-aos="fade-up">
89
+ <div class="feature-icon w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
90
+ <i data-feather="award" class="text-white w-8 h-8"></i>
91
+ </div>
92
+ <h3 class="text-xl font-bold text-gray-800 mb-2">شهادات معتمدة</h3>
93
+ <p class="text-gray-600">جميع شهاداتنا معتمدة من الجهات الرسمية والدولية</p>
94
+ </div>
95
+
96
+ <div class="card-shadow bg-white rounded-xl p-6 text-center" data-aos="fade-up" data-aos-delay="100">
97
+ <div class="feature-icon w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
98
+ <i data-feather="users" class="text-white w-8 h-8"></i>
99
+ </div>
100
+ <h3 class="text-xl font-bold text-gray-800 mb-2">أساتذة متخصصون</h3>
101
+ <p class="text-gray-600">فريق تدريبي من الخبراء في مختلف التخصصات</p>
102
+ </div>
103
+
104
+ <div class="card-shadow bg-white rounded-xl p-6 text-center" data-aos="fade-up" data-aos-delay="200">
105
+ <div class="feature-icon w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
106
+ <i data-feather="book-open" class="text-white w-8 h-8"></i>
107
+ </div>
108
+ <h3 class="text-xl font-bold text-gray-800 mb-2">مناهج حديثة</h3>
109
+ <p class="text-gray-600">مناهج محدثة تواكب التطورات في سوق العمل</p>
110
+ </div>
111
+
112
+ <div class="card-shadow bg-white rounded-xl p-6 text-center" data-aos="fade-up" data-aos-delay="300">
113
+ <div class="feature-icon w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
114
+ <i data-feather="globe" class="text-white w-8 h-8"></i>
115
+ </div>
116
+ <h3 class="text-xl font-bold text-gray-800 mb-2">فرص عمل</h3>
117
+ <p class="text-gray-600">شراكات مع الشركات لضمان فرص عمل للخريجين</p>
118
+ </div>
119
+ </div>
120
+ </div>
121
+ </section>
122
+
123
+ <!-- Programs Section -->
124
+ <section class="py-20 bg-gray-50">
125
+ <div class="container mx-auto px-4">
126
+ <div class="text-center mb-16" data-aos="fade-up">
127
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">برامجنا التعليمية</h2>
128
+ <p class="text-gray-600 max-w-2xl mx-auto">نقدم مجموعة متنوعة من البرامج لتلبية احتياجاتك التعليمية والمهنية</p>
129
+ </div>
130
+
131
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
132
+ <div class="card-shadow bg-white rounded-xl overflow-hidden" data-aos="fade-up">
133
+ <img src="http://static.photos/technology/640x360/1" alt="التكنولوجيا" class="w-full h-48 object-cover">
134
+ <div class="p-6">
135
+ <h3 class="text-xl font-bold text-gray-800 mb-2">علوم الحاسوب</h3>
136
+ <p class="text-gray-600 mb-4">برنامج شامل في تطوير البرمجيات والأمن السيبراني</p>
137
+ <button class="text-indigo-600 font-medium hover:text-indigo-800 transition">تعرف على المزيد</button>
138
+ </div>
139
+ </div>
140
+
141
+ <div class="card-shadow bg-white rounded-xl overflow-hidden" data-aos="fade-up" data-aos-delay="100">
142
+ <img src="http://static.photos/business/640x360/2" alt="إدارة الأعمال" class="w-full h-48 object-cover">
143
+ <div class="p-6">
144
+ <h3 class="text-xl font-bold text-gray-800 mb-2">إدارة الأعمال</h3>
145
+ <p class="text-gray-600 mb-4">تطوير المهارات الإدارية والقيادية</p>
146
+ <button class="text-indigo-600 font-medium hover:text-indigo-800 transition">تعرف على المزيد</button>
147
+ </div>
148
+ </div>
149
+
150
+ <div class="card-shadow bg-white rounded-xl overflow-hidden" data-aos="fade-up" data-aos-delay="200">
151
+ <img src="http://static.photos/health/640x360/3" alt="الصحة" class="w-full h-48 object-cover">
152
+ <div class="p-6">
153
+ <h3 class="text-xl font-bold text-gray-800 mb-2">التمريض</h3>
154
+ <p class="text-gray-600 mb-4">برنامج مهني في التمريض والعناية الصحية</p>
155
+ <button class="text-indigo-600 font-medium hover:text-indigo-800 transition">تعرف على المزيد</button>
156
+ </div>
157
+ </div>
158
+ </div>
159
+ </div>
160
+ </section>
161
+
162
+ <!-- Stats Section -->
163
+ <section class="py-20 bg-gradient-to-r from-purple-600 to-indigo-600 text-white">
164
+ <div class="container mx-auto px-4">
165
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
166
+ <div data-aos="fade-up">
167
+ <div class="text-4xl md:text-5xl font-bold mb-2">5000+</div>
168
+ <div class="text-lg">طالب خريج</div>
169
+ </div>
170
+ <div data-aos="fade-up" data-aos-delay="100">
171
+ <div class="text-4xl md:text-5xl font-bold mb-2">150+</div>
172
+ <div class="text-lg">أساتذة متخصص</div>
173
+ </div>
174
+ <div data-aos="fade-up" data-aos-delay="200">
175
+ <div class="text-4xl md:text-5xl font-bold mb-2">25+</div>
176
+ <div class="text-lg">برنامج دراسي</div>
177
+ </div>
178
+ <div data-aos="fade-up" data-aos-delay="300">
179
+ <div class="text-4xl md:text-5xl font-bold mb-2">95%</div>
180
+ <div class="text-lg">نسبة التوظيف</div>
181
+ </div>
182
+ </div>
183
+ </div>
184
+ </section>
185
+
186
+ <!-- Testimonials Section -->
187
+ <section class="py-20 bg-white">
188
+ <div class="container mx-auto px-4">
189
+ <div class="text-center mb-16" data-aos="fade-up">
190
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">آراء خريجينا</h2>
191
+ <p class="text-gray-600 max-w-2xl mx-auto">قصص نجاح من خريجينا الذين حققوا أهدافهم المهنية</p>
192
+ </div>
193
+
194
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
195
+ <div class="card-shadow bg-white rounded-xl p-6" data-aos="fade-up">
196
+ <div class="flex items-center mb-4">
197
+ <img src="http://static.photos/people/320x240/1" alt="طالب" class="w-12 h-12 rounded-full object-cover ml-4">
198
+ <div>
199
+ <h4 class="font-bold text-gray-800">أحمد محمد</h4>
200
+ <p class="text-gray-600 text-sm">خريج علوم الحاسوب</p>
201
+ </div>
202
+ </div>
203
+ <p class="text-gray-600">"البرنامج ساعدني على الحصول على وظيفة في إحدى أكبر الشركات التقنية في المنطقة. أوصي به للجميع."</p>
204
+ </div>
205
+
206
+ <div class="card-shadow bg-white rounded-xl p-6" data-aos="fade-up" data-aos-delay="100">
207
+ <div class="flex items-center mb-4">
208
+ <img src="http://static.photos/people/320x240/2" alt="طالبة" class="w-12 h-12 rounded-full object-cover ml-4">
209
+ <div>
210
+ <h4 class="font-bold text-gray-800">فاطمة عبدالله</h4>
211
+ <p class="text-gray-600 text-sm">خريجة إدارة الأعمال</p>
212
+ </div>
213
+ </div>
214
+ <p class="text-gray-600">"البيئة الأكاديمية ممتازة والأساتذة داعمون جداً. ساعدني البرنامج على تطوير مهاراتي القيادية."</p>
215
+ </div>
216
+
217
+ <div class="card-shadow bg-white rounded-xl p-6" data-aos="fade-up" data-aos-delay="200">
218
+ <div class="flex items-center mb-4">
219
+ <img src="http://static.photos/people/320x240/3" alt="طالب" class="w-12 h-12 rounded-full object-cover ml-4">
220
+ <div>
221
+ <h4 class="font-bold text-gray-800">خالد سعيد</h4>
222
+ <p class="text-gray-600 text-sm">خريج التمريض</p>
223
+ </div>
224
+ </div>
225
+ <p class="text-gray-600">"التدريب العملي كان ممتازاً وفتح لي أبواباً عديدة في مجال التمريض. شكرًا للفريق الرائع."</p>
226
+ </div>
227
+ </div>
228
+ </div>
229
+ </section>
230
+
231
+ <!-- CTA Section -->
232
+ <section class="py-20 bg-gradient-to-r from-indigo-500 to-purple-600 text-white">
233
+ <div class="container mx-auto px-4 text-center">
234
+ <h2 class="text-3xl md:text-4xl font-bold mb-6" data-aos="fade-up">هل أنت جاهز للبدء؟</h2>
235
+ <p class="text-xl mb-8 max-w-2xl mx-auto" data-aos="fade-up" data-aos-delay="100">انضم إلينا اليوم وابدأ رحلتك الأكاديمية نحو النجاح</p>
236
+ <div class="flex flex-col sm:flex-row justify-center gap-4" data-aos="fade-up" data-aos-delay="200">
237
+ <button class="bg-white text-indigo-600 font-bold py-3 px-8 rounded-lg hover:bg-gray-100 transition">سجل الآن</button>
238
+ <button class="border-2 border-white text-white font-bold py-3 px-8 rounded-lg hover:bg-white hover:text-indigo-600 transition">اتصل بنا</button>
239
+ </div>
240
+ </div>
241
+ </section>
242
+
243
+ <!-- Footer -->
244
+ <footer class="bg-gray-900 text-white py-12">
245
+ <div class="container mx-auto px-4">
246
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
247
+ <div>
248
+ <div class="flex items-center mb-4">
249
+ <div class="bg-gradient-to-r from-purple-600 to-indigo-600 w-8 h-8 rounded-lg flex items-center justify-center text-white font-bold">RT</div>
250
+ <span class="mr-2 text-lg font-bold">المعهد RT</span>
251
+ </div>
252
+ <p class="text-gray-400 mb-4">معهد تعليمي متقدم يهدف إلى تمكين الطلاب وتأهيلهم للسوق المهني</p>
253
+ <div class="flex space-x-4 space-x-reverse">
254
+ <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="facebook" class="w-5 h-5"></i></a>
255
+ <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="twitter" class="w-5 h-5"></i></a>
256
+ <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="instagram" class="w-5 h-5"></i></a>
257
+ <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="linkedin" class="w-5 h-5"></i></a>
258
+ </div>
259
+ </div>
260
+
261
+ <div>
262
+ <h3 class="text-lg font-bold mb-4">روابط سريعة</h3>
263
+ <ul class="space-y-2">
264
+ <li><a href="#" class="text-gray-400 hover:text-white transition">الرئيسية</a></li>
265
+ <li><a href="#" class="text-gray-400 hover:text-white transition">عن المعهد</a></li>
266
+ <li><a href="#" class="text-gray-400 hover:text-white transition">البرامج</a></li>
267
+ <li><a href="#" class="text-gray-400 hover:text-white transition">الأساتذة</a></li>
268
+ <li><a href="#" class="text-gray-400 hover:text-white transition">الأخبار</a></li>
269
+ </ul>
270
+ </div>
271
+
272
+ <div>
273
+ <h3 class="text-lg font-bold mb-4">البرامج</h3>
274
+ <ul class="space-y-2">
275
+ <li><a href="#" class="text-gray-400 hover:text-white transition">علوم الحاسوب</a></li>
276
+ <li><a href="#" class="text-gray-400 hover:text-white transition">إدارة الأعمال</a></li>
277
+ <li><a href="#" class="text-gray-400 hover:text-white transition">التمريض</a></li>
278
+ <li><a href="#" class="text-gray-400 hover:text-white transition">هندسة البرمجيات</a></li>
279
+ <li><a href="#" class="text-gray-400 hover:text-white transition">التسويق الرقمي</a></li>
280
+ </ul>
281
+ </div>
282
+
283
+ <div>
284
+ <h3 class="text-lg font-bold mb-4">تواصل معنا</h3>
285
+ <ul class="space-y-2 text-gray-400">
286
+ <li class="flex items-center"><i data-feather="map-pin" class="w-4 h-4 ml-2"></i> الرياض، المملكة العربية السعودية</li>
287
+ <li class="flex items-center"><i data-feather="phone" class="w-4 h-4 ml-2"></i> +966 11 123 4567</li>
288
+ <li class="flex items-center"><i data-feather="mail" class="w-4 h-4 ml-2"></i> [email protected]</li>
289
+ </ul>
290
+ </div>
291
+ </div>
292
+
293
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
294
+ <p>&copy; 2023 المعهد RT. جميع الحقوق محفوظة.</p>
295
+ </div>
296
+ </div>
297
+ </footer>
298
+
299
+ <script>
300
+ AOS.init({
301
+ duration: 800,
302
+ easing: 'ease-in-out'
303
+ });
304
+ feather.replace();
305
+ </script>
306
+ </body>
307
  </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ ابغا معهد زي الرابط https://numo.sa/ar/platform الاسم المعهد RT