Dashboard Component - Copy this Html, Bootstrap Component to your project
This interface features a dashboard like layout. At the top, there is a message that reads: "Chuỗi thành tích trước đó đã kết thúc. Hãy bắt đầu lại từ hôm nay." In the upper right corner, there are icons and indicators: a flame icon representing achievements, a number showing progress points, and a bar indicating skill level progress labeled "Cấp độ 2" with a small information icon beside it. In the center left section, the user's profile area displays a username ("dqtn1206") alongside a yellow animal avatar. Below the username, there are links to "Chọn một tên đại diện" and "Thêm vào tiểu sử" for customizing profile details. The main section shows a titled box labeled "Các khóa học của tôi" (My Courses). The specific course displayed here is "Toán lớp 1 (Việt Nam)" with a blue button labeled "Bắt đầu" next to it for starting the course. There are three subtopics listed under this course: "Số tự nhiên" (Natural Numbers), "Hình phẳng và hình khối" (Shapes and Solids), and "Đo lường" (Measurement), each with an icon next to them. On the right, there’s an additional button "Chỉnh sửa khóa học" (Edit Course) and an empty placeholder box with a "+" symbol, along with text "Thêm khóa học khác" (Add another course). On the left sidebar, a navigation menu labeled "Quá trình tự học" (Self learning progress) includes the following links: "Các khóa học" (Courses), "Tiến trình" (Progress), "Hồ sơ" (Profile), and "Giáo viên" (Teacher). The interface also includes reward icons and progress indicators near the top right corner, showing various medal icons and a number "850" representing points or achievements.
