| <!doctype html><html lang="ar" dir="rtl"><head> |
| <meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"> |
| <meta name="theme-color" content="#1f7565"><meta name="description" content="إيفاء 360 — منظومة رقمية مترابطة للتعليم والإدارة والأسرة والرعاية التأهيلية."> |
| <title>إيفاء 360 | رحلة المستفيد في منظومة واحدة</title><link rel="stylesheet" href="assets/css/style.css"></head><body> |
|
|
| <a class="skip-link" href="#main">تجاوز إلى المحتوى</a> |
| <header class="topbar"> |
| <div class="container topbar-inner"> |
| <a class="brand" href="index.html" aria-label="إيفاء 360 - الرئيسية"> |
| <span class="brand-mark"><img src="https://psrc.org.sa/wp-content/uploads/sites/3740/2026/08/IMG_1690.png" alt="شعار إيفاء" loading="eager"></span> |
| <span class="brand-copy"><strong>إيفاء 360</strong><span>مجمع الأمير سلطان للتأهيل</span></span> |
| </a> |
| <button class="icon-btn" data-acc aria-label="إمكانية الوصول">Aa</button> |
| |
| </div> |
| </header> |
| <main id="main" class="page-shell"> |
| <div class="container home-page"> |
| <section class="home-hero"> |
| <div class="home-hero-copy"> |
| <span class="home-kicker">إيفاء 360</span> |
| <h1>رحلة المستفيد..<br>في منظومة واحدة</h1> |
| <p>التعليم، الإدارة، الأسرة والرعاية التأهيلية في تجربة مترابطة تعكس رحلة المستفيد بصورة أوضح.</p> |
| </div> |
| <div class="home-hero-art" aria-hidden="true"> |
| <div class="orb orb-1"></div> |
| <div class="orb orb-2"></div> |
| <div class="home-mini-card"> |
| <span>متابعة اليوم</span> |
| <strong>حضور • تقدم • جلسات</strong> |
| </div> |
| </div> |
| </section> |
|
|
| <section class="section home-portals"> |
| <div class="section-head"> |
| <div> |
| <div class="eyebrow">الخدمات الرقمية</div> |
| <h2 class="section-title">بوابات إيفاء</h2> |
| </div> |
| </div> |
|
|
| <div class="portal-grid"> |
| <a class="portal-card teacher-portal" href="teacher.html"> |
| <div class="portal-icon"><svg viewBox="0 0 24 24"><path d="M5 4h14v16H5z"/><path d="m8 12 2.5 2.5L16 9"/></svg></div> |
| <div class="portal-content"> |
| <span class="portal-label">التعليم والمتابعة</span> |
| <h3>بوابة المعلم / المعلمة</h3> |
| <p>الحضور والغياب والانصراف والملاحظات اليومية والتواصل مع ولي الأمر.</p> |
| </div> |
| <span class="portal-arrow">←</span> |
| </a> |
|
|
| <a class="portal-card admin-portal" href="admin.html"> |
| <div class="portal-icon"><svg viewBox="0 0 24 24"><path d="M4 19V9m5 10V5m6 14v-7m5 7V3"/><path d="M2 21h20"/></svg></div> |
| <div class="portal-content"> |
| <span class="portal-label">الإدارة والمؤشرات</span> |
| <h3>لوحة الإدارة</h3> |
| <p>متابعة الحالة اليومية ومؤشرات الحضور والإشعارات والتقارير بصورة لحظية.</p> |
| </div> |
| <span class="portal-arrow">←</span> |
| </a> |
|
|
| <a class="portal-card parent-portal" href="parent.html"> |
| <div class="portal-icon"><svg viewBox="0 0 24 24"><path d="M12 20s-7-4.2-7-10a4 4 0 0 1 7-2.5A4 4 0 0 1 19 10c0 5.8-7 10-7 10Z"/></svg></div> |
| <div class="portal-content"> |
| <span class="portal-label">الأسرة والمتابعة</span> |
| <h3>بوابة ولي الأمر</h3> |
| <p>عرض حضور الابن ومستواه وتقدمه وآخر الملاحظات والسجل اليومي.</p> |
| </div> |
| <span class="portal-arrow">←</span> |
| </a> |
|
|
| <a class="portal-card clinic-portal" href="clinic.html"> |
| <div class="portal-icon"><svg viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></svg></div> |
| <div class="portal-content"> |
| <span class="portal-label">الرعاية التأهيلية</span> |
| <h3>إيفاء كلينك</h3> |
| <p>الجلسات التأهيلية والخطط العلاجية ومؤشرات التقدم في مكان واحد.</p> |
| </div> |
| <span class="portal-arrow">←</span> |
| </a> |
| </div> |
| </section> |
| </div> |
| </main><footer class="eefaa-footer"><div class="container"><strong>تصميم وإعداد | نوف الناصر</strong></div></footer> |
| <div id="accessibilityPanel" class="accessibility-panel"> |
| <div class="section-head"><div><strong>إمكانية الوصول</strong><p class="section-sub">خصص العرض بالطريقة الأنسب لك</p></div></div> |
| <div class="acc-grid"> |
| <button data-font-plus>تكبير الخط +</button><button data-font-minus>تصغير الخط −</button> |
| <button data-contrast>تباين مرتفع</button><button data-motion>تقليل الحركة</button> |
| <button data-reset-acc style="grid-column:1/-1">إعادة الإعدادات</button> |
| </div> |
| </div> |
|
|
|
|
| <script src="assets/js/app.js"></script></body></html> |
