Spaces:
Running
Running
| <html lang="ar" dir="rtl"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>emandate - RT</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet"> | |
| <style> | |
| body { | |
| font-family: 'Tajawal', sans-serif; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50 text-gray-800"> | |
| <div class="container mx-auto px-4 py-8"> | |
| <header class="text-center mb-12"> | |
| <h1 class="text-3xl md:text-4xl font-bold text-blue-700 mb-4">emandate RT</h1> | |
| <p class="text-lg text-gray-600 max-w-2xl mx-auto">نظام إدارة الأوامر والخدمات المالية</p> | |
| </header> | |
| <main> | |
| <!-- قسم سند أمر النفاذ --> | |
| <section class="bg-white rounded-xl shadow-md p-6 mb-10"> | |
| <h2 class="text-2xl font-bold text-blue-600 mb-4 border-b pb-2">سند أمر النفاذ</h2> | |
| <div class="space-y-4"> | |
| <div class="flex items-start"> | |
| <span class="bg-blue-100 text-blue-800 rounded-full p-2 mr-3"> | |
| <i data-feather="check-circle"></i> | |
| </span> | |
| <div> | |
| <p class="font-medium">باقة 4000 على راتب 1000</p> | |
| <ul class="list-disc mr-6 mt-2 text-gray-600"> | |
| <li>زيادة 125 خدمات</li> | |
| <li>الإجمالي 4500</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <span class="bg-blue-100 text-blue-800 rounded-full p-2 mr-3"> | |
| <i data-feather="check-circle"></i> | |
| </span> | |
| <div> | |
| <p class="font-medium">باقة 6000 على راتب 1000</p> | |
| <ul class="list-disc mr-6 mt-2 text-gray-600"> | |
| <li>زيادة 84 خدمات</li> | |
| <li>الإجمالي 6500</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="mt-6 p-4 bg-yellow-50 border-r-4 border-yellow-500 rounded"> | |
| <p class="font-medium text-yellow-700">ترخيص فقط:</p> | |
| <p class="text-lg font-mono text-yellow-800 mt-1">FL-333236721</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- قسم نسبة الخدمات --> | |
| <section class="bg-white rounded-xl shadow-md p-6"> | |
| <h2 class="text-2xl font-bold text-blue-600 mb-4 border-b pb-2">نسبة الخدمات – هل يجوز سلفة؟</h2> | |
| <div class="space-y-4"> | |
| <div class="flex items-start"> | |
| <span class="bg-green-100 text-green-800 rounded-full p-2 mr-3"> | |
| <i data-feather="check"></i> | |
| </span> | |
| <p>تكون الخدمة موجودة فعلًا ومحددة</p> | |
| </div> | |
| <div class="flex items-start"> | |
| <span class="bg-green-100 text-green-800 rounded-full p-2 mr-3"> | |
| <i data-feather="check"></i> | |
| </span> | |
| <p>المبلغ الإضافي يُكتب بوضوح أنه رسوم خدمة وليس زيادة على القرض</p> | |
| </div> | |
| <div class="flex items-start"> | |
| <span class="bg-green-100 text-green-800 rounded-full p-2 mr-3"> | |
| <i data-feather="check"></i> | |
| </span> | |
| <p>يفضل أن يكون هناك عقد مستقل يوضح تفاصيل الخدمة</p> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <footer class="mt-16 text-center text-gray-500 text-sm"> | |
| <a href="https://wa.me/966556452500" | |
| class="inline-flex items-center justify-center bg-green-500 hover:bg-green-600 text-white font-bold py-3 px-6 rounded-full shadow-lg transition duration-300 mb-4"> | |
| <i data-feather="phone" class="w-5 h-5 ml-2"></i> | |
| واتساب 0556452500 | |
| </a> | |
| <p>© 2023 emandate - جميع الحقوق محفوظة</p> | |
| </footer> | |
| </div> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> | |