تخطَّ إلى المحتوى الرئيسي

قواعد الهيدر والفوتر

تشريح الفوتر

تشريح الفوتر — التوثيق قيد الإعداد.

مكتمل

خمس كتل. نفس الهيكل على كل صفحة. الـ Footer يحمل اختتام العلامة، أربعة أعمدة أدوات، مدخل الاشتراك، وسطر الملكية القانوني — بهذا الترتيب، دائماً.

الكتل الخمس (من الأعلى للأسفل)

1. صفّ العلامة
الشعار + الشعار النصّي ("إشارة وسط الضجيج.") + 4 أيقونات اجتماعية (32px موبايل، 36px ديسكتوب). الجهة المقابلة فيها الوصف القصير للمنصة.
2. الأربعة أعمدة
Modules · The Platform · Editorial & Policies · Business & Partnerships. كل عمود `<ul>` من روابط routes بتفاعل `hover:text-primary`.
3. كتلة الاشتراك
البريد + رمز الدولة + WhatsApp (مطوي). زرّ الإرسال. يحاكي نمط اشتراك الـ Homepage.
4. صفّ الحقوق القانوني
سنة حقوق النشر · "جميع الحقوق محفوظة" · سطر الملكية (wecancity / wecancity FZ-LLC) · روابط الخصوصية والشروط.
5. منطقة آمنة سفلية (موبايل فقط)
iOS home-bar safe-area inset على viewports < 768px. يضيف حشو `env(safe-area-inset-bottom)`.

السلوك المتجاوب

  • صفّ العلامة `flex flex-col md:flex-row md:items-end md:justify-between` — يتراصّ على الموبايل.
  • أعمدة الأدوات: `grid-cols-2 md:grid-cols-4` — عمودان على الموبايل، أربعة على التابلت+.
  • كتلة الاشتراك: `flex flex-col sm:flex-row` — البريد + الزرّ يتراصّان على الموبايل.
  • نص روابط الـ Footer يلتفّ بنظافة عبر الحارس العام `overflow-wrap: anywhere; hyphens: auto`.