कोर्स लैंडिंग पेज बनाएं
अपने स्कूल के साथ साझा करें
यह कैपस्टोन प्रोजेक्ट है। आपने कंटेंट को गेमिफाई किया, प्रगति ट्रैक की, और अनुकूली पथ बनाए — अब आप इसे एक कोर्स लैंडिंग पेज में पैकेज करेंगे जिसे आप माता-पिता, सहकर्मियों और पूरे स्कूल के साथ साझा कर सकते हैं।
एक बेहतरीन लैंडिंग पेज चार काम करता है: एक header जो कोर्स का नाम देता है और पाठक को आकर्षित करता है, एक lessons list जो दिखाती है कि अंदर क्या है, एक enroll call-to-action जो साइन अप करना आसान बनाता है, और एक footer जो सब कुछ समेटता है। आप प्रत्येक सेक्शन को क्रम में जोड़ेंगे।
यही वह पेज है जो आप तब भेजेंगे जब कोई पूछे 'आपके छात्र किस पर काम कर रहे हैं?' इसे अच्छे से बनाएं और इसे अपनी कक्षा की आवाज़ बनने दें।
निर्देश
एक header सेक्शन जोड़ें जिसमें gradient background हो, h1 में कोर्स का शीर्षक हो, और एक लाइन का subtitle हो।
संकेत: `<header class="bg-gradient-to-br from-indigo-900 via-gray-900 to-gray-900 py-20 px-6 text-center">` का उपयोग करें और उसके अंदर `<h1>` रखें।
इसे कहाँ लिखें?
<!-- Assemble your course landing page here -->इसे लाइन 11 पर लिखें — उस टिप्पणी के नीचे, पहले जोड़े गए कोड के बाद।
एक lessons list जोड़ें: एक 'What You'll Learn' heading और rounded-xl list items वाली एक ul।
एक enroll call-to-action जोड़ें: एक highlighted box जिसमें 'Enroll Now' button हो।
एक footer के साथ समाप्त करें जो पेज को wrap करे और कोर्स को credit दे।
आपका कोड
इस स्टेप के लिए आप जो बनाना चाहते हैं उसे बताएं और मैं कोड लिख दूंगा — फिर इसे अपने एडिटर में डालने के लिए Apply पर क्लिक करें। यह स्टेप: एक header सेक्शन जोड़ें जिसमें gradient background हो, h1 में कोर्स का शीर्षक हो, और एक लाइन का subtitle हो।