NN
Nguyen Ngyyen

Course Sidebar Menu - Copy this Html, Tailwind Component to your project

Main Content Section - Exercise/Practice Area Header with Title and Integrations: At the top of the exercise area, there is a title for the current exercise, such as "Đếm với các số nhỏ" ("Counting with Small Numbers"). Below the title, there are options to integrate with external platforms, like Google Classroom and Microsoft Teams, which allow the exercise to be shared or linked with these platforms. Exercise Content Display: The main part of this section displays the exercise instructions and interactive content: In this example, the exercise asks the student to place two acorns into a designated box. The interface shows an acorn icon and an empty box where the student can drag and drop the required number of acorns. This area is interactive, allowing students to manipulate items (like dragging and dropping) to complete tasks. Related Content Section: Below the exercise area, there is a Related Content section with suggestions, such as other relevant exercises or resources. For instance, it might show an additional "Counting with Small Numbers" exercise with a preview image or icon. Progress and Completion Tracker: At the bottom of the exercise area, there is a progress bar indicating the number of questions or steps completed. In this case, it displays "Hoàn thành 7 câu hỏi" ("Complete 7 questions") with a row of circles that fill up as the student progresses. Action Buttons - Skip and Submit: Skip Button: Located at the bottom left, this button allows the student to move to the next part of the exercise without completing the current step. Submit Button: Located at the bottom right, this button (labeled "Kiểm tra kết quả" or "Check Results") allows the student to submit their answer for immediate feedback. This exercise/practice area is designed to provide clear guidance and interaction for students, with features like progress tracking, related content, and the option to submit answers or skip steps. This setup creates an engaging, step-by-step approach to completing exercises within the course.

Prompt
Component Preview

About

Course Sidebar Menu - Navigate lessons and exercises with expandable titles, due dates, and completion status. Built with HTML and Ta. Copy component code!

Share

Last updated 1 month ago