كورسابل – أكاديمية دورات ومهارات عبر الإنترنت
صفحة هبوط ثنائية اللغة تعتمد نهج الجوال أولاً لأكاديمية دورات إلكترونية — بطاقات دورات ومجموعات مباشرة ومدرّبون وقصص متعلّمين.
قالب حضانة ورياض أطفال من 18 صفحة بثلاث لغات (إنجليزي/عربي/ألماني)، يضم برامج حسب الفئة العمرية ورحلة تسجيل وملفات للمعلمات وفعاليات وفئات رسوم واضحة. مصمم للجوال أولاً مع انعكاس كامل للاتجاه من اليمين إلى اليسار.
كيديز واجهة أمامية متكاملة متعددة الصفحات للحضانات ورياض الأطفال ومراكز الطفولة المبكرة. يضم ثماني عشرة صفحة جاهزة — الرئيسية، من نحن، البرامج وتفاصيل البرنامج، التسجيل، الفعاليات وتفاصيل الفعالية، المعلمات وملف المعلمة، معرض الصور، الرسوم، الأسئلة الشائعة، المدونة والمقال، تواصل معنا، صفحة 404، الشروط والخصوصية — وكلها تشترك في ترويسة وتذييل ونظام تصميم واحد. وتضم الصفحة الرئيسية قسماً رئيسياً بشريط أرقام، ورحلة تسجيل من أربع خطوات، وست غرف حسب الفئة العمرية، وقسماً تعريفياً، وشريحة متحركة للمعلمات، وشبكة أنشطة يومية، ولافتة الصباحات المفتوحة، وآراء الأهالي، ولمحة من المدونة، ولوحة اشتراك بالنشرة، وشريط إنستغرام. كل نص في كل صفحة مترجم إلى الإنجليزية والعربية والألمانية من قاموس واحد يضم 291 مفتاحاً. والإنجليزية مكتوبة داخل الصفحة نفسها، فتبقى كل صفحة كاملة وقابلة للفهرسة حتى مع تعطيل جافاسكربت؛ والتبديل فوري ولا يحتاج إعادة تحميل، ويُحفظ الاختيار بين الزيارات أو يُفرض عبر معامل ?lang=. والعربية انعكاس حقيقي لا مجرد محاذاة إلى اليمين — إذ أُعيد بناء ملف الأنماط على الخصائص المنطقية في CSS بدلاً من ملف RTL منفصل، فتنعكس الهوامش والحشوات والحدود والمواضع والمحاذاة تلقائياً، مع عكس الزخارف والأسهم والفواصل الموجية والتدرجات لتتوافق معها، بينما تبقى الأسعار والتواريخ وأرقام الهواتف من اليسار إلى اليمين. وتنتقل العربية إلى خطي Baloo Bhaijaan 2 وTajawal بارتفاع سطر مناسب لها، بينما تستخدم النصوص اللاتينية خط Fredoka للعناوين وNunito للمتن وCaveat للعناوين الفرعية المكتوبة بخط اليد. والتصميم يبدأ من الجوال: أحجام الخطوط وإيقاع الأقسام مبنية على مقاييس مرنة بدل نقاط توقف ثابتة، والزخارف التي لا تستحق مكانها إلا على الشاشات العريضة تظهر تدريجياً مع اتساع العرض، وقد جرى التحقق من كل صفحة ضد التمدد الأفقي عند عرض 390 و1500 بكسل باللغات الثلاث. ولا توجد خطوة بناء ولا إطار عمل — Bootstrap 5 للشبكة، وSwiper للشرائح المتحركة، وWOW.js لتأثيرات الظهور عند التمرير، وMagnific Popup لمعرض الصور. أما الزخارف الثماني والأربعون والشعار والأيقونة المفضلة فكلها SVG مرسومة يدوياً، ومجموعة الأيقونات مستضافة محلياً، وكل صورة فوتوغرافية جديدة من بيئات الطفولة المبكرة ومقصوصة على المقاس الذي يتوقعه التخطيط بدقة مضاعفة لشاشات الريتينا.
SitexPrime — الفيلم التعريفي