Hugging Face's logo

Spaces:
Aissa170
/
aissahost
Running

App Files Community
Aissa170 commited on
Commit
1e1f12d
·
verified ·
1 Parent(s): 4106a94

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +559 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Aissahost
3
- emoji: 🏢
4
- colorFrom: purple
5
- colorTo: indigo
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: aissahost
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: yellow
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,559 @@
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>50 مقولة تحفيزية</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
+ }
15
+
16
+ .quote-card {
17
+ width: 100%;
18
+ aspect-ratio: 9/16;
19
+ position: relative;
20
+ overflow: hidden;
21
+ border-radius: 12px;
22
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
23
+ transition: all 0.3s ease;
24
+ }
25
+
26
+ .quote-card:hover {
27
+ transform: translateY(-5px);
28
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
29
+ }
30
+
31
+ .quote-text {
32
+ position: absolute;
33
+ top: 50%;
34
+ left: 50%;
35
+ transform: translate(-50%, -50%);
36
+ width: 85%;
37
+ text-align: center;
38
+ font-weight: 700;
39
+ line-height: 1.5;
40
+ text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
41
+ }
42
+
43
+ .gradient-bg-1 {
44
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
45
+ }
46
+
47
+ .gradient-bg-2 {
48
+ background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
49
+ }
50
+
51
+ .gradient-bg-3 {
52
+ background: linear-gradient(135deg, #5ee7df 0%, #b490ca 100%);
53
+ }
54
+
55
+ .gradient-bg-4 {
56
+ background: linear-gradient(135deg, #d299c2 0%, #fef9d7 100%);
57
+ }
58
+
59
+ .gradient-bg-5 {
60
+ background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
61
+ }
62
+
63
+ .gradient-bg-6 {
64
+ background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
65
+ }
66
+
67
+ .gradient-bg-7 {
68
+ background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
69
+ }
70
+
71
+ .gradient-bg-8 {
72
+ background: linear-gradient(135deg, #fbc2eb 0%, #a6c1ee 100%);
73
+ }
74
+
75
+ .gradient-bg-9 {
76
+ background: linear-gradient(135deg, #ffc3a0 0%, #ffafbd 100%);
77
+ }
78
+
79
+ .gradient-bg-10 {
80
+ background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
81
+ }
82
+
83
+ .pattern-overlay {
84
+ position: absolute;
85
+ top: 0;
86
+ left: 0;
87
+ width: 100%;
88
+ height: 100%;
89
+ opacity: 0.1;
90
+ background-image: radial-gradient(#000 1px, transparent 1px);
91
+ background-size: 15px 15px;
92
+ }
93
+
94
+ .floating-icon {
95
+ position: absolute;
96
+ font-size: 50px;
97
+ opacity: 0.2;
98
+ }
99
+ </style>
100
+ </head>
101
+ <body class="bg-gray-100 p-4">
102
+ <div class="max-w-4xl mx-auto">
103
+ <h1 class="text-3xl font-bold text-center mb-8 text-indigo-800">50 مقولة تحفيزية</h1>
104
+
105
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
106
+ <!-- Card 1 -->
107
+ <div class="quote-card gradient-bg-1">
108
+ <div class="pattern-overlay"></div>
109
+ <i class="floating-icon fas fa-star" style="top: 15%; left: 20%;"></i>
110
+ <i class="floating-icon fas fa-heart" style="bottom: 10%; right: 25%;"></i>
111
+ <div class="quote-text text-white text-3xl">
112
+ "لا تنتظر الظروف المثالية، ابدأ حيث أنت واستخدم ما لديك"
113
+ </div>
114
+ </div>
115
+
116
+ <!-- Card 2 -->
117
+ <div class="quote-card gradient-bg-2">
118
+ <div class="pattern-overlay"></div>
119
+ <i class="floating-icon fas fa-lightbulb" style="top: 20%; right: 15%;"></i>
120
+ <div class="quote-text text-white text-2xl">
121
+ "كل يوم هو فرصة جديدة لتكون أفضل مما كنت عليه بالأمس"
122
+ </div>
123
+ </div>
124
+
125
+ <!-- Card 3 -->
126
+ <div class="quote-card gradient-bg-3">
127
+ <div class="pattern-overlay"></div>
128
+ <i class="floating-icon fas fa-mountain" style="bottom: 15%; left: 20%;"></i>
129
+ <div class="quote-text text-gray-800 text-3xl font-bold">
130
+ "التحديات هي ما تجعل الحياة مثيرة، والتغلب عليها هو ما يجعلها ذات معنى"
131
+ </div>
132
+ </div>
133
+
134
+ <!-- Card 4 -->
135
+ <div class="quote-card gradient-bg-4">
136
+ <div class="pattern-overlay"></div>
137
+ <i class="floating-icon fas fa-feather-alt" style="top: 30%; right: 25%;"></i>
138
+ <div class="quote-text text-purple-800 text-2xl">
139
+ "لا تقارن نفسك بالآخرين، قارن نفسك بما كنت عليه سابقًا"
140
+ </div>
141
+ </div>
142
+
143
+ <!-- Card 5 -->
144
+ <div class="quote-card gradient-bg-5">
145
+ <div class="pattern-overlay"></div>
146
+ <i class="floating-icon fas fa-rocket" style="bottom: 20%; right: 15%;"></i>
147
+ <div class="quote-text text-gray-900 text-3xl">
148
+ "النجاح هو مجموع الجهود الصغيرة المتكررة يومًا بعد يوم"
149
+ </div>
150
+ </div>
151
+
152
+ <!-- Card 6 -->
153
+ <div class="quote-card gradient-bg-6">
154
+ <div class="pattern-overlay"></div>
155
+ <i class="floating-icon fas fa-sun" style="top: 15%; left: 15%;"></i>
156
+ <div class="quote-text text-red-700 text-2xl">
157
+ "إذا كنت تؤمن بها، يمكنك تحقيقها"
158
+ </div>
159
+ </div>
160
+
161
+ <!-- Card 7 -->
162
+ <div class="quote-card gradient-bg-7">
163
+ <div class="pattern-overlay"></div>
164
+ <i class="floating-icon fas fa-seedling" style="bottom: 25%; right: 20%;"></i>
165
+ <div class="quote-text text-white text-3xl">
166
+ "كل شيء يبدو مستحيلاً حتى يتم تحقيقه"
167
+ </div>
168
+ </div>
169
+
170
+ <!-- Card 8 -->
171
+ <div class="quote-card gradient-bg-8">
172
+ <div class="pattern-overlay"></div>
173
+ <i class="floating-icon fas fa-anchor" style="top: 20%; left: 25%;"></i>
174
+ <div class="quote-text text-white text-2xl">
175
+ "لا يوجد مصعد للنجاح، عليك أن تستخدم الدرج"
176
+ </div>
177
+ </div>
178
+
179
+ <!-- Card 9 -->
180
+ <div class="quote-card gradient-bg-9">
181
+ <div class="pattern-overlay"></div>
182
+ <i class="floating-icon fas fa-fire" style="bottom: 15%; right: 15%;"></i>
183
+ <div class="quote-text text-red-900 text-3xl">
184
+ "الشغف هو الوقود الذي يدفعك نحو النجاح"
185
+ </div>
186
+ </div>
187
+
188
+ <!-- Card 10 -->
189
+ <div class="quote-card gradient-bg-10">
190
+ <div class="pattern-overlay"></div>
191
+ <i class="floating-icon fas fa-compass" style="top: 25%; right: 20%;"></i>
192
+ <div class="quote-text text-white text-2xl">
193
+ "المستقبل ينتمي لأولئك الذين يؤمنون بجمال أحلامهم"
194
+ </div>
195
+ </div>
196
+
197
+ <!-- Card 11 -->
198
+ <div class="quote-card gradient-bg-1">
199
+ <div class="pattern-overlay"></div>
200
+ <i class="floating-icon fas fa-brain" style="bottom: 20%; left: 20%;"></i>
201
+ <div class="quote-text text-white text-3xl">
202
+ "عقلك قوي، أفكارك أقوى، إرادتك هي الأقوى"
203
+ </div>
204
+ </div>
205
+
206
+ <!-- Card 12 -->
207
+ <div class="quote-card gradient-bg-2">
208
+ <div class="pattern-overlay"></div>
209
+ <i class="floating-icon fas fa-dove" style="top: 15%; right: 15%;"></i>
210
+ <div class="quote-text text-white text-2xl">
211
+ "السعادة ليست محطة تصل إليها، بل طريقة للسفر"
212
+ </div>
213
+ </div>
214
+
215
+ <!-- Card 13 -->
216
+ <div class="quote-card gradient-bg-3">
217
+ <div class="pattern-overlay"></div>
218
+ <i class="floating-icon fas fa-gem" style="bottom: 25%; right: 25%;"></i>
219
+ <div class="quote-text text-gray-800 text-3xl">
220
+ "أنت المبدع الوحيد لمصيرك"
221
+ </div>
222
+ </div>
223
+
224
+ <!-- Card 14 -->
225
+ <div class="quote-card gradient-bg-4">
226
+ <div class="pattern-overlay"></div>
227
+ <i class="floating-icon fas fa-umbrella-beach" style="top: 30%; left: 20%;"></i>
228
+ <div class="quote-text text-purple-800 text-2xl">
229
+ "استمتع بالرحلة، فالحياة ليست مجرد وصول"
230
+ </div>
231
+ </div>
232
+
233
+ <!-- Card 15 -->
234
+ <div class="quote-card gradient-bg-5">
235
+ <div class="pattern-overlay"></div>
236
+ <i class="floating-icon fas fa-bolt" style="bottom: 15%; right: 15%;"></i>
237
+ <div class="quote-text text-gray-900 text-3xl">
238
+ "الطاقة الإيجابية تولد النتائج الإيجابية"
239
+ </div>
240
+ </div>
241
+
242
+ <!-- Card 16 -->
243
+ <div class="quote-card gradient-bg-6">
244
+ <div class="pattern-overlay"></div>
245
+ <i class="floating-icon fas fa-paint-brush" style="top: 20%; left: 15%;"></i>
246
+ <div class="quote-text text-red-700 text-2xl">
247
+ "ارسم حياتك كما تحب، أنت الفنان"
248
+ </div>
249
+ </div>
250
+
251
+ <!-- Card 17 -->
252
+ <div class="quote-card gradient-bg-7">
253
+ <div class="pattern-overlay"></div>
254
+ <i class="floating-icon fas fa-book" style="bottom: 20%; right: 20%;"></i>
255
+ <div class="quote-text text-white text-3xl">
256
+ "المعرفة هي القوة، والتعلم هو السلاح"
257
+ </div>
258
+ </div>
259
+
260
+ <!-- Card 18 -->
261
+ <div class="quote-card gradient-bg-8">
262
+ <div class="pattern-overlay"></div>
263
+ <i class="floating-icon fas fa-cloud" style="top: 15%; right: 25%;"></i>
264
+ <div class="quote-text text-white text-2xl">
265
+ "احلم بعيدًا، فالأحلام الكبيرة فقط تغير العالم"
266
+ </div>
267
+ </div>
268
+
269
+ <!-- Card 19 -->
270
+ <div class="quote-card gradient-bg-9">
271
+ <div class="pattern-overlay"></div>
272
+ <i class="floating-icon fas fa-tree" style="bottom: 25%; left: 20%;"></i>
273
+ <div class="quote-text text-red-900 text-3xl">
274
+ "النمو يأتي من خارج منطقة الراحة"
275
+ </div>
276
+ </div>
277
+
278
+ <!-- Card 20 -->
279
+ <div class="quote-card gradient-bg-10">
280
+ <div class="pattern-overlay"></div>
281
+ <i class="floating-icon fas fa-water" style="top: 30%; left: 15%;"></i>
282
+ <div class="quote-text text-white text-2xl">
283
+ "كن كالماء، ليّنًا في شكله، قويًا في تأثيره"
284
+ </div>
285
+ </div>
286
+
287
+ <!-- Card 21 -->
288
+ <div class="quote-card gradient-bg-1">
289
+ <div class="pattern-overlay"></div>
290
+ <i class="floating-icon fas fa-moon" style="bottom: 15%; right: 20%;"></i>
291
+ <div class="quote-text text-white text-3xl">
292
+ "حتى أطول رحلة تبدأ بخطوة واحدة"
293
+ </div>
294
+ </div>
295
+
296
+ <!-- Card 22 -->
297
+ <div class="quote-card gradient-bg-2">
298
+ <div class="pattern-overlay"></div>
299
+ <i class="floating-icon fas fa-globe" style="top: 25%; left: 20%;"></i>
300
+ <div class="quote-text text-white text-2xl">
301
+ "العالم مكان كبير، لا تقيد نفسك بحدود ضيقة"
302
+ </div>
303
+ </div>
304
+
305
+ <!-- Card 23 -->
306
+ <div class="quote-card gradient-bg-3">
307
+ <div class="pattern-overlay"></div>
308
+ <i class="floating-icon fas fa-crown" style="bottom: 20%; right: 25%;"></i>
309
+ <div class="quote-text text-gray-800 text-3xl">
310
+ "أنت ملك حياتك، تصرف بهذه الروح"
311
+ </div>
312
+ </div>
313
+
314
+ <!-- Card 24 -->
315
+ <div class="quote-card gradient-bg-4">
316
+ <div class="pattern-overlay"></div>
317
+ <i class="floating-icon fas fa-feather" style="top: 15%; right: 15%;"></i>
318
+ <div class="quote-text text-purple-800 text-2xl">
319
+ "الخوف هو مجرد وهم، الشجاعة هي الحقيقة"
320
+ </div>
321
+ </div>
322
+
323
+ <!-- Card 25 -->
324
+ <div class="quote-card gradient-bg-5">
325
+ <div class="pattern-overlay"></div>
326
+ <i class="floating-icon fas fa-bullseye" style="bottom: 15%; left: 20%;"></i>
327
+ <div class="quote-text text-gray-900 text-3xl">
328
+ "التركيز هو سر القوة"
329
+ </div>
330
+ </div>
331
+
332
+ <!-- Card 26 -->
333
+ <div class="quote-card gradient-bg-6">
334
+ <div class="pattern-overlay"></div>
335
+ <i class="floating-icon fas fa-infinity" style="top: 30%; right: 20%;"></i>
336
+ <div class="quote-text text-red-700 text-2xl">
337
+ "إمكانياتك لا حدود لها، فقط آمن بها"
338
+ </div>
339
+ </div>
340
+
341
+ <!-- Card 27 -->
342
+ <div class="quote-card gradient-bg-7">
343
+ <div class="pattern-overlay"></div>
344
+ <i class="floating-icon fas fa-puzzle-piece" style="bottom: 25%; left: 15%;"></i>
345
+ <div class="quote-text text-white text-3xl">
346
+ "كل مشكلة تحمل في طياتها فرصة عظيمة"
347
+ </div>
348
+ </div>
349
+
350
+ <!-- Card 28 -->
351
+ <div class="quote-card gradient-bg-8">
352
+ <div class="pattern-overlay"></div>
353
+ <i class="floating-icon fas fa-hourglass" style="top: 20%; right: 25%;"></i>
354
+ <div class="quote-text text-white text-2xl">
355
+ "الوقت هو أغلى ما تملك، استثمره بحكمة"
356
+ </div>
357
+ </div>
358
+
359
+ <!-- Card 29 -->
360
+ <div class="quote-card gradient-bg-9">
361
+ <div class="pattern-overlay"></div>
362
+ <i class="floating-icon fas fa-dragon" style="bottom: 15%; right: 15%;"></i>
363
+ <div class="quote-text text-red-900 text-3xl">
364
+ "كن أسطوريًا في كل ما تفعل"
365
+ </div>
366
+ </div>
367
+
368
+ <!-- Card 30 -->
369
+ <div class="quote-card gradient-bg-10">
370
+ <div class="pattern-overlay"></div>
371
+ <i class="floating-icon fas fa-atom" style="top: 25%; left: 20%;"></i>
372
+ <div class="quote-text text-white text-2xl">
373
+ "التغيير يبدأ من الداخل، كن التغيير الذي تريد رؤيته"
374
+ </div>
375
+ </div>
376
+
377
+ <!-- Card 31 -->
378
+ <div class="quote-card gradient-bg-1">
379
+ <div class="pattern-overlay"></div>
380
+ <i class="floating-icon fas fa-mountain" style="bottom: 20%; right: 20%;"></i>
381
+ <div class="quote-text text-white text-3xl">
382
+ "كل قمة تبدو مستحيلة حتى تتسلقها"
383
+ </div>
384
+ </div>
385
+
386
+ <!-- Card 32 -->
387
+ <div class="quote-card gradient-bg-2">
388
+ <div class="pattern-overlay"></div>
389
+ <i class="floating-icon fas fa-lightbulb" style="top: 15%; left: 15%;"></i>
390
+ <div class="quote-text text-white text-2xl">
391
+ "الأفكار العظيمة تحتاج إلى شجاعة لتنفيذها"
392
+ </div>
393
+ </div>
394
+
395
+ <!-- Card 33 -->
396
+ <div class="quote-card gradient-bg-3">
397
+ <div class="pattern-overlay"></div>
398
+ <i class="floating-icon fas fa-rocket" style="bottom: 25%; left: 25%;"></i>
399
+ <div class="quote-text text-gray-800 text-3xl">
400
+ "ضع أهدافًا تبدو مستحيلة، ثم اجعلها ممكنة"
401
+ </div>
402
+ </div>
403
+
404
+ <!-- Card 34 -->
405
+ <div class="quote-card gradient-bg-4">
406
+ <div class="pattern-overlay"></div>
407
+ <i class="floating-icon fas fa-leaf" style="top: 30%; right: 20%;"></i>
408
+ <div class="quote-text text-purple-800 text-2xl">
409
+ "النمو الحقيقي يأتي عندما تتحدى نفسك"
410
+ </div>
411
+ </div>
412
+
413
+ <!-- Card 35 -->
414
+ <div class="quote-card gradient-bg-5">
415
+ <div class="pattern-overlay"></div>
416
+ <i class="floating-icon fas fa-fire" style="bottom: 15%; right: 15%;"></i>
417
+ <div class="quote-text text-gray-900 text-3xl">
418
+ "الشغف هو ما يدفعك، المثابرة هي ما يبقيك"
419
+ </div>
420
+ </div>
421
+
422
+ <!-- Card 36 -->
423
+ <div class="quote-card gradient-bg-6">
424
+ <div class="pattern-overlay"></div>
425
+ <i class="floating-icon fas fa-star" style="top: 20%; left: 20%;"></i>
426
+ <div class="quote-text text-red-700 text-2xl">
427
+ "كن نجمًا في سماء أحلامك"
428
+ </div>
429
+ </div>
430
+
431
+ <!-- Card 37 -->
432
+ <div class="quote-card gradient-bg-7">
433
+ <div class="pattern-overlay"></div>
434
+ <i class="floating-icon fas fa-anchor" style="bottom: 20%; right: 20%;"></i>
435
+ <div class="quote-text text-white text-3xl">
436
+ "الثبات هو سر النجاح الطويل"
437
+ </div>
438
+ </div>
439
+
440
+ <!-- Card 38 -->
441
+ <div class="quote-card gradient-bg-8">
442
+ <div class="pattern-overlay"></div>
443
+ <i class="floating-icon fas fa-compass" style="top: 15%; right: 25%;"></i>
444
+ <div class="quote-text text-white text-2xl">
445
+ "ابحث عن شغفك، وسوف تجد طريقك"
446
+ </div>
447
+ </div>
448
+
449
+ <!-- Card 39 -->
450
+ <div class="quote-card gradient-bg-9">
451
+ <div class="pattern-overlay"></div>
452
+ <i class="floating-icon fas fa-gem" style="bottom: 25%; left: 20%;"></i>
453
+ <div class="quote-text text-red-900 text-3xl">
454
+ "أنت كنز ثمين، تصرف بهذه الروح"
455
+ </div>
456
+ </div>
457
+
458
+ <!-- Card 40 -->
459
+ <div class="quote-card gradient-bg-10">
460
+ <div class="pattern-overlay"></div>
461
+ <i class="floating-icon fas fa-water" style="top: 30%; left: 15%;"></i>
462
+ <div class="quote-text text-white text-2xl">
463
+ "كن مرنًا كالماء، قويًا كالجبال"
464
+ </div>
465
+ </div>
466
+
467
+ <!-- Card 41 -->
468
+ <div class="quote-card gradient-bg-1">
469
+ <div class="pattern-overlay"></div>
470
+ <i class="floating-icon fas fa-brain" style="bottom: 15%; right: 20%;"></i>
471
+ <div class="quote-text text-white text-3xl">
472
+ "عقلك هو أقوى أداة تملكها، دربه جيدًا"
473
+ </div>
474
+ </div>
475
+
476
+ <!-- Card 42 -->
477
+ <div class="quote-card gradient-bg-2">
478
+ <div class="pattern-overlay"></div>
479
+ <i class="floating-icon fas fa-dove" style="top: 25%; left: 20%;"></i>
480
+ <div class="quote-text text-white text-2xl">
481
+ "السعادة اختيار، اخترها كل يوم"
482
+ </div>
483
+ </div>
484
+
485
+ <!-- Card 43 -->
486
+ <div class="quote-card gradient-bg-3">
487
+ <div class="pattern-overlay"></div>
488
+ <i class="floating-icon fas fa-book" style="bottom: 20%; right: 25%;"></i>
489
+ <div class="quote-text text-gray-800 text-3xl">
490
+ "اقرأ كثيرًا، فالمعرفة هي السلاح"
491
+ </div>
492
+ </div>
493
+
494
+ <!-- Card 44 -->
495
+ <div class="quote-card gradient-bg-4">
496
+ <div class="pattern-overlay"></div>
497
+ <i class="floating-icon fas fa-umbrella-beach" style="top: 15%; right: 15%;"></i>
498
+ <div class="quote-text text-purple-800 text-2xl">
499
+ "استمتع باللحظة، فهي لن تعود"
500
+ </div>
501
+ </div>
502
+
503
+ <!-- Card 45 -->
504
+ <div class="quote-card gradient-bg-5">
505
+ <div class="pattern-overlay"></div>
506
+ <i class="floating-icon fas fa-bolt" style="bottom: 15%; left: 20%;"></i>
507
+ <div class="quote-text text-gray-900 text-3xl">
508
+ "كن سريعًا في التحرك، حكيمًا في التفكير"
509
+ </div>
510
+ </div>
511
+
512
+ <!-- Card 46 -->
513
+ <div class="quote-card gradient-bg-6">
514
+ <div class="pattern-overlay"></div>
515
+ <i class="floating-icon fas fa-paint-brush" style="top: 30%; right: 20%;"></i>
516
+ <div class="quote-text text-red-700 text-2xl">
517
+ "ارسم حياتك بألوان أحلامك"
518
+ </div>
519
+ </div>
520
+
521
+ <!-- Card 47 -->
522
+ <div class="quote-card gradient-bg-7">
523
+ <div class="pattern-overlay"></div>
524
+ <i class="floating-icon fas fa-moon" style="bottom: 25%; left: 15%;"></i>
525
+ <div class="quote-text text-white text-3xl">
526
+ "حتى في أحلك الليالي، هناك أمل"
527
+ </div>
528
+ </div>
529
+
530
+ <!-- Card 48 -->
531
+ <div class="quote-card gradient-bg-8">
532
+ <div class="pattern-overlay"></div>
533
+ <i class="floating-icon fas fa-cloud" style="top: 20%; right: 25%;"></i>
534
+ <div class="quote-text text-white text-2xl">
535
+ "الأحلام الكبيرة تحتاج إلى صبر كبير"
536
+ </div>
537
+ </div>
538
+
539
+ <!-- Card 49 -->
540
+ <div class="quote-card gradient-bg-9">
541
+ <div class="pattern-overlay"></div>
542
+ <i class="floating-icon fas fa-tree" style="bottom: 15%; right: 15%;"></i>
543
+ <div class="quote-text text-red-900 text-3xl">
544
+ "كن كالشجرة، متجذرًا في الأرض، ممتدًا نحو السماء"
545
+ </div>
546
+ </div>
547
+
548
+ <!-- Card 50 -->
549
+ <div class="quote-card gradient-bg-10">
550
+ <div class="pattern-overlay"></div>
551
+ <i class="floating-icon fas fa-globe" style="top: 25%; left: 20%;"></i>
552
+ <div class="quote-text text-white text-2xl">
553
+ "العالم بين يديك، ما عليك سوى أن تأخذه"
554
+ </div>
555
+ </div>
556
+ </div>
557
+ </div>
558
+ <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=Aissa170/aissahost" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
559
+ </html>