بناء صفحة هبوط للدورة
شاركها مع مدرستك
هذا هو المشروع الختامي. لقد أضفت عناصر اللعب على المحتوى، وتتبعت التقدم، وبنيت مسارات تكيفية — والآن ستجمع كل ذلك في صفحة هبوط للدورة يمكنك مشاركتها مع أولياء الأمور والزملاء وكامل المدرسة.
صفحة الهبوط الرائعة تؤدي أربع مهام: ترويسة تُسمّي الدورة وتشدّ القارئ، وقائمة دروس تُظهر ما بداخلها، ودعوة للتسجيل تجعل الانضمام سهلاً، وتذييل يُغلق الصفحة بأناقة. ستجمع كل قسم بالترتيب.
هذه هي الصفحة التي ستُرسلها حين يسألك أحدهم «على ماذا يعمل طلابك؟». ابنها جيداً ودعها تتحدث عن صفك.
التعليمات
أضف قسم ترويسة بخلفية متدرجة، وعنوان الدورة في h1، وعنوان فرعي في سطر واحد.
تلميح: استخدم `<header class="bg-gradient-to-br from-indigo-900 via-gray-900 to-gray-900 py-20 px-6 text-center">` مع `<h1>` بداخله.
أين أكتب هذا؟
<!-- اجمع صفحة هبوط دورتك هنا -->اكتبه في السطر 11 — أسفل هذا التعليق، بعد الكود الذي أضفته بالفعل.
أضف قائمة الدروس: عنوان «ماذا ستتعلم» وقائمة ul من عناصر ذات زوايا مدورة rounded-xl.
أضف دعوة للتسجيل: صندوق بارز يحتوي على زر «سجّل الآن».
أنهِ الصفحة بتذييل يُغلقها ويُشير إلى الدورة.
الكود الخاص بك
صف ما تريد بناءه في هذه الخطوة وسأكتب الكود — ثم انقر «تطبيق» لإدراجه في محرّرك. هذه الخطوة: أضف قسم ترويسة بخلفية متدرجة، وعنوان الدورة في h1، وعنوان فرعي في سطر واحد.