Course Sidebar Dashboard - Copy this Html, Tailwind Component to your project
Left Sidebar Course Title: At the top left corner, it displays "Math Grade 1 (Vietnam)" in bold, with a small icon next to it. Chapter List: Directly below the course title, there’s a list of chapters. Each chapter has its title in Vietnamese and is listed vertically: Chapter 1: "Số tự nhiên" (Natural Numbers) Chapter 2: "Hình phẳng và hình khối" (Flat Shapes and Simple 3D Shapes) This chapter is highlighted in blue, indicating it’s currently selected. Chapter 3: "Đo lường" (Measurement) Course Challenge Box: At the bottom of the chapter list, there’s a box titled "THỬ THÁCH CỦA KHÓA HỌC" (Course Challenge) with a message prompting the user to start a knowledge test. There’s a blue link, "Bắt đầu Thử thách của khóa học" (Start Course Challenge), below the message. Main Content Area (Right Side) Chapter Header: At the top of the main content section, it displays the current chapter title: "Quan sát, nhận biết hình dạng của một số hình phẳng và hình khối đơn giản" (Observe and identify the shape of some flat and simple 3D shapes). Exercise List: Below the chapter header, there is a vertical list of exercises. Each exercise block contains: Exercise Title (left aligned): Exercise 1: "Vị trí của vật" (Position of Objects) Exercise 2: "Nhận diện hình 1" (Shape Recognition 1) Exercise 3: "Nhận diện hình 2" (Shape Recognition 2) Start/Practice Button (centered, in blue): Each exercise block has a button on the left side of the block with labels: For the first exercise, it says "Bắt đầu" (Start). For the second and third exercises, it says "Bài tập thực hành" (Practice Exercise). Progress Requirement (centered, directly under the button): Each exercise shows the text "Trả lời đúng 5 trên 7 câu hỏi để lên cấp!" (Answer 5 out of 7 questions correctly to level up!). Status (right aligned, grey text): Each exercise has the status displayed as "Chưa bắt đầu" (Not started), aligned on the far right side of each exercise block. The overall layout is simple and organized into a two column format, with the left sidebar for navigation and the right area displaying the selected chapter’s content and exercises. The elements align vertically within each section, ensuring clarity and easy navigation.
