كونفيرينسيا صفحة هبوط متكاملة للمؤتمرات متعددة الأيام والقمم والفعاليات المهنية. تبدأ بقسم رئيسي بكامل الارتفاع مع عدّاد تنازلي مباشر حتى الكلمة الافتتاحية، ثم تنتقل إلى قائمة المتحدثين، وقسم "عن المؤتمر" بتبويبات الرسالة والرؤية والوعد وبطاقة جائزة، وبرنامج يومي مبوّب مع تفاصيل القاعات، ولوحة مزايا، وشريط تجربة تفاعلي يستجيب للمؤشر، وأربع بطاقات للقدرات الإنتاجية، وعرض فيديو بعرض الشاشة، وثلاث فئات للتذاكر، وشريط آراء متحرك مع شعارات الشركاء، وقسم أسئلة شائعة قابل للطي، وشبكة من ثلاث مقالات.
يأتي المحتوى كاملاً بثلاث لغات — الإنجليزية والعربية والألمانية — قابلة للتبديل دون إعادة تحميل الصفحة من الترويسة أو من القائمة الجانبية للجوال. ويُحفظ الاختيار بين الزيارات، ويمكن فرضه عبر معامل \u200E?lang=\u200E. تُحوّل اللغة العربية اتجاه المستند إلى اليمين وتستبدل الخطوط بـ Cairo وTajawal؛ ولأن ملف الأنماط مبني على الخصائص المنطقية في CSS بدلاً من ملف RTL منفصل، ينعكس التخطيط بالكامل بشكل صحيح — القوائم واتجاه الدرج وأيقونات الأسهم واتجاه الشريط المتحرك وأزرار الطي وترتيب التذاكر — بينما تبقى الأرقام وأرقام الهواتف والأسعار من اليسار إلى اليمين.
كُتبت الأنماط بمنهج الجوال أولاً باستخدام نقاط توقف min-width فقط، فيكون تخطيط الهاتف هو الأساس وتضيف الشاشات الأعرض أعمدة تدريجياً. مبني دون أي خطوة بناء ودون إطار عمل: HTML بسيط وملف أنماط واحد، مع Bootstrap للتبويبات وأقسام الطي، وSwiper لشريط الآراء، وGSAP لحركات العناوين والصور.
© . جميع الحقوق محفوظة لـ أحمد بدران.
