PageSourceSearch

https://unica.vn/pm-no-code-ai-product-management-no-code-automation

html unica.vn collected 2026-10-02 03:57:13 UTC 532,050 bytes, 5,954 lines download raw bytes

1 <!doctype html>
2<html lang="vi">
3<head>
4    <meta name="google-site-verification" content="HtExJk_J6zNPttzPoy1MQhbEPdDc_2wOQ_EcAuFmj5g"/>
5            <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
6        <meta http-equiv="Cache-control" content="max-age=2592000,public"/>
7        <meta http-equiv="X-UA-Compatible" content="IE=Edge">
8        <!-- Mobile Specific Metas -->
9        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
10        <title>PM No-Code: AI Product Management & No-Code Automation</title>
11        <meta name='description'
12              content='Lưu ý: Khóa học này có chứa nội dung do tạo bởi AI.Khóa học thực chiến được thiết kế đúc kết trực tiếp từ hành trình quản lý sản phẩm thực tế qua các nền tảng FinTech, B2B2C và SaaS lớn, dành riêng cho Product Manager, nhà sáng lập và chuyên ...'/>
13        <meta name='keywords' content=''/>
14        <meta http-equiv="content-language" content="vi_VN"/>
15        <meta name="facebook-domain-verification" content="ynpmt0i4v0o203vjt32w1a0rcqx30e"/>
16        <!--
17            <meta itemprop='datePublished' content='<? /*=Yii::$app->params['meta_datePublished']*/ ?>'>
18            -->                <link rel='canonical' href='https://unica.vn/pm-no-code-ai-product-management-no-code-automation'/>
19                    <meta name="robots" content="index, follow"/>
20        
21        <!-- social share -->
22        <meta property="fb:app_id" content="410486232859596"/>
23        <meta property="og:site_name" content="Unica.vn"/>
24        <meta property="og:type"
25              content="unica_vn:course"/>
26        <meta property="og:locale" content="vi_VN"/>
27        <meta property="og:title"
28              content='PM No-Code: AI Product Management & No-Code Automation'/>
29        <meta property="og:description"
30              content="Lưu ý: Khóa học này có chứa nội dung do tạo bởi AI.Khóa học thực chiến được thiết kế đúc kết trực tiếp từ hành trình quản lý sản phẩm thực tế qua các nền tảng FinTech, B2B2C và SaaS lớn, dành riêng cho Product Manager, nhà sáng lập và chuyên ..."/>
31        <meta property="og:image" itemprop="thumbnailUrl" content="https://file.unica.vn/storage/db240c65c57e0a4f35edba3312c62511cbac63cc/4484-banner.jpg"/>
32        <meta property="og:image:width" content="600"/>
33        <meta property="og:image:height" content="315"/>
34        <meta property="og:url" itemprop="url" content="https://unica.vn/pm-no-code-ai-product-management-no-code-automation"/>
35                <!-- copyright -->
36    <meta name="copyright" content="UNICA"/>
37    <meta name="abstract"
38          content="Website học trực tuyến hàng đầu Việt Nam với hơn 2.000 khóa học video online"/>
39    <meta name="distribution" content="global">
40    <meta name="author" content="unica.vn"/>
41    <meta name="revisit-after" content="1 days"/>
42    <meta name="rating" content="general">
43    <meta name="language" content="vietnamese"/>
44    <link href="http://www.google-analytics.com" rel="dns-prefetch">
45    <link rel="shortcut icon" href="https://static.unica.vn/icon/favicon.ico">
46    <link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css"/>
47        <link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.css" rel="stylesheet">
48<link href="https://rsms.me/inter/inter.css" rel="stylesheet">
49<link href="/master/css/amazonmenu.css?v=1733197564" rel="stylesheet">
50<link href="/master/css/style.css?v=1768357516" rel="stylesheet">
51<link href="/master/css/jquery-ui.css?v=1733197564" rel="stylesheet">
52<link href="/media/styles_v2018/font-awesome.css?v=1733197564" rel="stylesheet">
53<link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.css" rel="stylesheet">
54<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
55<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/css/select2.min.css" rel="stylesheet">
56<link href="/master/css/pagination.css?v=1733197564" rel="stylesheet">
57<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.10.8/sweetalert2.min.css" rel="stylesheet">
58<script src="/master/js/jquery-3.7.1.min.js?v=1733197564"></script>
vendor: 1 bytes, line 58
58
59<script src="/master/js/tailwind.js?v=1742453843"></script>
vendor: 1 bytes, line 59
59
60<script src="/master/js/tailwind-config.js?v=1742453843"></script>
vendor: 1 bytes, line 60
60
61<script src="/master/js/swiper-bundle.min.js?v=1733197564"></script>
vendor: 1 bytes, line 61
61
62<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js"></script>
62    <!--    Cài script với mục địch script tracking-->
63<!--        -->    
64        </head>
65<body>
66
67<!--Banner blog custom-->
68
69<header class="sticky z-30 md:z-40 top-0 bg-white master-header">
70    <!--        Sửa banner chiến dịch tại đây, thay ảnh vào, 1 ảnh PC 1 ảnh MOBILE-->
71        <div class="hidden md:block border-b border-gray-100">
72                <div class="py-4 max-w-[1200px] mx-auto" id="layout_header">
73            <div class="flex flex-row">
74                <div class="2xl:basis-7/12 lg:basis-6/12 basis-7/12 flex xl:gap-8 w-auto items-center gap-4">
75                    
76    <style>
77        #category-mega-menu {
78            opacity: 0;
79            transform: translateY(-10px);
80            pointer-events: none;
81            transition: opacity 0.2s ease, transform 0.2s ease;
82        }
83
84        #category-mega-menu:not(.hidden) {
85            opacity: 1;
86            transform: translateY(0);
87            pointer-events: auto;
88        }
89
90        #category-menu-button svg {
91            transition: transform 0.3s ease;
92        }
93
94        .category-tab.active {
95            background-color: #fef6f2;
96            color: #f05a28;
97            font-weight: 600;
98        }
99
100        .category-tab.active .text-gray-400 {
101            color: #f05a28 !important;
102        }
103
104        .category-tab.active svg {
105            opacity: 1 !important;
106        }
107    </style>
108
109    <div class="flex items-center gap-4">
110        <a href="/">
111            <img width="140" class="max-w-none" src="/media/img/logo-unica.svg"
112                 alt="Học Online: 2000+ Khóa học trực tuyến cho người đi làm">
113        </a>
114            </div>
115
116    <div class="relative" id="category-menu-container">
117        <button
118            id="category-menu-button"
119            class="flex items-center text-gray-700 transition-colors group p-2 rounded-lg hover:text-[#f05a28] hover:bg-gray-50"
120            title="Danh mục"
121            aria-expanded="false"
122            aria-controls="category-mega-menu"
123        >
124            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
125                 stroke-linecap="round" stroke-linejoin="round">
126                <rect x="3" y="3" width="7" height="7"></rect>
127                <rect x="14" y="3" width="7" height="7"></rect>
128                <rect x="14" y="14" width="7" height="7"></rect>
129                <rect x="3" y="14" width="7" height="7"></rect>
130            </svg>
131        </button>
132
133        <div id="category-mega-menu"
134             class="hidden lg:flex absolute top-12 left-0 w-[850px] bg-white shadow-2xl rounded-2xl border border-gray-100 overflow-hidden z-50">
135            <div class="w-[300px] border-r border-gray-50 py-4 max-h-[650px] overflow-y-auto bg-white">
136                                                        <div
137                        id="category-tab-0"
138                        class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 active"
139                        data-tab="0"
140                        role="tab"
141                        aria-selected="true"
142                    >
143                        <div class="flex items-center gap-3">
144                            <span class="text-gray-400">
145                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg>                                                            </span>
146                            <span class="text-[13px]">Kinh doanh & Khởi nghiệp</span>
147                        </div>
148                                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
149                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20">
150                                <polyline points="9 18 15 12 9 6"></polyline>
151                            </svg>
152                                            </div>
153                                                        <div
154                        id="category-tab-1"
155                        class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 "
156                        data-tab="1"
157                        role="tab"
158                        aria-selected="false"
159                    >
160                        <div class="flex items-center gap-3">
161                            <span class="text-gray-400">
162                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg>                                                            </span>
163                            <span class="text-[13px]">Marketing & Bán hàng</span>
164                        </div>
165                                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
166                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20">
167                                <polyline points="9 18 15 12 9 6"></polyline>
168                            </svg>
169                                            </div>
170                                                        <div
171                        id="category-tab-2"
172                        class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 "
173                        data-tab="2"
174                        role="tab"
175                        aria-selected="false"
176                    >
177                        <div class="flex items-center gap-3">
178                            <span class="text-gray-400">
179                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cpu"><rect width="16" height="16" x="4" y="4" rx="2"></rect><rect width="6" height="6" x="9" y="9" rx="1"></rect><path d="M15 2v2"></path><path d="M15 20v2"></path><path d="M2 15h2"></path><path d="M2 9h2"></path><path d="M20 15h2"></path><path d="M20 9h2"></path><path d="M9 2v2"></path><path d="M9 20v2"></path></svg>                                                            </span>
180                            <span class="text-[13px]">AI & Công nghệ</span>
181                        </div>
182                                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
183                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20">
184                                <polyline points="9 18 15 12 9 6"></polyline>
185                            </svg>
186                                            </div>
187                                                        <div
188                        id="category-tab-3"
189                        class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 "
190                        data-tab="3"
191                        role="tab"
192                        aria-selected="false"
193                    >
194                        <div class="flex items-center gap-3">
195                            <span class="text-gray-400">
196                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg>                                                            </span>
197                            <span class="text-[13px]">Thiết kế & Sáng tạo</span>
198                        </div>
199                                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
200                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20">
201                                <polyline points="9 18 15 12 9 6"></polyline>
202                            </svg>
203                                            </div>
204                                                        <div
205                        id="category-tab-4"
206                        class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 "
207                        data-tab="4"
208                        role="tab"
209                        aria-selected="false"
210                    >
211                        <div class="flex items-center gap-3">
212                            <span class="text-gray-400">
213                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"></path><circle cx="12" cy="13" r="3"></circle></svg>                                                            </span>
214                            <span class="text-[13px]">Video & Nhiếp ảnh</span>
215                        </div>
216                                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
217                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20">
218                                <polyline points="9 18 15 12 9 6"></polyline>
219                            </svg>
220                                            </div>
221                                                        <div
222                        id="category-tab-5"
223                        class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 "
224                        data-tab="5"
225                        role="tab"
226                        aria-selected="false"
227                    >
228                        <div class="flex items-center gap-3">
229                            <span class="text-gray-400">
230                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>                                                            </span>
231                            <span class="text-[13px]">Ngoại Ngữ</span>
232                        </div>
233                                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
234                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20">
235                                <polyline points="9 18 15 12 9 6"></polyline>
236                            </svg>
237                                            </div>
238                                                        <div
239                        id="category-tab-6"
240                        class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 "
241                        data-tab="6"
242                        role="tab"
243                        aria-selected="false"
244                    >
245                        <div class="flex items-center gap-3">
246                            <span class="text-gray-400">
247                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg>                                                            </span>
248                            <span class="text-[13px]">Tin Học Văn Phòng</span>
249                        </div>
250                                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
251                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20">
252                                <polyline points="9 18 15 12 9 6"></polyline>
253                            </svg>
254                                            </div>
255                                                        <div
256                        id="category-tab-7"
257                        class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 "
258                        data-tab="7"
259                        role="tab"
260                        aria-selected="false"
261                    >
262                        <div class="flex items-center gap-3">
263                            <span class="text-gray-400">
264                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg>                                                            </span>
265                            <span class="text-[13px]">Kỹ năng mềm</span>
266                        </div>
267                                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
268                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20">
269                                <polyline points="9 18 15 12 9 6"></polyline>
270                            </svg>
271                                            </div>
272                                                        <div
273                        id="category-tab-8"
274                        class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 "
275                        data-tab="8"
276                        role="tab"
277                        aria-selected="false"
278                    >
279                        <div class="flex items-center gap-3">
280                            <span class="text-gray-400">
281                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart-pulse"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path><path d="M3.22 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27"></path></svg>                                                            </span>
282                            <span class="text-[13px]">Sức khỏe & Làm đẹp</span>
283                        </div>
284                                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
285                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20">
286                                <polyline points="9 18 15 12 9 6"></polyline>
287                            </svg>
288                                            </div>
289                                                        <div
290                        id="category-tab-9"
291                        class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 "
292                        data-tab="9"
293                        role="tab"
294                        aria-selected="false"
295                    >
296                        <div class="flex items-center gap-3">
297                            <span class="text-gray-400">
298                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>                                                            </span>
299                            <span class="text-[13px]">Tài Chính & Đầu tư</span>
300                        </div>
301                                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
302                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20">
303                                <polyline points="9 18 15 12 9 6"></polyline>
304                            </svg>
305                                            </div>
306                                                        <div
307                        id="category-tab-10"
308                        class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 "
309                        data-tab="10"
310                        role="tab"
311                        aria-selected="false"
312                    >
313                        <div class="flex items-center gap-3">
314                            <span class="text-gray-400">
315                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-coffee"><path d="M10 2v2"></path><path d="M14 2v2"></path><path d="M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1"></path><path d="M6 2v2"></path></svg>                                                            </span>
316                            <span class="text-[13px]">Phong Cách Sống</span>
317                        </div>
318                                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
319                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20">
320                                <polyline points="9 18 15 12 9 6"></polyline>
321                            </svg>
322                                            </div>
323                                                        <div
324                        id="category-tab-11"
325                        class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 "
326                        data-tab="11"
327                        role="tab"
328                        aria-selected="false"
329                    >
330                        <div class="flex items-center gap-3">
331                            <span class="text-gray-400">
332                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"></path></svg>                                                            </span>
333                            <span class="text-[13px]">Sách hay nên đọc</span>
334                        </div>
335                                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
336                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20">
337                                <polyline points="9 18 15 12 9 6"></polyline>
338                            </svg>
339                                            </div>
340                            </div>
341
342            <div class="flex-1 p-8 bg-white max-h-[650px] overflow-y-auto">
343                                                        <div id="category-content-0"
344                         class="category-content "
345                         role="tabpanel"
346                         aria-labelledby="category-tab-0"
347                    >
348                        <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2">
349                            Kinh doanh & Khởi nghiệp                        </h4>
350
351                                                    <div class="grid grid-cols-2 gap-y-4 gap-x-8">
352                                
353                                                                    <div class="flex flex-col">
354                                                                                    <div class="group mb-4 last:mb-0">
355                                                <a
356                                                    href="/course/kinh-doanh-khoi-nghiep/quan-tri-kinh-doanh"
357                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
358                                                >
359                                                    <span
360                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
361                                                    Quản Trị Kinh Doanh                                                </a>
362
363                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
364                                                                                                                    <a
365                                                                href="/tag/chien-luoc-kinh-doanh"
366                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
367                                                            >
368                                                                Chiến lược kinh doanh,                                                            </a>
369                                                                                                                    <a
370                                                                href="/tag/he-thong-kinh-doanh"
371                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
372                                                            >
373                                                                Hệ thống kinh doanh,                                                            </a>
374                                                                                                                    <a
375                                                                href="/tag/ke-hoach-kinh-doanh"
376                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
377                                                            >
378                                                                Kế hoạch kinh doanh                                                            </a>
379                                                                                                            </div>
380                                                                                            </div>
381                                                                                    <div class="group mb-4 last:mb-0">
382                                                <a
383                                                    href="/course/kinh-doanh-khoi-nghiep/khoi-nghiep-theo-nganh"
384                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
385                                                >
386                                                    <span
387                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
388                                                    Khởi nghiệp theo ngành                                                </a>
389
390                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
391                                                                                                                    <a
392                                                                href="/tag/kinh-doanh-my-pham"
393                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
394                                                            >
395                                                                Kinh doanh mỹ phẩm,                                                            </a>
396                                                                                                                    <a
397                                                                href="/tag/kinh-doanh-noi-that"
398                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
399                                                            >
400                                                                Kinh doanh nội thất,                                                            </a>
401                                                                                                                    <a
402                                                                href="/tag/kinh-doanh-spa"
403                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
404                                                            >
405                                                                Kinh doanh Spa,                                                            </a>
406                                                                                                                    <a
407                                                                href="/tag/kinh-doanh-quan-an"
408                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
409                                                            >
410                                                                Kinh doanh quán ăn,                                                            </a>
411                                                                                                                    <a
412                                                                href="/tag/kinh-doanh-nha-hang"
413                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
414                                                            >
415                                                                Kinh doanh nhà hàng,                                                            </a>
416                                                                                                                    <a
417                                                                href="/tag/kinh-doanh-nha-tre"
418                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
419                                                            >
420                                                                Kinh doanh nhà trẻ,                                                            </a>
421                                                                                                                    <a
422                                                                href="/tag/kinh-doanh-nha-thuoc"
423                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
424                                                            >
425                                                                Kinh doanh nhà thuốc,                                                            </a>
426                                                                                                                    <a
427                                                                href="/tag/kinh-doanh-thoi-trang"
428                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
429                                                            >
430                                                                Kinh doanh thời trang                                                            </a>
431                                                                                                            </div>
432                                                                                            </div>
433                                                                                    <div class="group mb-4 last:mb-0">
434                                                <a
435                                                    href="/course/kinh-doanh-khoi-nghiep/xay-dung-doi-nhom"
436                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
437                                                >
438                                                    <span
439                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
440                                                    Xây dựng đội nhóm                                                </a>
441
442                                                                                            </div>
443                                                                            </div>
444                                                                    <div class="flex flex-col">
445                                                                                    <div class="group mb-4 last:mb-0">
446                                                <a
447                                                    href="/course/kinh-doanh-khoi-nghiep/van-hanh-doanh-nghiep"
448                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
449                                                >
450                                                    <span
451                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
452                                                    Vận hành doanh nghiệp                                                </a>
453
454                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
455                                                                                                                    <a
456                                                                href="/tag/kiem-tien-youtube"
457                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
458                                                            >
459                                                                Kiếm tiền Youtube,                                                            </a>
460                                                                                                                    <a
461                                                                href="/tag/kiem-tien-amazon"
462                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
463                                                            >
464                                                                Kiếm tiền Amazon,                                                            </a>
465                                                                                                                    <a
466                                                                href="/tag/ban-hang-shopee"
467                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
468                                                            >
469                                                                Bán hàng Shopee                                                            </a>
470                                                                                                            </div>
471                                                                                            </div>
472                                                                                    <div class="group mb-4 last:mb-0">
473                                                <a
474                                                    href="/course/kinh-doanh-khoi-nghiep/quan-tri-nhan-su"
475                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
476                                                >
477                                                    <span
478                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
479                                                    Quản Trị Nhân Sự                                                </a>
480
481                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
482                                                                                                                    <a
483                                                                href="/tag/tuyen-dung"
484                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
485                                                            >
486                                                                Tuyển dụng,                                                            </a>
487                                                                                                                    <a
488                                                                href="/tag/dao-tao-nhan-su"
489                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
490                                                            >
491                                                                Đào tạo nhân sự                                                            </a>
492                                                                                                            </div>
493                                                                                            </div>
494                                                                                    <div class="group mb-4 last:mb-0">
495                                                <a
496                                                    href="/course/kinh-doanh-khoi-nghiep/nhuong-quyen-chuoi"
497                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
498                                                >
499                                                    <span
500                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
501                                                    Nhượng quyền & chuỗi                                                </a>
502
503                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
504                                                                                                                    <a
505                                                                href="/tag/cham-soc-khach-hang"
506                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
507                                                            >
508                                                                Chăm sóc khách hàng,                                                            </a>
509                                                                                                                    <a
510                                                                href="/tag/chien-luoc-ban-hang"
511                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
512                                                            >
513                                                                Chiến lược bán hàng                                                            </a>
514                                                                                                            </div>
515                                                                                            </div>
516                                                                            </div>
517                                                            </div>
518                                            </div>
519                                                        <div id="category-content-1"
520                         class="category-content hidden"
521                         role="tabpanel"
522                         aria-labelledby="category-tab-1"
523                    >
524                        <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2">
525                            Marketing & Bán hàng                        </h4>
526
527                                                    <div class="grid grid-cols-2 gap-y-4 gap-x-8">
528                                
529                                                                    <div class="flex flex-col">
530                                                                                    <div class="group mb-4 last:mb-0">
531                                                <a
532                                                    href="/course/marketing-ban-hang/thuong-mai-dien-tu"
533                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
534                                                >
535                                                    <span
536                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
537                                                    Thương mại điện tử                                                </a>
538
539                                                                                            </div>
540                                                                                    <div class="group mb-4 last:mb-0">
541                                                <a
542                                                    href="/course/marketing-ban-hang/quang-cao-online"
543                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
544                                                >
545                                                    <span
546                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
547                                                    Quảng cáo online                                                </a>
548
549                                                                                            </div>
550                                                                                    <div class="group mb-4 last:mb-0">
551                                                <a
552                                                    href="/course/marketing-ban-hang/ban-hang-chot-sale"
553                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
554                                                >
555                                                    <span
556                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
557                                                    Bán hàng & chốt sale                                                </a>
558
559                                                                                            </div>
560                                                                                    <div class="group mb-4 last:mb-0">
561                                                <a
562                                                    href="/course/marketing-ban-hang/crm-chatbot-ai"
563                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
564                                                >
565                                                    <span
566                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
567                                                    CRM & Chatbot AI                                                </a>
568
569                                                                                            </div>
570                                                                            </div>
571                                                                    <div class="flex flex-col">
572                                                                                    <div class="group mb-4 last:mb-0">
573                                                <a
574                                                    href="/course/marketing-ban-hang/ban-hang-livestream"
575                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
576                                                >
577                                                    <span
578                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
579                                                    Bán hàng livestream                                                </a>
580
581                                                                                            </div>
582                                                                                    <div class="group mb-4 last:mb-0">
583                                                <a
584                                                    href="/course/marketing-ban-hang/xay-kenh-video"
585                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
586                                                >
587                                                    <span
588                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
589                                                    Xây kênh Video                                                </a>
590
591                                                                                            </div>
592                                                                                    <div class="group mb-4 last:mb-0">
593                                                <a
594                                                    href="/course/marketing-ban-hang/cham-soc-khach-hang"
595                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
596                                                >
597                                                    <span
598                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
599                                                    Chăm sóc khách hàng                                                </a>
600
601                                                                                            </div>
602                                                                                    <div class="group mb-4 last:mb-0">
603                                                <a
604                                                    href="/course/marketing-ban-hang/digital-marketing"
605                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
606                                                >
607                                                    <span
608                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
609                                                    Digital Marketing                                                 </a>
610
611                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
612                                                                                                                    <a
613                                                                href="/tag/facebook-marketing"
614                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
615                                                            >
616                                                                Facebook Marketing,                                                            </a>
617                                                                                                                    <a
618                                                                href="/tag/zalo-marketing"
619                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
620                                                            >
621                                                                Zalo Marketing,                                                            </a>
622                                                                                                                    <a
623                                                                href="/tag/quang-cao"
624                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
625                                                            >
626                                                                Quảng cáo,                                                            </a>
627                                                                                                                    <a
628                                                                href="/tag/email-marketing"
629                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
630                                                            >
631                                                                Email Marketing,                                                            </a>
632                                                                                                                    <a
633                                                                href="/tag/google-ads"
634                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
635                                                            >
636                                                                Google Ads,                                                            </a>
637                                                                                                                    <a
638                                                                href="/tag/seo"
639                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
640                                                            >
641                                                                Seo,                                                            </a>
642                                                                                                                    <a
643                                                                href="/tag/chatbot"
644                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
645                                                            >
646                                                                Chatbot,                                                            </a>
647                                                                                                                    <a
648                                                                href="/tag/youtube-marketing"
649                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
650                                                            >
651                                                                Youtube Marketing,                                                            </a>
652                                                                                                                    <a
653                                                                href="/tag/landingpage"
654                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
655                                                            >
656                                                                Landingpage,                                                            </a>
657                                                                                                                    <a
658                                                                href="/tag/content-marketing"
659                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
660                                                            >
661                                                                Content Marketing,                                                            </a>
662                                                                                                                    <a
663                                                                href="/tag/tiktok"
664                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
665                                                            >
666                                                                Tiktok,                                                            </a>
667                                                                                                                    <a
668                                                                href="/tag/affiliate-marketing"
669                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
670                                                            >
671                                                                Affiliate Marketing                                                            </a>
672                                                                                                            </div>
673                                                                                            </div>
674                                                                            </div>
675                                                            </div>
676                                            </div>
677                                                        <div id="category-content-2"
678                         class="category-content hidden"
679                         role="tabpanel"
680                         aria-labelledby="category-tab-2"
681                    >
682                        <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2">
683                            AI & Công nghệ                        </h4>
684
685                                                    <div class="grid grid-cols-2 gap-y-4 gap-x-8">
686                                
687                                                                    <div class="flex flex-col">
688                                                                                    <div class="group mb-4 last:mb-0">
689                                                <a
690                                                    href="/course/ai-cong-nghe/cong-cu-ai"
691                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
692                                                >
693                                                    <span
694                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
695                                                    Công cụ AI                                                </a>
696
697                                                                                            </div>
698                                                                                    <div class="group mb-4 last:mb-0">
699                                                <a
700                                                    href="/course/ai-cong-nghe/lap-trinh-app"
701                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
702                                                >
703                                                    <span
704                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
705                                                    Lập trình App                                                </a>
706
707                                                                                            </div>
708                                                                                    <div class="group mb-4 last:mb-0">
709                                                <a
710                                                    href="/course/ai-cong-nghe/mang-bao-mat"
711                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
712                                                >
713                                                    <span
714                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
715                                                    Mạng & bảo mật                                                </a>
716
717                                                                                            </div>
718                                                                            </div>
719                                                                    <div class="flex flex-col">
720                                                                                    <div class="group mb-4 last:mb-0">
721                                                <a
722                                                    href="/course/ai-cong-nghe/lap-trinh-web"
723                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
724                                                >
725                                                    <span
726                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
727                                                    Lập trình Web                                                </a>
728
729                                                                                            </div>
730                                                                                    <div class="group mb-4 last:mb-0">
731                                                <a
732                                                    href="/course/ai-cong-nghe/co-so-du-lieu"
733                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
734                                                >
735                                                    <span
736                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
737                                                    Cơ sở dữ liệu                                                </a>
738
739                                                                                            </div>
740                                                                                    <div class="group mb-4 last:mb-0">
741                                                <a
742                                                    href="/course/ai-cong-nghe/chuyen-doi-so"
743                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
744                                                >
745                                                    <span
746                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
747                                                    Chuyển đổi số                                                </a>
748
749                                                                                            </div>
750                                                                            </div>
751                                                            </div>
752                                            </div>
753                                                        <div id="category-content-3"
754                         class="category-content hidden"
755                         role="tabpanel"
756                         aria-labelledby="category-tab-3"
757                    >
758                        <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2">
759                            Thiết kế & Sáng tạo                        </h4>
760
761                                                    <div class="grid grid-cols-2 gap-y-4 gap-x-8">
762                                
763                                                                    <div class="flex flex-col">
764                                                                                    <div class="group mb-4 last:mb-0">
765                                                <a
766                                                    href="/course/thiet-ke-sang-tao/thiet-ke-website"
767                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
768                                                >
769                                                    <span
770                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
771                                                    Thiết kế Website                                                </a>
772
773                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
774                                                                                                                    <a
775                                                                href="/tag/bootstrap"
776                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
777                                                            >
778                                                                Bootstrap,                                                            </a>
779                                                                                                                    <a
780                                                                href="/tag/lap-trinh-web"
781                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
782                                                            >
783                                                                Lập Trình Web                                                            </a>
784                                                                                                            </div>
785                                                                                            </div>
786                                                                                    <div class="group mb-4 last:mb-0">
787                                                <a
788                                                    href="/course/thiet-ke-sang-tao/noi-that-kien-truc"
789                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
790                                                >
791                                                    <span
792                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
793                                                    Nội thất & kiến trúc                                                </a>
794
795                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
796                                                                                                                    <a
797                                                                href="/tag/3dsmax"
798                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
799                                                            >
800                                                                3DSMax                                                            </a>
801                                                                                                            </div>
802                                                                                            </div>
803                                                                                    <div class="group mb-4 last:mb-0">
804                                                <a
805                                                    href="/course/thiet-ke-sang-tao/thiet-ke-ui-ux-web-app"
806                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
807                                                >
808                                                    <span
809                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
810                                                    Thiết kế UI/UX (Web/App)                                                </a>
811
812                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
813                                                                                                                    <a
814                                                                href="/tag/ui-ux"
815                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
816                                                            >
817                                                                UI-UX                                                            </a>
818                                                                                                            </div>
819                                                                                            </div>
820                                                                            </div>
821                                                                    <div class="flex flex-col">
822                                                                                    <div class="group mb-4 last:mb-0">
823                                                <a
824                                                    href="/course/thiet-ke-sang-tao/thiet-ke-3d"
825                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
826                                                >
827                                                    <span
828                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
829                                                    Thiết kế 3D                                                </a>
830
831                                                                                            </div>
832                                                                                    <div class="group mb-4 last:mb-0">
833                                                <a
834                                                    href="/course/thiet-ke-sang-tao/thiet-ke-do-hoa-branding"
835                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
836                                                >
837                                                    <span
838                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
839                                                    Thiết kế đồ họa & Branding                                                </a>
840
841                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
842                                                                                                                    <a
843                                                                href="/tag/thiet-ke-do-hoa-2d"
844                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
845                                                            >
846                                                                Thiết kế đồ họa 2D,                                                            </a>
847                                                                                                                    <a
848                                                                href="/tag/thiet-ke-do-hoa-3d"
849                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
850                                                            >
851                                                                Thiết kế  đồ họa 3D,                                                            </a>
852                                                                                                                    <a
853                                                                href="/tag/design-sketching"
854                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
855                                                            >
856                                                                Design Sketching                                                            </a>
857                                                                                                            </div>
858                                                                                            </div>
859                                                                                    <div class="group mb-4 last:mb-0">
860                                                <a
861                                                    href="/course/thiet-ke-sang-tao/phan-mem-thiet-ke"
862                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
863                                                >
864                                                    <span
865                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
866                                                    Phần mềm thiết kế                                                </a>
867
868                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
869                                                                                                                    <a
870                                                                href="/tag/adobe-premiere"
871                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
872                                                            >
873                                                                Adobe Premiere,                                                            </a>
874                                                                                                                    <a
875                                                                href="/tag/solidworks"
876                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
877                                                            >
878                                                                Solidworks,                                                            </a>
879                                                                                                                    <a
880                                                                href="/tag/indesign"
881                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
882                                                            >
883                                                                InDesign ,                                                            </a>
884                                                                                                                    <a
885                                                                href="/tag/vray"
886                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
887                                                            >
888                                                                Vray,                                                            </a>
889                                                                                                                    <a
890                                                                href="/tag/after-effect"
891                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
892                                                            >
893                                                                After Effect                                                            </a>
894                                                                                                            </div>
895                                                                                            </div>
896                                                                            </div>
897                                                            </div>
898                                            </div>
899                                                        <div id="category-content-4"
900                         class="category-content hidden"
901                         role="tabpanel"
902                         aria-labelledby="category-tab-4"
903                    >
904                        <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2">
905                            Video & Nhiếp ảnh                        </h4>
906
907                                                    <div class="grid grid-cols-2 gap-y-4 gap-x-8">
908                                
909                                                                    <div class="flex flex-col">
910                                                                                    <div class="group mb-4 last:mb-0">
911                                                <a
912                                                    href="/course/video-nhiep-anh/chup-anh"
913                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
914                                                >
915                                                    <span
916                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
917                                                    Chụp Ảnh                                                </a>
918
919                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
920                                                                                                                    <a
921                                                                href="/tag/chinh-sua-anh"
922                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
923                                                            >
924                                                                Chỉnh sửa ảnh                                                            </a>
925                                                                                                            </div>
926                                                                                            </div>
927                                                                                    <div class="group mb-4 last:mb-0">
928                                                <a
929                                                    href="/course/video-nhiep-anh/bien-tap-video"
930                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
931                                                >
932                                                    <span
933                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
934                                                    Biên Tập Video                                                </a>
935
936                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
937                                                                                                                    <a
938                                                                href="/tag/bien-tap-video"
939                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
940                                                            >
941                                                                Biên tập video                                                            </a>
942                                                                                                            </div>
943                                                                                            </div>
944                                                                                    <div class="group mb-4 last:mb-0">
945                                                <a
946                                                    href="/course/video-nhiep-anh/lam-anh-bang-ai"
947                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
948                                                >
949                                                    <span
950                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
951                                                    Làm ảnh bằng AI                                                </a>
952
953                                                                                            </div>
954                                                                                    <div class="group mb-4 last:mb-0">
955                                                <a
956                                                    href="/course/video-nhiep-anh/video-khoa-hoc"
957                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
958                                                >
959                                                    <span
960                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
961                                                    Video khóa học                                                </a>
962
963                                                                                            </div>
964                                                                            </div>
965                                                                    <div class="flex flex-col">
966                                                                                    <div class="group mb-4 last:mb-0">
967                                                <a
968                                                    href="/course/video-nhiep-anh/dung-phim"
969                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
970                                                >
971                                                    <span
972                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
973                                                    Dá»±ng Phim                                                </a>
974
975                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
976                                                                                                                    <a
977                                                                href="/tag/dung-phim"
978                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
979                                                            >
980                                                                Dá»±ng phim,                                                            </a>
981                                                                                                                    <a
982                                                                href="/tag/lam-phim-hoat-hinh"
983                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
984                                                            >
985                                                                Làm phim hoạt hình,                                                            </a>
986                                                                                                                    <a
987                                                                href="/tag/san-xuat-phim"
988                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
989                                                            >
990                                                                Sản xuất phim                                                            </a>
991                                                                                                            </div>
992                                                                                            </div>
993                                                                                    <div class="group mb-4 last:mb-0">
994                                                <a
995                                                    href="/course/video-nhiep-anh/quay-video"
996                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
997                                                >
998                                                    <span
999                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1000                                                    Quay video                                                </a>
1001
1002                                                                                            </div>
1003                                                                                    <div class="group mb-4 last:mb-0">
1004                                                <a
1005                                                    href="/course/video-nhiep-anh/lam-video-bang-ai"
1006                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1007                                                >
1008                                                    <span
1009                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1010                                                    Làm Video bằng AI                                                </a>
1011
1012                                                                                            </div>
1013                                                                                    <div class="group mb-4 last:mb-0">
1014                                                <a
1015                                                    href="/course/video-nhiep-anh/lam-phim-hoat-hinh"
1016                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1017                                                >
1018                                                    <span
1019                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1020                                                    Làm phim hoạt hình                                                </a>
1021
1022                                                                                            </div>
1023                                                                            </div>
1024                                                            </div>
1025                                            </div>
1026                                                        <div id="category-content-5"
1027                         class="category-content hidden"
1028                         role="tabpanel"
1029                         aria-labelledby="category-tab-5"
1030                    >
1031                        <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2">
1032                            Ngoại Ngữ                        </h4>
1033
1034                                                    <div class="grid grid-cols-2 gap-y-4 gap-x-8">
1035                                
1036                                                                    <div class="flex flex-col">
1037                                                                                    <div class="group mb-4 last:mb-0">
1038                                                <a
1039                                                    href="/course/ngoai-ngu/tieng-han"
1040                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1041                                                >
1042                                                    <span
1043                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1044                                                    Tiếng Hàn                                                </a>
1045
1046                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1047                                                                                                                    <a
1048                                                                href="/tag/phat-am-tieng-han"
1049                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1050                                                            >
1051                                                                Phát âm tiếng Hàn,                                                            </a>
1052                                                                                                                    <a
1053                                                                href="/tag/tieng-han-so-cap"
1054                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1055                                                            >
1056                                                                Tiếng Hàn Sơ Cấp,                                                            </a>
1057                                                                                                                    <a
1058                                                                href="/tag/ngu-phap-tieng-han"
1059                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1060                                                            >
1061                                                                Ngữ pháp Tiếng Hàn,                                                            </a>
1062                                                                                                                    <a
1063                                                                href="/tag/tieng-han-trung-cap"
1064                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1065                                                            >
1066                                                                Tiếng Hàn Trung Cấp                                                            </a>
1067                                                                                                            </div>
1068                                                                                            </div>
1069                                                                                    <div class="group mb-4 last:mb-0">
1070                                                <a
1071                                                    href="/course/ngoai-ngu/tieng-trung"
1072                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1073                                                >
1074                                                    <span
1075                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1076                                                    Tiếng Trung                                                </a>
1077
1078                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1079                                                                                                                    <a
1080                                                                href="/tag/tieng-trung-cao-cap"
1081                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1082                                                            >
1083                                                                Tiếng Trung cao cấp,                                                            </a>
1084                                                                                                                    <a
1085                                                                href="/tag/tieng-trung-so-cap"
1086                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1087                                                            >
1088                                                                Tiếng Trung Sơ Cấp                                                            </a>
1089                                                                                                            </div>
1090                                                                                            </div>
1091                                                                                    <div class="group mb-4 last:mb-0">
1092                                                <a
1093                                                    href="/course/ngoai-ngu/tieng-anh"
1094                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1095                                                >
1096                                                    <span
1097                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1098                                                    Tiếng Anh                                                </a>
1099
1100                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1101                                                                                                                    <a
1102                                                                href="/tag/tu-vung-tieng-anh"
1103                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1104                                                            >
1105                                                                Từ vựng tiếng anh,                                                            </a>
1106                                                                                                                    <a
1107                                                                href="/tag/ngu-phap-tieng-anh"
1108                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1109                                                            >
1110                                                                Ngữ pháp tiếng Anh,                                                            </a>
1111                                                                                                                    <a
1112                                                                href="/tag/toeic"
1113                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1114                                                            >
1115                                                                Toeic,                                                            </a>
1116                                                                                                                    <a
1117                                                                href="/tag/ielts"
1118                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1119                                                            >
1120                                                                Ielts                                                            </a>
1121                                                                                                            </div>
1122                                                                                            </div>
1123                                                                            </div>
1124                                                                    <div class="flex flex-col">
1125                                                                                    <div class="group mb-4 last:mb-0">
1126                                                <a
1127                                                    href="/course/ngoai-ngu/tieng-duc"
1128                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1129                                                >
1130                                                    <span
1131                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1132                                                    Tiếng Đức                                                </a>
1133
1134                                                                                            </div>
1135                                                                                    <div class="group mb-4 last:mb-0">
1136                                                <a
1137                                                    href="/course/ngoai-ngu/tieng-nhat"
1138                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1139                                                >
1140                                                    <span
1141                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1142                                                    Tiếng Nhật                                                </a>
1143
1144                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1145                                                                                                                    <a
1146                                                                href="/tag/tu-vung-tieng-nhat"
1147                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1148                                                            >
1149                                                                Từ vựng tiếng Nhật,                                                            </a>
1150                                                                                                                    <a
1151                                                                href="/tag/ngu-phap-tieng-nhat"
1152                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1153                                                            >
1154                                                                Ngữ pháp tiếng nhật,                                                            </a>
1155                                                                                                                    <a
1156                                                                href="/tag/tieng-nhat-giao-tiep"
1157                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1158                                                            >
1159                                                                Tiếng Nhật giao tiếp,                                                            </a>
1160                                                                                                                    <a
1161                                                                href="/tag/phat-am-tieng-nhat"
1162                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1163                                                            >
1164                                                                Phát âm Tiếng Nhật                                                            </a>
1165                                                                                                            </div>
1166                                                                                            </div>
1167                                                                                    <div class="group mb-4 last:mb-0">
1168                                                <a
1169                                                    href="/course/ngoai-ngu/toeic-ielts"
1170                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1171                                                >
1172                                                    <span
1173                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1174                                                    Toeic - Ielts                                                </a>
1175
1176                                                                                            </div>
1177                                                                            </div>
1178                                                            </div>
1179                                            </div>
1180                                                        <div id="category-content-6"
1181                         class="category-content hidden"
1182                         role="tabpanel"
1183                         aria-labelledby="category-tab-6"
1184                    >
1185                        <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2">
1186                            Tin Học Văn Phòng                        </h4>
1187
1188                                                    <div class="grid grid-cols-2 gap-y-4 gap-x-8">
1189                                
1190                                                                    <div class="flex flex-col">
1191                                                                                    <div class="group mb-4 last:mb-0">
1192                                                <a
1193                                                    href="/course/tin-hoc-van-phong/microsoft"
1194                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1195                                                >
1196                                                    <span
1197                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1198                                                    Microsoft                                                </a>
1199
1200                                                                                            </div>
1201                                                                                    <div class="group mb-4 last:mb-0">
1202                                                <a
1203                                                    href="/course/tin-hoc-van-phong/notion"
1204                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1205                                                >
1206                                                    <span
1207                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1208                                                    Notion                                                </a>
1209
1210                                                                                            </div>
1211                                                                                    <div class="group mb-4 last:mb-0">
1212                                                <a
1213                                                    href="/course/tin-hoc-van-phong/cong-cu-khac"
1214                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1215                                                >
1216                                                    <span
1217                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1218                                                    Công cụ khác                                                </a>
1219
1220                                                                                            </div>
1221                                                                            </div>
1222                                                                    <div class="flex flex-col">
1223                                                                                    <div class="group mb-4 last:mb-0">
1224                                                <a
1225                                                    href="/course/tin-hoc-van-phong/google"
1226                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1227                                                >
1228                                                    <span
1229                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1230                                                    Google                                                </a>
1231
1232                                                                                            </div>
1233                                                                                    <div class="group mb-4 last:mb-0">
1234                                                <a
1235                                                    href="/course/tin-hoc-van-phong/canva"
1236                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1237                                                >
1238                                                    <span
1239                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1240                                                    Canva                                                </a>
1241
1242                                                                                            </div>
1243                                                                                    <div class="group mb-4 last:mb-0">
1244                                                <a
1245                                                    href="/course/tin-hoc-van-phong/figma"
1246                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1247                                                >
1248                                                    <span
1249                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1250                                                    Figma                                                </a>
1251
1252                                                                                            </div>
1253                                                                            </div>
1254                                                            </div>
1255                                            </div>
1256                                                        <div id="category-content-7"
1257                         class="category-content hidden"
1258                         role="tabpanel"
1259                         aria-labelledby="category-tab-7"
1260                    >
1261                        <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2">
1262                            Kỹ năng mềm                        </h4>
1263
1264                                                    <div class="grid grid-cols-2 gap-y-4 gap-x-8">
1265                                
1266                                                                    <div class="flex flex-col">
1267                                                                                    <div class="group mb-4 last:mb-0">
1268                                                <a
1269                                                    href="/course/ky-nang-mem/ky-nang-lanh-dao"
1270                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1271                                                >
1272                                                    <span
1273                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1274                                                    Kỹ năng lãnh đạo                                                </a>
1275
1276                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1277                                                                                                                    <a
1278                                                                href="/tag/ky-nang-lanh-dao"
1279                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1280                                                            >
1281                                                                Kỹ năng lãnh đạo                                                            </a>
1282                                                                                                            </div>
1283                                                                                            </div>
1284                                                                                    <div class="group mb-4 last:mb-0">
1285                                                <a
1286                                                    href="/course/ky-nang-mem/ky-nang-giao-tiep"
1287                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1288                                                >
1289                                                    <span
1290                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1291                                                    Kỹ năng giao tiếp                                                </a>
1292
1293                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1294                                                                                                                    <a
1295                                                                href="/tag/giao-tiep"
1296                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1297                                                            >
1298                                                                Giao tiếp                                                            </a>
1299                                                                                                            </div>
1300                                                                                            </div>
1301                                                                                    <div class="group mb-4 last:mb-0">
1302                                                <a
1303                                                    href="/course/ky-nang-mem/ky-nang-phong-van-xin-viec"
1304                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1305                                                >
1306                                                    <span
1307                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1308                                                    Kỹ năng phỏng vấn - xin việc                                                </a>
1309
1310                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1311                                                                                                                    <a
1312                                                                href="/tag/ky-nang-tim-viec"
1313                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1314                                                            >
1315                                                                Kỹ năng tìm việc,                                                            </a>
1316                                                                                                                    <a
1317                                                                href="/tag/ky-nang-viet-cv"
1318                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1319                                                            >
1320                                                                Kỹ năng viết CV,                                                            </a>
1321                                                                                                                    <a
1322                                                                href="/tag/ky-nang-phong-van"
1323                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1324                                                            >
1325                                                                Kỹ năng phỏng vấn                                                            </a>
1326                                                                                                            </div>
1327                                                                                            </div>
1328                                                                                    <div class="group mb-4 last:mb-0">
1329                                                <a
1330                                                    href="/course/ky-nang-mem/ky-nang-ghi-nho"
1331                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1332                                                >
1333                                                    <span
1334                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1335                                                    Kỹ năng ghi nhớ                                                </a>
1336
1337                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1338                                                                                                                    <a
1339                                                                href="/tag/sketchnote"
1340                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1341                                                            >
1342                                                                Sketchnote,                                                            </a>
1343                                                                                                                    <a
1344                                                                href="/tag/ren-luyen-tri-nho"
1345                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1346                                                            >
1347                                                                Rèn luyện trí nhớ,                                                            </a>
1348                                                                                                                    <a
1349                                                                href="/tag/du-hoc"
1350                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1351                                                            >
1352                                                                Du học                                                            </a>
1353                                                                                                            </div>
1354                                                                                            </div>
1355                                                                                    <div class="group mb-4 last:mb-0">
1356                                                <a
1357                                                    href="/course/ky-nang-mem/ky-nang-khac"
1358                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1359                                                >
1360                                                    <span
1361                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1362                                                    Kỹ năng khác                                                </a>
1363
1364                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1365                                                                                                                    <a
1366                                                                href="/tag/phat-trien-doi-nhom"
1367                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1368                                                            >
1369                                                                Phát triển đội nhóm,                                                            </a>
1370                                                                                                                    <a
1371                                                                href="/tag/ky-nang-to-chuc"
1372                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1373                                                            >
1374                                                                Kỹ năng tổ chức,                                                            </a>
1375                                                                                                                    <a
1376                                                                href="/tag/quan-tri-cam-xuc"
1377                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1378                                                            >
1379                                                                Quản trị cảm xúc,                                                            </a>
1380                                                                                                                    <a
1381                                                                href="/tag/quan-ly-xung-dot"
1382                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1383                                                            >
1384                                                                Quản lý xung đột,                                                            </a>
1385                                                                                                                    <a
1386                                                                href="/tag/phat-trien-ban-than"
1387                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1388                                                            >
1389                                                                Phát triển bản thân,                                                            </a>
1390                                                                                                                    <a
1391                                                                href="/tag/ky-nang-lap-ke-hoach"
1392                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1393                                                            >
1394                                                                Kỹ năng lập kế hoạch                                                            </a>
1395                                                                                                            </div>
1396                                                                                            </div>
1397                                                                                    <div class="group mb-4 last:mb-0">
1398                                                <a
1399                                                    href="/course/ky-nang-mem/xay-dung-doi-nhom"
1400                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1401                                                >
1402                                                    <span
1403                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1404                                                    Xây dựng đội nhóm                                                </a>
1405
1406                                                                                            </div>
1407                                                                            </div>
1408                                                                    <div class="flex flex-col">
1409                                                                                    <div class="group mb-4 last:mb-0">
1410                                                <a
1411                                                    href="/course/ky-nang-mem/ky-nang-thuyet-trinh"
1412                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1413                                                >
1414                                                    <span
1415                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1416                                                    Kỹ năng thuyết trình                                                </a>
1417
1418                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1419                                                                                                                    <a
1420                                                                href="/tag/mc"
1421                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1422                                                            >
1423                                                                MC                                                            </a>
1424                                                                                                            </div>
1425                                                                                            </div>
1426                                                                                    <div class="group mb-4 last:mb-0">
1427                                                <a
1428                                                    href="/course/ky-nang-mem/ky-nang-dam-phan"
1429                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1430                                                >
1431                                                    <span
1432                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1433                                                    Kỹ năng đàm phán                                                </a>
1434
1435                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1436                                                                                                                    <a
1437                                                                href="/tag/dam-phan"
1438                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1439                                                            >
1440                                                                Đàm phán                                                            </a>
1441                                                                                                            </div>
1442                                                                                            </div>
1443                                                                                    <div class="group mb-4 last:mb-0">
1444                                                <a
1445                                                    href="/course/ky-nang-mem/ky-nang-quan-ly-thoi-gian"
1446                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1447                                                >
1448                                                    <span
1449                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1450                                                    Kỹ năng quản lý thời gian                                                </a>
1451
1452                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1453                                                                                                                    <a
1454                                                                href="/tag/quan-ly-thoi-gian"
1455                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1456                                                            >
1457                                                                Quản lý thời gian                                                            </a>
1458                                                                                                            </div>
1459                                                                                            </div>
1460                                                                                    <div class="group mb-4 last:mb-0">
1461                                                <a
1462                                                    href="/course/ky-nang-mem/ky-nang-lap-ke-hoach"
1463                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1464                                                >
1465                                                    <span
1466                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1467                                                    Kỹ năng lập kế hoạch                                                </a>
1468
1469                                                                                            </div>
1470                                                                                    <div class="group mb-4 last:mb-0">
1471                                                <a
1472                                                    href="/course/ky-nang-mem/quan-tri-cam-xuc"
1473                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1474                                                >
1475                                                    <span
1476                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1477                                                    Quản trị cảm xúc                                                </a>
1478
1479                                                                                            </div>
1480                                                                                    <div class="group mb-4 last:mb-0">
1481                                                <a
1482                                                    href="/course/ky-nang-mem/quan-ly-xung-dot"
1483                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1484                                                >
1485                                                    <span
1486                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1487                                                    Quản lý xung đột                                                </a>
1488
1489                                                                                            </div>
1490                                                                            </div>
1491                                                            </div>
1492                                            </div>
1493                                                        <div id="category-content-8"
1494                         class="category-content hidden"
1495                         role="tabpanel"
1496                         aria-labelledby="category-tab-8"
1497                    >
1498                        <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2">
1499                            Sức khỏe & Làm đẹp                        </h4>
1500
1501                                                    <div class="grid grid-cols-2 gap-y-4 gap-x-8">
1502                                
1503                                                                    <div class="flex flex-col">
1504                                                                                    <div class="group mb-4 last:mb-0">
1505                                                <a
1506                                                    href="/course/suc-khoe-lam-dep/cham-soc-ca-nhan"
1507                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1508                                                >
1509                                                    <span
1510                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1511                                                    Chăm sóc cá nhân                                                </a>
1512
1513                                                                                            </div>
1514                                                                                    <div class="group mb-4 last:mb-0">
1515                                                <a
1516                                                    href="/course/suc-khoe-lam-dep/me-bau-tre-em"
1517                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1518                                                >
1519                                                    <span
1520                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1521                                                    Mẹ bầu & trẻ em                                                </a>
1522
1523                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1524                                                                                                                    <a
1525                                                                href="/tag/thien"
1526                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1527                                                            >
1528                                                                Thiền                                                            </a>
1529                                                                                                            </div>
1530                                                                                            </div>
1531                                                                                    <div class="group mb-4 last:mb-0">
1532                                                <a
1533                                                    href="/course/suc-khoe-lam-dep/dinh-duong-loi-song"
1534                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1535                                                >
1536                                                    <span
1537                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1538                                                    Dinh dưỡng & lối sống                                                </a>
1539
1540                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1541                                                                                                                    <a
1542                                                                href="/tag/eat-clean"
1543                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1544                                                            >
1545                                                                Eat clean                                                            </a>
1546                                                                                                            </div>
1547                                                                                            </div>
1548                                                                                    <div class="group mb-4 last:mb-0">
1549                                                <a
1550                                                    href="/course/suc-khoe-lam-dep/the-thao"
1551                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1552                                                >
1553                                                    <span
1554                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1555                                                    Thể Thao                                                </a>
1556
1557                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1558                                                                                                                    <a
1559                                                                href="/tag/dance-zumba"
1560                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1561                                                            >
1562                                                                Dance - Zumba                                                            </a>
1563                                                                                                            </div>
1564                                                                                            </div>
1565                                                                            </div>
1566                                                                    <div class="flex flex-col">
1567                                                                                    <div class="group mb-4 last:mb-0">
1568                                                <a
1569                                                    href="/course/suc-khoe-lam-dep/yoga-thien"
1570                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1571                                                >
1572                                                    <span
1573                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1574                                                    Yoga                                                </a>
1575
1576                                                                                            </div>
1577                                                                                    <div class="group mb-4 last:mb-0">
1578                                                <a
1579                                                    href="/course/suc-khoe-lam-dep/fitness-gym"
1580                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1581                                                >
1582                                                    <span
1583                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1584                                                    Fitness & Gym                                                </a>
1585
1586                                                                                            </div>
1587                                                                                    <div class="group mb-4 last:mb-0">
1588                                                <a
1589                                                    href="/course/suc-khoe-lam-dep/cham-soc-tinh-than"
1590                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1591                                                >
1592                                                    <span
1593                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1594                                                    Chăm sóc tinh thần                                                </a>
1595
1596                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1597                                                                                                                    <a
1598                                                                href="/tag/hanh-phuc"
1599                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1600                                                            >
1601                                                                Hạnh phúc                                                            </a>
1602                                                                                                            </div>
1603                                                                                            </div>
1604                                                                                    <div class="group mb-4 last:mb-0">
1605                                                <a
1606                                                    href="/course/suc-khoe-lam-dep/lam-dep"
1607                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1608                                                >
1609                                                    <span
1610                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1611                                                    Làm đẹp                                                </a>
1612
1613                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1614                                                                                                                    <a
1615                                                                href="/tag/lam-dep-sau-sinh"
1616                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1617                                                            >
1618                                                                Làm đẹp sau sinh,                                                            </a>
1619                                                                                                                    <a
1620                                                                href="/tag/trang-diem"
1621                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1622                                                            >
1623                                                                Trang điểm                                                            </a>
1624                                                                                                            </div>
1625                                                                                            </div>
1626                                                                            </div>
1627                                                            </div>
1628                                            </div>
1629                                                        <div id="category-content-9"
1630                         class="category-content hidden"
1631                         role="tabpanel"
1632                         aria-labelledby="category-tab-9"
1633                    >
1634                        <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2">
1635                            Tài Chính & Đầu tư                        </h4>
1636
1637                                                    <div class="grid grid-cols-2 gap-y-4 gap-x-8">
1638                                
1639                                                                    <div class="flex flex-col">
1640                                                                                    <div class="group mb-4 last:mb-0">
1641                                                <a
1642                                                    href="/course/tai-chinh-dau-tu/ke-toan"
1643                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1644                                                >
1645                                                    <span
1646                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1647                                                    Kế Toán                                                </a>
1648
1649                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1650                                                                                                                    <a
1651                                                                href="/tag/phan-mem-ke-toan"
1652                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1653                                                            >
1654                                                                Phần mềm kế toán,                                                            </a>
1655                                                                                                                    <a
1656                                                                href="/tag/bao-cao-tai-chinh"
1657                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1658                                                            >
1659                                                                Báo cáo tài chính                                                            </a>
1660                                                                                                            </div>
1661                                                                                            </div>
1662                                                                                    <div class="group mb-4 last:mb-0">
1663                                                <a
1664                                                    href="/course/tai-chinh-dau-tu/dau-tu"
1665                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1666                                                >
1667                                                    <span
1668                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1669                                                    Đầu Tư                                                </a>
1670
1671                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1672                                                                                                                    <a
1673                                                                href="/tag/bitcoin"
1674                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1675                                                            >
1676                                                                Bitcoin,                                                            </a>
1677                                                                                                                    <a
1678                                                                href="/tag/dau-tu-forex"
1679                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1680                                                            >
1681                                                                Đầu tư forex                                                            </a>
1682                                                                                                            </div>
1683                                                                                            </div>
1684                                                                                    <div class="group mb-4 last:mb-0">
1685                                                <a
1686                                                    href="/course/tai-chinh-dau-tu/ho-kinh-doanh"
1687                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1688                                                >
1689                                                    <span
1690                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1691                                                    Hộ kinh doanh                                                </a>
1692
1693                                                                                            </div>
1694                                                                            </div>
1695                                                                    <div class="flex flex-col">
1696                                                                                    <div class="group mb-4 last:mb-0">
1697                                                <a
1698                                                    href="/course/tai-chinh-dau-tu/tai-chinh"
1699                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1700                                                >
1701                                                    <span
1702                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1703                                                    Tài Chính                                                </a>
1704
1705                                                                                            </div>
1706                                                                                    <div class="group mb-4 last:mb-0">
1707                                                <a
1708                                                    href="/course/tai-chinh-dau-tu/thue-phap-ly"
1709                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1710                                                >
1711                                                    <span
1712                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1713                                                    Thuế & pháp lý                                                </a>
1714
1715                                                                                            </div>
1716                                                                                    <div class="group mb-4 last:mb-0">
1717                                                <a
1718                                                    href="/course/tai-chinh-dau-tu/phan-mem-ke-toan"
1719                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1720                                                >
1721                                                    <span
1722                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1723                                                    Phần mềm kế toán                                                </a>
1724
1725                                                                                            </div>
1726                                                                            </div>
1727                                                            </div>
1728                                            </div>
1729                                                        <div id="category-content-10"
1730                         class="category-content hidden"
1731                         role="tabpanel"
1732                         aria-labelledby="category-tab-10"
1733                    >
1734                        <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2">
1735                            Phong Cách Sống                        </h4>
1736
1737                                                    <div class="grid grid-cols-2 gap-y-4 gap-x-8">
1738                                
1739                                                                    <div class="flex flex-col">
1740                                                                                    <div class="group mb-4 last:mb-0">
1741                                                <a
1742                                                    href="/course/phong-cach-song/nghe-thuat-lifestyle"
1743                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1744                                                >
1745                                                    <span
1746                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1747                                                    Nghệ thuật & lifestyle                                                </a>
1748
1749                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1750                                                                                                                    <a
1751                                                                href="/tag/ve"
1752                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1753                                                            >
1754                                                                Vẽ                                                            </a>
1755                                                                                                            </div>
1756                                                                                            </div>
1757                                                                                    <div class="group mb-4 last:mb-0">
1758                                                <a
1759                                                    href="/course/phong-cach-song/am-nhac-nhac-cu"
1760                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1761                                                >
1762                                                    <span
1763                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1764                                                    Âm nhạc & nhạc cụ                                                </a>
1765
1766                                                                                            </div>
1767                                                                                    <div class="group mb-4 last:mb-0">
1768                                                <a
1769                                                    href="/course/phong-cach-song/viet-lach-sang-tao"
1770                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1771                                                >
1772                                                    <span
1773                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1774                                                    Viết lách & sáng tạo                                                </a>
1775
1776                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1777                                                                                                                    <a
1778                                                                href="/tag/nghe-thuat-viet-ebook"
1779                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1780                                                            >
1781                                                                Nghệ thuật viết Ebook,                                                            </a>
1782                                                                                                                    <a
1783                                                                href="/tag/doc-sach"
1784                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1785                                                            >
1786                                                                Đọc sách                                                            </a>
1787                                                                                                            </div>
1788                                                                                            </div>
1789                                                                                    <div class="group mb-4 last:mb-0">
1790                                                <a
1791                                                    href="/course/phong-cach-song/huyen-hoc"
1792                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1793                                                >
1794                                                    <span
1795                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1796                                                    Huyền học                                                </a>
1797
1798                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1799                                                                                                                    <a
1800                                                                href="/tag/handmade"
1801                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1802                                                            >
1803                                                                Handmade                                                            </a>
1804                                                                                                            </div>
1805                                                                                            </div>
1806                                                                            </div>
1807                                                                    <div class="flex flex-col">
1808                                                                                    <div class="group mb-4 last:mb-0">
1809                                                <a
1810                                                    href="/course/phong-cach-song/am-thuc-do-uong"
1811                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1812                                                >
1813                                                    <span
1814                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1815                                                    Ẩm thực & đồ uống                                                </a>
1816
1817                                                                                            </div>
1818                                                                                    <div class="group mb-4 last:mb-0">
1819                                                <a
1820                                                    href="/course/phong-cach-song/luyen-hat-luyen-giong"
1821                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1822                                                >
1823                                                    <span
1824                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1825                                                    Luyện hát & Luyện giọng                                                </a>
1826
1827                                                                                            </div>
1828                                                                                    <div class="group mb-4 last:mb-0">
1829                                                <a
1830                                                    href="/course/phong-cach-song/du-lich-trai-nghiem"
1831                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1832                                                >
1833                                                    <span
1834                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1835                                                    Du lịch & trải nghiệm                                                </a>
1836
1837                                                                                                    <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5">
1838                                                                                                                    <a
1839                                                                href="/tag/du-lich"
1840                                                                class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors"
1841                                                            >
1842                                                                Du lịch                                                            </a>
1843                                                                                                            </div>
1844                                                                                            </div>
1845                                                                            </div>
1846                                                            </div>
1847                                            </div>
1848                                                        <div id="category-content-11"
1849                         class="category-content hidden"
1850                         role="tabpanel"
1851                         aria-labelledby="category-tab-11"
1852                    >
1853                        <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2">
1854                            Sách hay nên đọc                        </h4>
1855
1856                                                    <div class="grid grid-cols-2 gap-y-4 gap-x-8">
1857                                
1858                                                                    <div class="flex flex-col">
1859                                                                                    <div class="group mb-4 last:mb-0">
1860                                                <a
1861                                                    href="/course/sach-hay-nen-doc/sach-ai"
1862                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1863                                                >
1864                                                    <span
1865                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1866                                                    Sách AI                                                </a>
1867
1868                                                                                            </div>
1869                                                                                    <div class="group mb-4 last:mb-0">
1870                                                <a
1871                                                    href="/course/sach-hay-nen-doc/kiem-tien"
1872                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1873                                                >
1874                                                    <span
1875                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1876                                                    Kiếm tiền                                                </a>
1877
1878                                                                                            </div>
1879                                                                            </div>
1880                                                                    <div class="flex flex-col">
1881                                                                                    <div class="group mb-4 last:mb-0">
1882                                                <a
1883                                                    href="/course/sach-hay-nen-doc/tin-hoc"
1884                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1885                                                >
1886                                                    <span
1887                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1888                                                    Tin học                                                </a>
1889
1890                                                                                            </div>
1891                                                                                    <div class="group mb-4 last:mb-0">
1892                                                <a
1893                                                    href="/course/sach-hay-nen-doc/kinh-doanh"
1894                                                    class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1"
1895                                                >
1896                                                    <span
1897                                                        class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span>
1898                                                    Kinh doanh                                                </a>
1899
1900                                                                                            </div>
1901                                                                            </div>
1902                                                            </div>
1903                                            </div>
1904                            </div>
1905        </div>
1906    </div>
1907
1908    
1908<script>
1909        $(document).ready(function () {
1910            const $menuButton = $('#category-menu-button');
1911            const $megaMenu = $('#category-mega-menu');
1912            const $menuContainer = $('#category-menu-container');
1913
1914            if ($menuButton.length && $megaMenu.length) {
1915                let isMenuOpen = false;
1916                let closeTimeout;
1917                let isHoveringMenu = false;
1918                let isHoveringButton = false;
1919
1920                $megaMenu.addClass('hidden');
1921                $menuButton.attr('aria-expanded', 'false');
1922                $menuButton.find('svg').css('transform', 'rotate(0deg)');
1923
1924                function openMenu() {
1925                    if (isMenuOpen) return;
1926
1927                    clearTimeout(closeTimeout);
1928                    $megaMenu.removeClass('hidden');
1929                    $menuButton.addClass('text-[#f05a28] bg-orange-50');
1930                    $menuButton.attr('aria-expanded', 'true');
1931                    $menuButton.find('svg').css('transform', 'rotate(90deg)');
1932                    isMenuOpen = true;
1933                }
1934
1935                function closeMenu() {
1936                    if (!isMenuOpen) return;
1937
1938                    closeTimeout = setTimeout(() => {
1939                        if (!isHoveringButton && !isHoveringMenu) {
1940                            $megaMenu.addClass('hidden');
1941                            $menuButton.removeClass('text-[#f05a28] bg-orange-50');
1942                            $menuButton.attr('aria-expanded', 'false');
1943                            $menuButton.find('svg').css('transform', 'rotate(0deg)');
1944                            isMenuOpen = false;
1945                        }
1946                    }, 150);
1947                }
1948
1949                $menuButton.on('mouseenter', function () {
1950                    isHoveringButton = true;
1951                    if ($(window).width() >= 1024) {
1952                        openMenu();
1953                    }
1954                });
1955
1956                $menuButton.on('mouseleave', function () {
1957                    isHoveringButton = false;
1958                    if ($(window).width() >= 1024 && !isHoveringMenu) {
1959                        closeMenu();
1960                    }
1961                });
1962
1963                $megaMenu.on('mouseenter', function () {
1964                    isHoveringMenu = true;
1965                    clearTimeout(closeTimeout);
1966                });
1967
1968                $megaMenu.on('mouseleave', function () {
1969                    isHoveringMenu = false;
1970                    if ($(window).width() >= 1024 && !isHoveringButton) {
1971                        closeMenu();
1972                    }
1973                });
1974
1975                $menuButton.on('click', function (e) {
1976                    e.stopPropagation();
1977                    if (isMenuOpen) {
1978                        closeMenu();
1979                    } else {
1980                        openMenu();
1981                    }
1982                });
1983
1984                $(document).on('click', function (e) {
1985                    if (!$menuContainer.is(e.target) && $menuContainer.has(e.target).length === 0 && isMenuOpen) {
1986                        closeMenu();
1987                    }
1988                });
1989
1990                const $categoryTabs = $('.category-tab');
1991                const $categoryContents = $('.category-content');
1992
1993                $categoryTabs.on('mouseenter', function () {
1994                    if ($(window).width() >= 1024 && isMenuOpen) {
1995                        const tabIndex = $(this).data('tab');
1996
1997                        $categoryTabs.removeClass('active');
1998                        $(this).addClass('active');
1999
2000                        $categoryTabs.attr('aria-selected', 'false');
2001                        $(this).attr('aria-selected', 'true');
2002
2003                        $categoryContents.addClass('hidden');
2004                        $('#category-content-' + tabIndex).removeClass('hidden');
2005                    }
2006                });
2007
2008                $megaMenu.find('a').on('click', function () {
2009                    closeMenu();
2010                });
2011
2012                $(window).on('resize', function () {
2013                    if ($(window).width() < 1024 && isMenuOpen) {
2014                        closeMenu();
2015                    }
2016                });
2017            }
2018        });
2019    </script>
2019
2020                                            <div class="w-full">
2021                            <form class="relative" method="GET" action="/search">
2022                                <input autocomplete="on" name="key" id="text_search" value="" type="text"
2023                                       class="block w-full px-4 py-2.5 text-sm text-gray-900 border border-gray-300 rounded-full bg-gray-50 focus:ring-gray-500 focus:border-gray-500"
2024                                       placeholder="Tìm khóa học, giảng viên" required>
2025                                <button type="submit" class="absolute top-0 right-0 h-full pr-4">
2026                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
2027                                         xmlns="http://www.w3.org/2000/svg">
2028                                        <path
2029                                            d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z"
2030                                            stroke="#929495" stroke-width="2" stroke-linecap="round"
2031                                            stroke-linejoin="round"/>
2032                                        <path d="M20.9999 21L16.6499 16.65" stroke="#929495" stroke-width="2"
2033                                              stroke-linecap="round" stroke-linejoin="round"/>
2034                                    </svg>
2035                                </button>
2036                            </form>
2037                        </div>
2038                                    </div>
2039                <div class="2xl:basis-5/12 lg:basis-6/12 basis-5/12 flex justify-end xl:gap-6 gap-4">
2040                    <!--                    Anh Thơ yêu cầu bỏ-->
2041                    <!--                    <div class="my-auto lg:block sm:hidden">-->
2042                    <!--                        <a class="block" href="/teacher">-->
2043                    <!--</a>-->
2044                    <!--                    </div>-->
2045                    <div class="my-auto lg:block sm:hidden">
2046                        <a class="block" href="/biz">Doanh nghiệp</a>
2047                    </div>
2048                    <div class="my-auto lg:block sm:hidden">
2049                        <a class="block" href="/dashboard/user/group">Hội viên</a>
2050                    </div>
2051                    
2052                    <div class="my-auto">
2053                        <a href="/cart" class="relative">
2054                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
2055                                 xmlns="http://www.w3.org/2000/svg">
2056                                <path
2057                                    d="M9 22C9.55228 22 10 21.5523 10 21C10 20.4477 9.55228 20 9 20C8.44772 20 8 20.4477 8 21C8 21.5523 8.44772 22 9 22Z"
2058                                    stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2059                                <path
2060                                    d="M20 22C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20C19.4477 20 19 20.4477 19 21C19 21.5523 19.4477 22 20 22Z"
2061                                    stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2062                                <path
2063                                    d="M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6"
2064                                    stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2065                            </svg>
2066                            <div id="quantity-cart">
2067                                                            </div>
2068                        </a>
2069                    </div>
2070
2071                    <div class="relative flex items-center gap-4">
2072                        <!--                            <div class="my-auto">-->
2073<!--                                <a class="block font-bold hover:text-[#f05a28] transition-colors" href="/login">--><!--</a>-->
2074<!--                            </div>-->
2075                            <div class="my-auto">
2076                                <a class="block px-4 py-2 font-bold text-white bg-[#f05a28] rounded-full hover:bg-[#e04a18] transition-colors" href="/login">Đăng nhập</a>
2077                            </div>
2078                                            </div>
2079                    <!--                    -->                </div>
2080            </div>
2081        </div>
2082    </div>
2083    <!--Menu mobile-->
2084    <div class="lg:hidden md:hidden">
2085        <div class="grid grid-cols-3 px-4 py-3.5">
2086            <div>
2087                <button class="text-2xl" type="button" data-drawer-target="drawer-left-navbar"
2088                        data-drawer-show="drawer-left-navbar" data-drawer-placement="left"
2089                        aria-controls="drawer-left-navbar">
2090                    <svg width="24" height="29" viewBox="0 0 24 29" fill="none" xmlns="http://www.w3.org/2000/svg">
2091                        <path d="M3 12H21" stroke="black" stroke-width="2" stroke-linecap="round"
2092                              stroke-linejoin="round"/>
2093                        <path d="M3 6H21" stroke="black" stroke-width="2" stroke-linecap="round"
2094                              stroke-linejoin="round"/>
2095                        <path d="M3 18H21" stroke="black" stroke-width="2" stroke-linecap="round"
2096                              stroke-linejoin="round"/>
2097                        <path
2098                            d="M2.5593 22.9091H3.49148L5.11222 26.8665H5.17188L6.79261 22.9091H7.72479V28H6.99396V24.3161H6.94673L5.44531 27.9925H4.83878L3.33736 24.3136H3.29013V28H2.5593V22.9091ZM8.84153 28V22.9091H12.0333V23.5703H9.60964V25.1214H11.8667V25.7802H9.60964V27.3388H12.0631V28H8.84153ZM17.1683 22.9091V28H16.4624L13.8746 24.2663H13.8274V28H13.0593V22.9091H13.7702L16.3604 26.6477H16.4077V22.9091H17.1683ZM21.5626 22.9091H22.3332V26.2575C22.3332 26.6138 22.2495 26.9295 22.0821 27.2045C21.9147 27.478 21.6794 27.6934 21.3762 27.8509C21.0729 28.0066 20.7174 28.0845 20.3097 28.0845C19.9037 28.0845 19.5491 28.0066 19.2458 27.8509C18.9426 27.6934 18.7072 27.478 18.5399 27.2045C18.3725 26.9295 18.2888 26.6138 18.2888 26.2575V22.9091H19.0569V26.1953C19.0569 26.4257 19.1075 26.6303 19.2085 26.8093C19.3113 26.9883 19.4563 27.1291 19.6436 27.2319C19.8308 27.333 20.0529 27.3835 20.3097 27.3835C20.5683 27.3835 20.7912 27.333 20.9784 27.2319C21.1673 27.1291 21.3115 26.9883 21.411 26.8093C21.512 26.6303 21.5626 26.4257 21.5626 26.1953V22.9091Z"
2099                            fill="black"/>
2100                    </svg>
2101                </button>
2102            </div>
2103            <a href="/">
2104                <img class="w-[140px]" src="/media/img/logo-unica.svg"
2105                     alt="Học Online: 2000+ Khóa học trực tuyến cho người đi làm">
2106            </a>
2107            <div class="flex justify-end items-center gap-6">
2108                <svg data-modal-target="search-modal" data-modal-toggle="search-modal" data-modal-placement="top"
2109                     width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2110                    <path
2111                        d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z"
2112                        stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2113                    <path d="M20.9999 21L16.6499 16.65" stroke="black" stroke-width="2" stroke-linecap="round"
2114                          stroke-linejoin="round"/>
2115                </svg>
2116                <a href="/cart" class="relative">
2117                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2118                        <path
2119                            d="M9 22C9.55228 22 10 21.5523 10 21C10 20.4477 9.55228 20 9 20C8.44772 20 8 20.4477 8 21C8 21.5523 8.44772 22 9 22Z"
2120                            stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2121                        <path
2122                            d="M20 22C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20C19.4477 20 19 20.4477 19 21C19 21.5523 19.4477 22 20 22Z"
2123                            stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2124                        <path
2125                            d="M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6"
2126                            stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2127                    </svg>
2128                                    </a>
2129            </div>
2130        </div>
2131        <div class="mb-input-search hidden">
2132            <div class="c_quick-search__form">
2133                <form class="searchbox" method="GET" action="/search">
2134                    <input autocomplete="off" type="text" class="form-control sm-form" name="key"
2135                           placeholder="Tìm khóa học, giảng viên" required="">
2136                    <button type="submit" class="btn sm-btn-search"><i class="fa fa-search" aria-hidden="true"></i>
2137                    </button>
2138                </form>
2139            </div>
2140        </div>
2141    </div>
2142</header>
2143
2144<div id="drawer-left-navbar" class="fixed top-0 left-0 z-40 transition-transform -translate-x-full w-96" tabindex="-1"
2145     aria-labelledby="drawer-left-label">
2146    <div class="w-80 bg-white h-screen overflow-y-auto">
2147                    <div class="border-t p-4 text-[#BF4A01]">
2148                <div class="mt-2">
2149                    <a class="block" href="/login">Đăng nhập</a>
2150                </div>
2151                <div class="my-4">
2152                    <a class="block" href="/register">Đăng ký</a>
2153                </div>
2154            </div>
2155                <div class="border-t p-4">
2156            <div class="mt-2">
2157                <a class="block" href="/kichhoat">Kích hoạt khóa học</a>
2158            </div>
2159            <div class="my-4">
2160                <a class="block" href="/dashboard/user/group">Hội viên</a>
2161            </div>
2162            <div class="my-4">
2163                <a class="block" href="/biz">Doanh nghiệp</a>
2164            </div>
2165        </div>
2166        <div class="border-t p-4">
2167            <div class="px-4 mb-2">
2168                <h4 class="text-[10px] font-bold text-gray-400 uppercase tracking-widest mb-4 px-1">Danh mục đào tạo</h4>
2169            </div>
2170            <div id="dropdown-category-sidebar" class="transition-all duration-300">
2171                            <div class="pb-4">
2172                <a class="flex gap-1.5 items-center" title="Khóa Học Kinh Doanh" href="/course/kinh-doanh-khoi-nghiep">
2173                    <i class="w-4 fa fa fa-rocket" aria-hidden="true"></i>
2174                    Kinh doanh & Khởi nghiệp                </a>
2175            </div>
2176            <div class="pb-4">
2177                <a class="flex gap-1.5 items-center" title="Khóa Học Marketing & Bán hàng" href="/course/marketing-ban-hang">
2178                    <i class="w-4 fa fa fa-line-chart" aria-hidden="true"></i>
2179                    Marketing & Bán hàng                </a>
2180            </div>
2181            <div class="pb-4">
2182                <a class="flex gap-1.5 items-center" title="AI & Công nghệ" href="/course/ai-cong-nghe">
2183                    <i class="w-4 fa fa fa-rocket" aria-hidden="true"></i>
2184                    AI & Công nghệ                </a>
2185            </div>
2186            <div class="pb-4">
2187                <a class="flex gap-1.5 items-center" title="Khóa Học Thiết kế & Sáng tạo" href="/course/thiet-ke-sang-tao">
2188                    <i class="w-4 fa fa fa-paint-brush" aria-hidden="true"></i>
2189                    Thiết kế & Sáng tạo                </a>
2190            </div>
2191            <div class="pb-4">
2192                <a class="flex gap-1.5 items-center" title="Khóa Học Video & Nhiếp ảnh" href="/course/video-nhiep-anh">
2193                    <i class="w-4 fa fa fa-camera" aria-hidden="true"></i>
2194                    Video & Nhiếp ảnh                </a>
2195            </div>
2196            <div class="pb-4">
2197                <a class="flex gap-1.5 items-center" title="Khóa học Ngoại Ngữ " href="/course/ngoai-ngu">
2198                    <i class="w-4 fa fa fa-language" aria-hidden="true"></i>
2199                    Ngoại Ngữ                </a>
2200            </div>
2201            <div class="pb-4">
2202                <a class="flex gap-1.5 items-center" title="Khóa Học Tin Học Văn Phòng" href="/course/tin-hoc-van-phong">
2203                    <i class="w-4 fa fa fa-desktop" aria-hidden="true"></i>
2204                    Tin Học Văn Phòng                </a>
2205            </div>
2206            <div class="pb-4">
2207                <a class="flex gap-1.5 items-center" title="Kỹ năng mềm" href="/course/ky-nang-mem">
2208                    <i class="w-4 fa fa fa-lightbulb-o" aria-hidden="true"></i>
2209                    Kỹ năng mềm                </a>
2210            </div>
2211            <div class="pb-4">
2212                <a class="flex gap-1.5 items-center" title="Sức khỏe & Làm đẹp" href="/course/suc-khoe-lam-dep">
2213                    <i class="w-4 fa fa fa-heartbeat" aria-hidden="true"></i>
2214                    Sức khỏe & Làm đẹp                </a>
2215            </div>
2216            <div class="pb-4">
2217                <a class="flex gap-1.5 items-center" title="Tài Chính & Đầu tư" href="/course/tai-chinh-dau-tu">
2218                    <i class="w-4 fa fa fa-money" aria-hidden="true"></i>
2219                    Tài Chính & Đầu tư                </a>
2220            </div>
2221            <div class="pb-4">
2222                <a class="flex gap-1.5 items-center" title="Khóa Học Phong Cách Sống" href="/course/phong-cach-song">
2223                    <i class="w-4 fa fa fa-cutlery" aria-hidden="true"></i>
2224                    Phong Cách Sống                </a>
2225            </div>
2226            <div class="pb-4">
2227                <a class="flex gap-1.5 items-center" title="Sách hay nên đọc" href="/course/sach-hay-nen-doc">
2228                    <i class="w-4 fa fa fa-book" aria-hidden="true"></i>
2229                    Sách hay nên đọc                </a>
2230            </div>
2231            </div>
2232        </div>
2233        <div class="border-t px-4 py-6">
2234            <a class="flex gap-2.5 items-center" href="/app">
2235                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2236                    <g clip-path="url(#clip0_418_5860)">
2237                        <path
2238                            d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z"
2239                            fill="black" stroke="black" stroke-width="2" stroke-linecap="round"
2240                            stroke-linejoin="round"/>
2241                        <path d="M6 9L9 12L12 9" stroke="white" stroke-width="2" stroke-linecap="round"
2242                              stroke-linejoin="round"/>
2243                        <path d="M9 6V12" stroke="white" stroke-width="2" stroke-linecap="round"
2244                              stroke-linejoin="round"/>
2245                    </g>
2246                    <defs>
2247                        <clipPath id="clip0_418_5860">
2248                            <rect width="18" height="18" fill="white"/>
2249                        </clipPath>
2250                    </defs>
2251                </svg>
2252                Tải app            </a>
2253        </div>
2254        <div class="border-t p-4">
2255            <p class="font-bold">Hỗ trợ</p>
2256            <div class="py-4 flex gap-2.5 items-center">
2257                <svg style="vertical-align: middle; margin-right: 10px" width="18" height="18" viewBox="0 0 18 18"
2258                     fill="none" xmlns="http://www.w3.org/2000/svg">
2259                    <g clip-path="url(#clip0_330_6154)">
2260                        <path d="M17.25 5.25V0.75H12.75" stroke="black" stroke-width="2" stroke-linecap="round"
2261                              stroke-linejoin="round"/>
2262                        <path d="M12 6L17.25 0.75" stroke="black" stroke-width="2" stroke-linecap="round"
2263                              stroke-linejoin="round"/>
2264                        <path
2265                            d="M16.5001 12.69V14.94C16.5009 15.1489 16.4581 15.3556 16.3745 15.547C16.2908 15.7384 16.168 15.9102 16.014
22651 16.0514C15.8602 16.1926 15.6785 16.3001 15.4806 16.367C15.2828 16.434 15.0731 16.4588 14.8651 16.44C12.5572 16.1892 10.3403 15.4006 8.39257 14.1375C6.58044 12.986 5.04407 11.4496 3.89257 9.63751C2.62506 7.68092 1.83625 5.45326 1.59007 3.13501C1.57133 2.92761 1.59598 2.71858 1.66245 2.52123C1.72892 2.32388 1.83575 2.14253 1.97615 1.98873C2.11654 1.83493 2.28743 1.71204 2.47792 1.6279C2.6684 1.54376 2.87433 1.50021 3.08257 1.50001H5.33257C5.69655 1.49643 6.04942 1.62532 6.32539 1.86266C6.60137 2.1 6.78163 2.4296 6.83257 2.79001C6.92754 3.51006 7.10366 4.21706 7.35757 4.89751C7.45848 5.16595 7.48032 5.4577 7.4205 5.73817C7.36069 6.01865 7.22172 6.27609 7.02007 6.48001L6.06757 7.43251C7.13524 9.31017 8.68991 10.8648 10.5676 11.9325L11.5201 10.98C11.724 10.7784 11.9814 10.6394 12.2619 10.5796C12.5424 10.5198 12.8341 10.5416 13.1026 10.6425C13.783 10.8964 14.49 11.0725 15.2101 11.1675C15.5744 11.2189 15.9071 11.4024 16.145 11.6831C16.3828 11.9638 16.5092 12.3222 16.5001 12.69Z"
2266                            stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2267                    </g>
2268                    <defs>
2269                        <clipPath id="clip0_330_6154">
2270                            <rect width="18" height="18" fill="white"/>
2271                        </clipPath>
2272                    </defs>
2273                </svg>
2274                Hotline: <span><a
2275                        href="tel: 090 488 6095"> 090 488 6095</a></span>
2276            </div>
2277            <div class="pb-1 flex gap-2.5 items-center">
2278                <svg style="vertical-align: middle; margin-right: 10px" width="18" height="18" viewBox="0 0 18 18"
2279                     fill="none" xmlns="http://www.w3.org/2000/svg">
2280                    <path
2281                        d="M3 3H15C15.825 3 16.5 3.675 16.5 4.5V13.5C16.5 14.325 15.825 15 15 15H3C2.175 15 1.5 14.325 1.5 13.5V4.5C1.5 3.675 2.175 3 3 3Z"
2282                        stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2283                    <path d="M16.5 4.5L9 9.75L1.5 4.5" stroke="black" stroke-width="2" stroke-linecap="round"
2284                          stroke-linejoin="round"/>
2285                </svg>
2286                Email: <span>[email protected]</span>
2287            </div>
2288        </div>
2289    </div>
2290    <button type="button" data-drawer-hide="drawer-left-navbar" aria-controls="drawer-left-navbar"
2291            class="text-gray-400 bg-white rounded-full text-sm w-10 h-10 absolute top-2.5 end-2.5 inline-flex items-center justify-center">
2292        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2293             class="w-6 h-6">
2294            <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"/>
2295        </svg>
2296        <span class="sr-only">Close menu</span>
2297    </button>
2298</div>
2299<div id="search-modal" data-modal-placement="top-left" tabindex="-1"
2300     class="fixed top-0 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc(100%-1rem)] max-h-full min-h-full">
2301    <div class="relative w-full max-w-2xl max-h-full">
2302        <!-- Modal content -->
2303        <div class="relative p-4 w-full max-w-2xl max-h-full min-h-24 shadow w-full search-box">
2304            <form class="relative" method="GET" action="/search">
2305                <input autocomplete="on" name="key" id="text_search_sidebar" value="" type="text"
2306                       class="block w-full px-4 py-2.5 text-sm text-gray-900 border border-gray-300 rounded-full bg-gray-50 focus:ring-gray-500 focus:border-gray-500"
2307                       placeholder="Tìm khóa học, giảng viên" required>
2308
2309                <button type="submit" class="absolute top-0 right-0 h-full pr-4">
2310                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2311                        <path
2312                            d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z"
2313                            stroke="#929495" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2314                        <path d="M20.9999 21L16.6499 16.65" stroke="#929495" stroke-width="2" stroke-linecap="round"
2315                              stroke-linejoin="round"/>
2316                    </svg>
2317                </button>
2318            </form>
2319            <div id="search_sidebar_result" class="py-4"></div>
2320        </div>
2321    </div>
2322</div>
2323<!--    <nav class="bg-[#003555]">-->
2324<!--        <div class="py-4 px-4 lg:px-6 flex relative overflow-hidden lg:overflow-visible text-white">-->
2325<!--            <div class="swiper mySwiperTag pr-4">-->
2326<!--                <div class="swiper-wrapper">-->
2327<!--                    --><!--                        <a href="--><!--"-->
2328<!--                           class="w-fit swiper-slide hover:text-[#85c6ff]">--><!--</a>-->
2329<!--                    --><!--                </div>-->
2330<!--            </div>-->
2331<!--        </div>-->
2332<!--    </nav>-->
2333<!--    
2333<script>-->
2334<!--        let swiperTag = new Swiper('.mySwiperTag', {-->
2335<!--            slidesPerView: 'auto',-->
2336<!--            autoplay: true,-->
2337<!--            spaceBetween: 24-->
2338<!--        });-->
2339<!--    </script>
2339-->
2340
2341<script>
2342    const allBtnLogout = document.querySelectorAll('.btn-logout');
2343    if (allBtnLogout.length > 0) {
2344        allBtnLogout.forEach(item => {
2345            item.addEventListener('click', e => {
2346                e.preventDefault();
2347                localStorage.clear()
2348                sessionStorage.clear();
2349
2350                window.location.href = item.href
2351            })
2352        })
2353    }
2354</script>
2354
2355
2356<script>
2357    // Toggle dropdown cho avatar
2358    const dropdownButton = document.getElementById('dropdownUserAvatarButton');
2359    const dropdownMenu = document.getElementById('dropdownAvatar');
2360
2361    if (dropdownButton && dropdownMenu) {
2362        dropdownButton.addEventListener('click', function(e) {
2363            e.stopPropagation();
2364            dropdownMenu.classList.toggle('hidden');
2365        });
2366
2367        // Close dropdown when clicking outside
2368        document.addEventListener('click', function(e) {
2369            if (!dropdownButton.contains(e.target) && !dropdownMenu.contains(e.target)) {
2370                dropdownMenu.classList.add('hidden');
2371            }
2372        });
2373    }
2374</script>
2374
2375    <div class="bg-slate-50 text-black">
2376        
2377<!-- Nhúng CSS của giao diện mới -->
2378<!-- XÓA TOÀN BỘ THẺ <style> Ở ĐÂY, CHỈ DÙNG CLASS TAILWIND -->
2379
2380<!-- Giao diện chính (copy phần <body> của list_2024.php, thay các biến mockup bằng biến thật) -->
2381<div class="bg-[#01121c] text-white py-8">
2382    <div class="max-w-[1200px] mx-auto px-4">
2383        <div class="lg:w-2/3">
2384            <div class="flex items-center gap-2 text-[#a6deff] font-bold text-sm mb-4 tracking-wider">
2385                <nav class="hidden md:flex px-3.5 md:px-0" aria-label="Breadcrumb">
2386                    <ol class="inline-flex items-center space-x-1 md:space-x-2 rtl:space-x-reverse">
2387                        <li class="inline-flex items-center md:block hidden">
2388                            <a href="/"
2389                                class="inline-flex items-center text-sm font-medium text-[#A6DEFF] hover:text-blue-600">
2390                                <svg class="w-3 h-3 me-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
2391                                    fill="currentColor" viewBox="0 0 20 20">
2392                                    <path
2393                                        d="m19.707 9.293-2-2-7-7a1 1 0 0 0-1.414 0l-7 7-2 2a1 1 0 0 0 1.414 1.414L2 10.414V18a2 2 0 0 0 2 2h3a1 1 0 0 0 1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 0 1 1h3a2 2 0 0 0 2-2v-7.586l.293.293a1 1 0 0 0 1.414-1.414Z" />
2394                                </svg>
2395                                Unica
2396                            </a>
2397                        </li>
2398                        <li>
2399                            <div class="flex items-center">
2400                                <svg class="rtl:rotate-180 w-3 h-3 text-[#A6DEFF] mx-1 md:block hidden"
2401                                    aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
2402                                    viewBox="0 0 6 10">
2403                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
2404                                        stroke-width="2" d="m1 9 4-4-4-4" />
2405                                </svg>
2406                                                                    <a href="/course/ai-cong-nghe"
2407                                        class="-ms-1 md:text-sm font-medium md:text-[#A6DEFF] text-[#BF4A01] hover:text-blue-600 md:ms-2">AI & Công nghệ</a>
2408                                                            </div>
2409                        </li>
2410                        <li aria-current="page">
2411                            <div class="flex items-center">
2412                                <svg class="rtl:rotate-180 w-3 h-3 md:text-[#A6DEFF] text-[#BF4A01] mx-1"
2413                                    aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
2414                                    viewBox="0 0 6 10">
2415                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
2416                                        stroke-width="2" d="m1 9 4-4-4-4" />
2417                                </svg>
2418                                                                    <a href="startup"
2419                                        class="md:ms-1 md:text-sm font-medium md:text-[#A6DEFF] text-[#BF4A01] hover:text-blue-600 md:ms-2">
2420                                        Startup                                    </a>
2421                                                            </div>
2422                        </li>
2423                    </ol>
2424                </nav>
2425            </div>
2426            <h1 class="text-2xl md:text-4xl font-bold leading-[1.2] mb-4">
2427                PM No-Code: AI Product Management & No-Code Automation            </h1>
2428            <p class="text-gray-300 text-lg mb-6 leading-relaxed">
2429                Làm chủ tư duy Product Manager, tích hợp AI Agents, No-Code workflows và tự động hóa quy trình phát triển sản phẩm            </p>
2430            <div class="flex flex-wrap items-center gap-x-6 gap-y-4 text-sm md:text-base relative pr-4">
2431                <div class="flex items-center gap-1.5">
2432                    <div class="flex text-yellow-400">
2433                        <svg class="w-[18px] h-[18px] fill-current"
2434                                viewBox="0 0 24 24">
2435                                <polygon
2436                                    points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2437                            </svg><svg class="w-[18px] h-[18px] fill-current"
2438                                viewBox="0 0 24 24">
2439                                <polygon
2440                                    points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2441                            </svg><svg class="w-[18px] h-[18px] fill-current"
2442                                viewBox="0 0 24 24">
2443                                <polygon
2444                                    points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2445                            </svg><svg class="w-[18px] h-[18px] fill-current"
2446                                viewBox="0 0 24 24">
2447                                <polygon
2448                                    points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2449                            </svg><svg class="w-[18px] h-[18px] fill-current"
2450                                viewBox="0 0 24 24">
2451                                <polygon
2452                                    points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
2453                            </svg>                    </div>
2454                    <span class="font-bold">0.0</span>
2455                    <span class="text-gray-400">(0 đánh giá)</span>
2456                </div>
2457                <div class="flex items-center gap-2">
2458                    <svg class="w-[18px] h-[18px] text-gray-400" viewBox="0 0 24 24" fill="none" stroke="currentColor"
2459                        stroke-width="2">
2460                        <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
2461                        <circle cx="9" cy="7" r="4" />
2462                        <path d="M22 21v-2a4 4 0 0 0-3-3.87" />
2463                        <path d="M16 3.13a4 4 0 0 1 0 7.75" />
2464                    </svg>
2465                                            <span><span class="font-bold">0</span> học viên</span>
2466                                    </div>
2467                <div class="flex items-center gap-2 flex-1 min-w-[200px]">
2468                    <div class="w-7 h-7 rounded-full bg-blue-500 overflow-hidden border border-white/20">
2469                        <img src="https://unica.vn/uploads/dang-vuong-quang/September820261002pm_dang-vuong-quang_thumb.jpg"
2470                            alt="Giảng viên" class="w-full h-full object-cover" />
2471                    </div>
2472                    <div class="flex items-center justify-between flex-1">
2473                        <!-- Sửa lại thành thẻ <a> để chuyển trang -->
2474                        <a href="/teacher/pm-no-code"
2475                            class="text-white hover:text-blue-400 cursor-pointer transition-colors">
2476                            Product Manager No-Code                        </a>
2477                            <button type="button" class="text-2xl action-favourite" data-id="T2lIS1R1K21VTW9YajRURTZhSVJuQT09">
2478        <i class="fa fa-heart-o text-gray-400 hover:text-red-500" aria-hidden="true"></i>
2479    </button>
2480                        </div>
2481                </div>
2482            </div>
2483        </div>
2484    </div>
2485</div>
2486
2487<div class="max-w-[1200px] mx-auto px-4 relative pt-5 lg:pt-0">
2488    <div class="grid grid-cols-1 lg:grid-cols-12 gap-4 lg:gap-8 items-start">
2489        <div class="lg:col-span-8 pt-4 lg:pt-12 pb-12 space-y-4 lg:space-y-6">
2490            <!-- Bạn sẽ học được gì -->
2491                            <section class="bg-white rounded-xl p-6 md:p-8 border border-gray-100 shadow-sm">
2492                    <h2 class="text-2xl font-bold mb-6 text-gray-900">Bạn sẽ học được gì?</h2>
2493                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
2494                                                    <div class="flex items-start gap-3">
2495                                <svg class="text-green-500 shrink-0 mt-1 w-[18px] h-[18px]" viewBox="0 0 24 24" fill="none"
2496                                    stroke="currentColor" stroke-width="2">
2497                                    <circle cx="12" cy="12" r="10" />
2498                                    <path d="m9 12 2 2 4-4" />
2499                                </svg>
2500                                <span class="text-gray-700 leading-snug">Xác định và vận dụng tư duy Product Management vào các dự án công nghệ AI và No-Code</span>
2501                            </div>
2502                                                    <div class="flex items-start gap-3">
2503                                <svg class="text-green-500 shrink-0 mt-1 w-[18px] h-[18px]" viewBox="0 0 24 24" fill="none"
2504                                    stroke="currentColor" stroke-width="2">
2505                                    <circle cx="12" cy="12" r="10" />
2506                                    <path d="m9 12 2 2 4-4" />
2507                                </svg>
2508                                <span class="text-gray-700 leading-snug">Thiết kế và triển khai quy trình tự động hóa công việc bằng các công cụ No-Code/Low-Code hiện đại</span>
2509                            </div>
2510                                                    <div class="flex items-start gap-3">
2511                                <svg class="text-green-500 shrink-0 mt-1 w-[18px] h-[18px]" viewBox="0 0 24 24" fill="none"
2512                                    stroke="currentColor" stroke-width="2">
2513                                    <circle cx="12" cy="12" r="10" />
2514                                    <path d="m9 12 2 2 4-4" />
2515                                </svg>
2516                                <span class="text-gray-700 leading-snug">Ứng dụng Prompt Engineering nâng cao và xây dựng hệ thống AI Agents thực tế vào sản phẩm</span>
2517                            </div>
2518                                                    <div class="flex items-start gap-3">
2519                                <svg class="text-green-500 shrink-0 mt-1 w-[18px] h-[18px]" viewBox="0 0 24 24" fill="none"
2520                                    stroke="currentColor" stroke-width="2">
2521                                    <circle cx="12" cy="12" r="10" />
2522                                    <path d="m9 12 2 2 4-4" />
2523                                </svg>
2524                                <span class="text-gray-700 leading-snug">Hoàn thành dự án thực chiến từ khâu lên ý tưởng chiến lược đến vận hành hệ thống số hoàn chỉnh</span>
2525                            </div>
2526                                            </div>
2527                </section>
2528            
2529            <!-- Giới thiệu -->
2530                            <section class="bg-white rounded-xl p-6 md:p-8 border border-gray-100 shadow-sm">
2531                    <h2 class="text-2xl font-bold mb-6 text-gray-900">Giới thiệu khóa học</h2>
2532
2533                    <div class="js-expand-wrapper relative overflow-hidden transition-all duration-300"
2534                        data-max-height="220" style="max-height:220px">
2535                        <div class="prose prose-blue max-w-none text-gray-600 leading-relaxed space-y-4">
2536                            <p><strong>Lưu ý: Khóa học này có chứa nội dung do tạo bởi AI.</strong></p><p>Khóa học thực chiến được thiết kế đúc kết trực tiếp từ hành trình quản lý sản phẩm thực tế qua các nền tảng FinTech, B2B2C và SaaS lớn, dành riêng cho Product Manager, nhà sáng lập và chuyên viên vận hành muốn tự tay xây dựng các hệ thống số, tích hợp công nghệ AI tiên tiến và tự động hóa toàn bộ quy trình công việc mà không cần viết code phức tạp. Khóa học này giúp bạn nắm bắt trọn vẹn tư duy cốt lõi từ cơ bản đến chuyên sâu để tự tin triển khai sản phẩm thành công trong thời gian ngắn nhất.</p><p>Thông qua lộ trình bài bản với hàng loạt bài giảng chi tiết và thực tế, bạn sẽ nắm vững các nhóm kiến thức trọng tâm sau đây:</p><ul><li data-list-item-id="ede1d9b01937ced5cc1bea88523fd190a"><strong>Tư duy Product Management & AI:</strong> Xây dựng nền tảng vững chắc từ nhập môn sản phẩm, phân tích chiến lược, đến việc ứng dụng linh hoạt các mô hình công nghệ hiện đại vào quy trình quản lý và vận hành hệ thống.</li><li data-list-item-id="ea4fc4ead77eeca107949c18fc69b62af"><strong>Prompt Engineering & Low-Code/No-Code:</strong> Làm chủ kỹ thuật thiết kế câu lệnh chuyên sâu, tích hợp công nghệ tự động hóa văn phòng và khai thác tối đa các nền tảng No-Code giúp tăng tốc độ phát triển và triển khai sản phẩm.</li><li data-list-item-id="e5dbfd613b72269bc94b7d5593cfd1c85"><strong>Hệ thống AI Agents & Vận hành:</strong> Tìm hiểu phương pháp xây dựng agent tự chủ, tối ưu hóa quy trình vận hành hệ thống thông minh, đánh giá mô hình ngôn ngữ lớn (LLM) và ứng dụng thực tế theo các lĩnh vực FinTech, thương mại điện tử, y tế.</li><li data-list-item-id="e8d11b59f5511c183e1141140470632a3"><strong>Tài nguyên thực chiến:</strong> Sở hữu trọn bộ video bài giảng kết hợp hệ thống slide chi tiết đi kèm từng bài học để bạn có thể áp dụng ngay vào dự án thực tế của mình mà không mất nhiều thời gian mày mò.</li><li data-list-item-id="e682e1268fe0b6ff6650a5dea24d136e7">Tham gia khóa học ngay hôm nay để nâng cấp tư duy Product, làm chủ AI – No-Code Automation và tự tin hơn khi phối hợp cùng đội ngũ công nghệ để đưa ý tưởng thành sản phẩm thực tế!</li></ul><p>Tham gia khóa học ngay hôm nay để nâng cấp tư duy Product, làm chủ AI – No-Code Automation và tự tin hơn khi phối hợp cùng đội ngũ công nghệ để đưa ý tưởng thành sản phẩm thực tế!</p><p> </p>                        </div>
2537
2538                        <div
2539                            class="js-expand-overlay absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-white to-transparent">
2540                        </div>
2541                    </div>
2542
2543                    <button type="button"
2544                        class="js-expand-toggle mt-4 text-gray-500 font-medium hover:underline hidden text-sm">
2545                        Xem thêm
2546                    </button>
2547                </section>
2548            
2549            <!-- Nội dung -->
2550            <section class="bg-white rounded-xl p-6 md:p-8 border border-gray-100 shadow-sm">
2551                <div class="flex items-center justify-between mb-6">
2552                    <h2 class="text-2xl font-bold text-gray-900">Nội dung khóa học</h2>
2553                                    </div>
2554                <div class="flex items-center justify-between gap-2 mb-4">
2555                    <div class="flex items-center gap-1.5 md:gap-4 text-xs md:text-sm text-gray-500 whitespace-nowrap">
2556                                                    <span>8 Phần</span><span>•</span>
2557                            <span>
2558                                92                                <span class="md:hidden">Bài</span>
2559                                <span class="hidden md:inline">bài giảng</span>
2560                            </span><span>•</span>
2561                            <span>
2562                                <span class="md:hidden">
2563                                    11h 42p                                </span>
2564                                <span class="hidden md:inline">
2565                                    11 giờ 42 phút                                </span>
2566                            </span>
2567                                            </div>
2568                                            <button type="button"
2569                            class="flex items-center gap-1.5 text-blue-600 font-bold text-xs md:text-sm hover:text-blue-700 transition-colors btn-preview-modal shrink-0 whitespace-nowrap"
2570                            data-link=""
2571                            data-id="175084">
2572                            <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2573                                <path d="m22 8-6 4 6 4V8Z" />
2574                                <rect x="2" y="6" width="14" height="12" rx="2" ry="2" />
2575                            </svg>
2576                            <span>Học thử</span>
2577                        </button>
2578                                    </div>
2579                <div class="border border-gray-200 rounded-xl overflow-hidden mb-6">
2580                                                                                                                                        <div class="border-b border-gray-200 last:border-0">
2581                                                                            <details class="group bg-white" open>
2582                                            <summary class="flex list-none items-start gap-3 p-4 md:p-5 bg-gray-50/50 transition-colors hover:bg-gray-50 cursor-pointer">
2583                                                <svg class="w-5 h-5 mt-1 shrink-0 text-gray-400 transition-transform group-open:rotate-180"
2584                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2585                                                    <path d="m6 9 6 6 6-6" />
2586                                                </svg>
2587                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between text-left">
2588                                                    <span class="font-bold text-gray-800 md:pr-4">
2589                                                        Phần 1: Nhập môn & Nền tảng Toán học cho AI (Cơ bản)                                                    </span>
2590                                                    <span class="text-sm text-gray-500 mt-1 md:mt-0 shrink-0">
2591                                                        5 bài học
2592                                                    </span>
2593                                                </div>
2594                                            </summary>
2595                                            <div class="bg-white">
2596                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2597                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2598                                                                viewB
2598ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2599                                                                <circle cx="12" cy="12" r="10" />
2600                                                                <polygon points="10 8 16 12 10 16 10 8" />
2601                                                            </svg>
2602                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2603                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2604                                                                1.1 Khái niệm cơ sở                                                            </span>
2605                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2606                                                                    00:06:45                                                                </span>
2607                                                                                                                    </div>
2608                                                    </div>
2609                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2610                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2611                                                                viewB
2611ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2612                                                                <circle cx="12" cy="12" r="10" />
2613                                                                <polygon points="10 8 16 12 10 16 10 8" />
2614                                                            </svg>
2615                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2616                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2617                                                                1.2 Nền tảng Toán học cho AI                                                            </span>
2618                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2619                                                                    00:06:06                                                                </span>
2620                                                                                                                    </div>
2621                                                    </div>
2622                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2623                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2624                                                                viewB
2624ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2625                                                                <circle cx="12" cy="12" r="10" />
2626                                                                <polygon points="10 8 16 12 10 16 10 8" />
2627                                                            </svg>
2628                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2629                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2630                                                                1.2.1 Đại số tuyến tính                                                            </span>
2631                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2632                                                                    00:07:59                                                                </span>
2633                                                                                                                    </div>
2634                                                    </div>
2635                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2636                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2637                                                                viewB
2637ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2638                                                                <circle cx="12" cy="12" r="10" />
2639                                                                <polygon points="10 8 16 12 10 16 10 8" />
2640                                                            </svg>
2641                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2642                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2643                                                                1.2.2 Xác suất & Thống kê                                                            </span>
2644                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2645                                                                    00:09:53                                                                </span>
2646                                                                                                                    </div>
2647                                                    </div>
2648                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2649                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2650                                                                viewB
2650ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2651                                                                <circle cx="12" cy="12" r="10" />
2652                                                                <polygon points="10 8 16 12 10 16 10 8" />
2653                                                            </svg>
2654                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2655                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2656                                                                1.2.3 Giải tích & Gradient                                                            </span>
2657                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2658                                                                    00:07:50                                                                </span>
2659                                                                                                                    </div>
2660                                                    </div>
2661                                                                                            </div>
2662                                        </details>
2663                                                                    </div>
2664                                                                                                                                                                                                    <div class="border-b border-gray-200 last:border-0">
2665                                                                            <details class="group bg-white" >
2666                                            <summary class="flex list-none items-start gap-3 p-4 md:p-5 bg-gray-50/50 transition-colors hover:bg-gray-50 cursor-pointer">
2667                                                <svg class="w-5 h-5 mt-1 shrink-0 text-gray-400 transition-transform group-open:rotate-180"
2668                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2669                                                    <path d="m6 9 6 6 6-6" />
2670                                                </svg>
2671                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between text-left">
2672                                                    <span class="font-bold text-gray-800 md:pr-4">
2673                                                        Phần 2: Machine Learning Cổ điển & Kỹ năng Phân tích Dữ liệu (Trung cấp)                                                    </span>
2674                                                    <span class="text-sm text-gray-500 mt-1 md:mt-0 shrink-0">
2675                                                        6 bài học
2676                                                    </span>
2677                                                </div>
2678                                            </summary>
2679                                            <div class="bg-white">
2680                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2681                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2682                                                                viewB
2682ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2683                                                                <circle cx="12" cy="12" r="10" />
2684                                                                <polygon points="10 8 16 12 10 16 10 8" />
2685                                                            </svg>
2686                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2687                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2688                                                                2.1 Thuật toán ML cổ điển Supervised & Unsupervised                                                            </span>
2689                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2690                                                                    00:06:39                                                                </span>
2691                                                                                                                    </div>
2692                                                    </div>
2693                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2694                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2695                                                                viewB
2695ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2696                                                                <circle cx="12" cy="12" r="10" />
2697                                                                <polygon points="10 8 16 12 10 16 10 8" />
2698                                                            </svg>
2699                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2700                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2701                                                                2.1.1 Học có giám sát Supervised Learning                                                            </span>
2702                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2703                                                                    00:07:08                                                                </span>
2704                                                                                                                    </div>
2705                                                    </div>
2706                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2707                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2708                                                                viewB
2708ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2709                                                                <circle cx="12" cy="12" r="10" />
2710                                                                <polygon points="10 8 16 12 10 16 10 8" />
2711                                                            </svg>
2712                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2713                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2714                                                                2.1.2 Học không giám sát Unsupervised Learning                                                            </span>
2715                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2716                                                                    00:05:45                                                                </span>
2717                                                                                                                    </div>
2718                                                    </div>
2719                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2720                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2721                                                                viewB
2721ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2722                                                                <circle cx="12" cy="12" r="10" />
2723                                                                <polygon points="10 8 16 12 10 16 10 8" />
2724                                                            </svg>
2725                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2726                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2727                                                                2.1.3 Bổ trợ lý thuyết thông tin                                                            </span>
2728                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2729                                                                    00:05:49                                                                </span>
2730                                                                                                                    </div>
2731                                                    </div>
2732                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2733                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2734                                                                viewB
2734ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2735                                                                <circle cx="12" cy="12" r="10" />
2736                                                                <polygon points="10 8 16 12 10 16 10 8" />
2737                                                            </svg>
2738                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2739                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2740                                                                2.2.1 Đo lường sai số                                                            </span>
2741                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2742                                                                    00:07:15                                                                </span>
2743                                                                                                                    </div>
2744                                                    </div>
2745                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2746                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2747                                                                viewB
2747ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2748                                                                <circle cx="12" cy="12" r="10" />
2749                                                                <polygon points="10 8 16 12 10 16 10 8" />
2750                                                            </svg>
2751                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2752                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2753                                                                2.2.2 Phương pháp thực hành cốt lõi                                                            </span>
2754                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2755                                                                    00:08:40                                                                </span>
2756                                                                                                                    </div>
2757                                                    </div>
2758                                                                                            </div>
2759                                        </details>
2760                                                                    </div>
2761                                                                                                                                                                                                    <div class="border-b border-gray-200 last:border-0">
2762                                                                            <details class="group bg-white" >
2763                                            <summary class="flex list-none items-start gap-3 p-4 md:p-5 bg-gray-50/50 transition-colors hover:bg-gray-50 cursor-pointer">
2764                                                <svg class="w-5 h-5 mt-1 shrink-0 text-gray-400 transition-transform group-open:rotate-180"
2765                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2766                                                    <path d="m6 9 6 6 6-6" />
2767                                                </svg>
2768                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between text-left">
2769                                                    <span class="font-bold text-gray-800 md:pr-4">
2770                                                        Phần 3: Ứng Dụng AI Văn Phòng, Low-Code & Quản Trị AI Doanh Nghiệp                                                    </span>
2771                                                    <span class="text-sm text-gray-500 mt-1 md:mt-0 shrink-0">
2772                                                        3 bài học
2773                                                    </span>
2774                                                </div>
2775                                            </summary>
2776                                            <div class="bg-white">
2777                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2778                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2779                                                                viewB
2779ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2780                                                                <circle cx="12" cy="12" r="10" />
2781                                                                <polygon points="10 8 16 12 10 16 10 8" />
2782                                                            </svg>
2783                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2784                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2785                                                                3.1 Prompt Engineering chuyên sâu                                                            </span>
2786                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2787                                                                    00:07:20                                                                </span>
2788                                                                                                                    </div>
2789                                                    </div>
2790                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2791                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2792                                                                viewB
2792ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2793                                                                <circle cx="12" cy="12" r="10" />
2794                                                                <polygon points="10 8 16 12 10 16 10 8" />
2795                                                            </svg>
2796                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2797                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2798                                                                3.2 AI Tự động hóa & Tích hợp quy trình văn phòng Low Code:No Code                                                            </span>
2799                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2800                                                                    00:07:33                                                                </span>
2801                                                                                                                    </div>
2802                                                    </div>
2803                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2804                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2805                                                                viewB
2805ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2806                                                                <circle cx="12" cy="12" r="10" />
2807                                                                <polygon points="10 8 16 12 10 16 10 8" />
2808                                                            </svg>
2809                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2810                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2811                                                                3.3 Bảo mật, An toàn & Quản trị AI Doanh nghiệp                                                            </span>
2812                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2813                                                                    00:07:03                                                                </span>
2814                                                                                                                    </div>
2815                                                    </div>
2816                                                                                            </div>
2817                                        </details>
2818                                                                    </div>
2819                                                                                                                                                                                                    <div class="border-b border-gray-200 last:border-0">
2820                                                                            <details class="group bg-white" >
2821                                            <summary class="flex list-none items-start gap-3 p-4 md:p-5 bg-gray-50/50 transition-colors hover:bg-gray-50 cursor-pointer">
2822                                                <svg class="w-5 h-5 mt-1 shrink-0 text-gray-400 transition-transform group-open:rotate-180"
2823                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2824                                                    <path d="m6 9 6 6 6-6" />
2825                                                </svg>
2826                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between text-left">
2827                                                    <span class="font-bold text-gray-800 md:pr-4">
2828                                                        Phần 4: Nền Tảng Học Sâu (Deep Learning) & Kiến Trúc Mạng Nơ-ron                                                    </span>
2829                                                    <span class="text-sm text-gray-500 mt-1 md:mt-0 shrink-0">
2830                                                        17 bài học
2831                                                    </span>
2832                                                </div>
2833                                            </summary>
2834                                            <div class="bg-white">
2835                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2836                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2837                                                                viewB
2837ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2838                                                                <circle cx="12" cy="12" r="10" />
2839                                                                <polygon points="10 8 16 12 10 16 10 8" />
2840                                                            </svg>
2841                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2842                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2843                                                                4.1 Nguyên lý và Cơ chế của Mạng nơ ron sâu                                                            </span>
2844                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2845                                                                    00:06:17                                                                </span>
2846                                                                                                                    </div>
2847                                                    </div>
2848                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2849                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2850                                                                viewB
2850ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2851                                                                <circle cx="12" cy="12" r="10" />
2852                                                                <polygon points="10 8 16 12 10 16 10 8" />
2853                                                            </svg>
2854                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2855                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2856                                                                4.1.1 Nơ ron nhân tạo                                                            </span>
2857                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2858                                                                    00:07:58                                                                </span>
2859                                                                                                                    </div>
2860                                                    </div>
2861                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2862                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2863                                                                viewB
2863ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2864                                                                <circle cx="12" cy="12" r="10" />
2865                                                                <polygon points="10 8 16 12 10 16 10 8" />
2866                                                            </svg>
2867                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2868                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2869                                                                4.1.2 MLP Multilayer Perceptron                                                            </span>
2870                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2871                                                                    00:07:24                                                                </span>
2872                                                                                                                    </div>
2873                                                    </div>
2874                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2875                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2876                                                                viewB
2876ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2877                                                                <circle cx="12" cy="12" r="10" />
2878                                                                <polygon points="10 8 16 12 10 16 10 8" />
2879                                                            </svg>
2880                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2881                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2882                                                                4.1.3 Hàm kích hoạt Activation Functions                                                            </span>
2883                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2884                                                                    00:07:21                                                                </span>
2885                                                                                                                    </div>
2886                                                    </div>
2887                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2888                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2889                                                                viewB
2889ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2890                                                                <circle cx="12" cy="12" r="10" />
2891                                                                <polygon points="10 8 16 12 10 16 10 8" />
2892                                                            </svg>
2893                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2894                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2895                                                                4.1.4 Chu trình huấn luyện mạng sâu                                                            </span>
2896                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2897                                                                    00:08:07                                                                </span>
2898                                                                                                                    </div>
2899                                                    </div>
2900                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2901                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2902                                                                viewB
2902ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2903                                                                <circle cx="12" cy="12" r="10" />
2904                                                                <polygon points="10 8 16 12 10 16 10 8" />
2905                                                            </svg>
2906                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2907                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2908                                                                4.2 Kỹ thuật ổn định huấn luyện mạng sâu AI Engineer                                                            </span>
2909                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2910                                                                    00:07:58                                                                </span>
2911                                                                                                                    </div>
2912                                                    </div>
2913                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2914                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2915                                                                viewB
2915ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2916                                                                <circle cx="12" cy="12" r="10" />
2917                                                                <polygon points="10 8 16 12 10 16 10 8" />
2918                                                            </svg>
2919                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2920                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2921                                                                4.2.1 Khởi tao trọng số Weight Initialization                                                            </span>
2922                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2923                                                                    00:08:38                                                                </span>
2924                                                                                                                    </div>
2925                                                    </div>
2926                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2927                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2928                                                                viewB
2928ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2929                                                                <circle cx="12" cy="12" r="10" />
2930                                                                <polygon points="10 8 16 12 10 16 10 8" />
2931                                                            </svg>
2932                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2933                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2934                                                                4.2.2 Chuẩn hóa theo lô Batch Normalization                                                            </span>
2935                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2936                                                                    00:07:34                                                                </span>
2937                                                                                                                    </div>
2938                                                    </div>
2939                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2940                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2941                                                                viewB
2941ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2942                                                                <circle cx="12" cy="12" r="10" />
2943                                                                <polygon points="10 8 16 12 10 16 10 8" />
2944                                                            </svg>
2945                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2946                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2947                                                                4.3 Các Kiến trúc Mạng Nơ ron nền tảng AI Researcher                                                            </span>
2948                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2949                                                                    00:07:33                                                                </span>
2950                                                                                                                    </div>
2951                                                    </div>
2952                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2953                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2954                                                                viewB
2954ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2955                                                                <circle cx="12" cy="12" r="10" />
2956                                                                <polygon points="10 8 16 12 10 16 10 8" />
2957                                                            </svg>
2958                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2959                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2960                                                                4.3.1 CNN Convolutional Neural Network Fixed                                                            </span>
2961                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2962                                                                    00:06:51                                                                </span>
2963                                                                                                                    </div>
2964                                                    </div>
2965                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2966                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2967                                                                viewB
2967ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2968                                                                <circle cx="12" cy="12" r="10" />
2969                                                                <polygon points="10 8 16 12 10 16 10 8" />
2970                                                            </svg>
2971                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2972                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2973                                                                4.3.2 RNN Recurrent Neural Network                                                            </span>
2974                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2975                                                                    00:07:57                                                                </span>
2976                                                                                                                    </div>
2977                                                    </div>
2978                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2979                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2980                                                                viewB
2980ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2981                                                                <circle cx="12" cy="12" r="10" />
2982                                                                <polygon points="10 8 16 12 10 16 10 8" />
2983                                                            </svg>
2984                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2985                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2986                                                                4.3.3 LSTM Long Short Term Memory                                                            </span>
2987                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
2988                                                                    00:05:09                                                                </span>
2989                                                                                                                    </div>
2990                                                    </div>
2991                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
2992                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
2993                                                                viewB
2993ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
2994                                                                <circle cx="12" cy="12" r="10" />
2995                                                                <polygon points="10 8 16 12 10 16 10 8" />
2996                                                            </svg>
2997                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
2998                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
2999                                                                4.3.4 Autoencoder                                                            </span>
3000                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3001                                                                    00:07:31                                                                </span>
3002                                                                                                                    </div>
3003                                                    </div>
3004                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3005                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3006                                                                viewB
3006ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3007                                                                <circle cx="12" cy="12" r="10" />
3008                                                                <polygon points="10 8 16 12 10 16 10 8" />
3009                                                            </svg>
3010                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3011                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3012                                                                4.3.5 VAE Variational Autoencoder                                                            </span>
3013                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3014                                                                    00:07:36                                                                </span>
3015                                                                                                                    </div>
3016                                                    </div>
3017                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3018                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3019                                                                viewB
3019ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3020                                                                <circle cx="12" cy="12" r="10" />
3021                                                                <polygon points="10 8 16 12 10 16 10 8" />
3022                                                            </svg>
3023                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3024                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3025                                                                4.3.6 GAN Generative Adversarial Network                                                            </span>
3026                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3027                                                                    00:08:31                                                                </span>
3028                                                                                                                    </div>
3029                                                    </div>
3030                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3031                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3032                                                                viewB
3032ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3033                                                                <circle cx="12" cy="12" r="10" />
3034                                                                <polygon points="10 8 16 12 10 16 10 8" />
3035                                                            </svg>
3036                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3037                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3038                                                                4.3.7 Kiến trúc U Net                                                            </span>
3039                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3040                                                                    00:07:48                                                                </span>
3041                                                                                                                    </div>
3042                                                    </div>
3043                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3044                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3045                                                                viewB
3045ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3046                                                                <circle cx="12" cy="12" r="10" />
3047                                                                <polygon points="10 8 16 12 10 16 10 8" />
3048                                                            </svg>
3049                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3050                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3051                                                                4.3.8 NeRF Neural Radiance Fields                                                            </span>
3052                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3053                                                                    00:08:17                                                                </span>
3054                                                                                                                    </div>
3055                                                    </div>
3056                                                                                            </div>
3057                                        </details>
3058                                                                    </div>
3059                                                                                                                                                                                                    <div class="border-b border-gray-200 last:border-0">
3060                                                                            <details class="group bg-white" >
3061                                            <summary class="flex list-none items-start gap-3 p-4 md:p-5 bg-gray-50/50 transition-colors hover:bg-gray-50 cursor-pointer">
3062                                                <svg class="w-5 h-5 mt-1 shrink-0 text-gray-400 transition-transform group-open:rotate-180"
3063                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3064                                                    <path d="m6 9 6 6 6-6" />
3065                                                </svg>
3066                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between text-left">
3067                                                    <span class="font-bold text-gray-800 md:pr-4">
3068                                                        Phần 5: NLP, Hệ Thống Tìm Kiếm, LLM Nâng Cao & Đa Phương Thức                                                    </span>
3069                                                    <span class="text-sm text-gray-500 mt-1 md:mt-0 shrink-0">
3070                                                        13 bài học
3071                                                    </span>
3072                                                </div>
3073                                            </summary>
3074                                            <div class="bg-white">
3075                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3076                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3077                                                                viewB
3077ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3078                                                                <circle cx="12" cy="12" r="10" />
3079                                                                <polygon points="10 8 16 12 10 16 10 8" />
3080                                                            </svg>
3081                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3082                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3083                                                                5.1 Xử lý ngôn ngữ tự nhiên NLP & Tìm kiếm thông tin                                                            </span>
3084                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3085                                                                    00:07:38                                                                </span>
3086                                                                                                                    </div>
3087                                                    </div>
3088                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3089                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3090                                                                viewB
3090ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3091                                                                <circle cx="12" cy="12" r="10" />
3092                                                                <polygon points="10 8 16 12 10 16 10 8" />
3093                                                            </svg>
3094                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3095                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3096                                                                5.1.1 Nền tảng NLP                                                            </span>
3097                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3098                                                                    00:09:17                                                                </span>
3099                                                                                                                    </div>
3100                                                    </div>
3101                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3102                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3103                                                                viewB
3103ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3104                                                                <circle cx="12" cy="12" r="10" />
3105                                                                <polygon points="10 8 16 12 10 16 10 8" />
3106                                                            </svg>
3107                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3108                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3109                                                                5.1.2 Hệ thống tìm kiếm hiện đại RAG & Semantic Search                                                            </span>
3110                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3111                                                                    00:06:38                                                                </span>
3112                                                                                                                    </div>
3113                                                    </div>
3114                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3115                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3116                                                                viewB
3116ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3117                                                                <circle cx="12" cy="12" r="10" />
3118                                                                <polygon points="10 8 16 12 10 16 10 8" />
3119                                                            </svg>
3120                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3121                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3122                                                                5.2 Kiến trúc Transformer & LLM nâng cao                                                            </span>
3123                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3124                                                                    00:06:58                                                                </span>
3125                                                                                                                    </div>
3126                                                    </div>
3127                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3128                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3129                                                                viewB
3129ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3130                                                                <circle cx="12" cy="12" r="10" />
3131                                                                <polygon points="10 8 16 12 10 16 10 8" />
3132                                                            </svg>
3133                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3134                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3135                                                                5.2.1 Trái tim của Transformer                                                            </span>
3136                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3137                                                                    00:08:04                                                                </span>
3138                                                                                                                    </div>
3139                                                    </div>
3140                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3141                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3142                                                                viewB
3142ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3143                                                                <circle cx="12" cy="12" r="10" />
3144                                                                <polygon points="10 8 16 12 10 16 10 8" />
3145                                                            </svg>
3146                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3147                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3148                                                                5.2.2 Biến thể LLM hiện đại                                                            </span>
3149                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3150                                                                    00:06:52                                                                </span>
3151                                                                                                                    </div>
3152                                                    </div>
3153                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3154                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3155                                                                viewB
3155ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3156                                                                <circle cx="12" cy="12" r="10" />
3157                                                                <polygon points="10 8 16 12 10 16 10 8" />
3158                                                            </svg>
3159                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3160                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3161                                                                5.2.3 Tối ưu suy luận                                                            </span>
3162                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3163                                                                    00:07:58                                                                </span>
3164                                                                                                                    </div>
3165                                                    </div>
3166                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3167                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3168                                                                viewB
3168ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3169                                                                <circle cx="12" cy="12" r="10" />
3170                                                                <polygon points="10 8 16 12 10 16 10 8" />
3171                                                            </svg>
3172                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3173                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3174                                                                5.3 Trí tuệ nhân tạo Đa phương thức Multimodal AI                                                            </span>
3175                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3176                                                                    00:07:32                                                                </span>
3177                                                                                                                    </div>
3178                                                    </div>
3179                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3180                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3181                                                                viewB
3181ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3182                                                                <circle cx="12" cy="12" r="10" />
3183                                                                <polygon points="10 8 16 12 10 16 10 8" />
3184                                                            </svg>
3185                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3186                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3187                                                                5.3.1 ViT Vision Transformer                                                            </span>
3188                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3189                                                                    00:08:43                                                                </span>
3190                                                                                                                    </div>
3191                                                    </div>
3192                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3193                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3194                                                                viewB
3194ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3195                                                                <circle cx="12" cy="12" r="10" />
3196                                                                <polygon points="10 8 16 12 10 16 10 8" />
3197                                                            </svg>
3198                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3199                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3200                                                                5.3.2 CLIP Contrastive Language Image Pre training                                                            </span>
3201                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3202                                                                    00:09:30                                                                </span>
3203                                                                                                                    </div>
3204                                                    </div>
3205                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3206                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3207                                                                viewB
3207ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3208                                                                <circle cx="12" cy="12" r="10" />
3209                                                                <polygon points="10 8 16 12 10 16 10 8" />
3210                                                            </svg>
3211                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3212                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3213                                                                5.3.3 VLM & Unified Multimodal                                                            </span>
3214                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3215                                                                    00:06:37                                                                </span>
3216                                                                                                                    </div>
3217                                                    </div>
3218                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3219                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3220                                                                viewB
3220ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3221                                                                <circle cx="12" cy="12" r="10" />
3222                                                                <polygon points="10 8 16 12 10 16 10 8" />
3223                                                            </svg>
3224                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3225                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3226                                                                5.3.4 Mô hình khuếch tán sinh ảnh Diffusion Models                                                            </span>
3227                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3228                                                                    00:05:45                                                                </span>
3229                                                                                                                    </div>
3230                                                    </div>
3231                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3232                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3233                                                                viewB
3233ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3234                                                                <circle cx="12" cy="12" r="10" />
3235                                                                <polygon points="10 8 16 12 10 16 10 8" />
3236                                                            </svg>
3237                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3238                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3239                                                                5.3.5 Tạo video, Giọng nói                                                            </span>
3240                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3241                                                                    00:07:17                                                                </span>
3242                                                                                                                    </div>
3243                                                    </div>
3244                                                                                            </div>
3245                                        </details>
3246                                                                    </div>
3247                                                                                                                                                                                                    <div class="border-b border-gray-200 last:border-0">
3248                                                                            <details class="group bg-white" >
3249                                            <summary class="flex list-none items-start gap-3 p-4 md:p-5 bg-gray-50/50 transition-colors hover:bg-gray-50 cursor-pointer">
3250                                                <svg class="w-5 h-5 mt-1 shrink-0 text-gray-400 transition-transform group-open:rotate-180"
3251                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3252                                                    <path d="m6 9 6 6 6-6" />
3253                                                </svg>
3254                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between text-left">
3255                                                    <span class="font-bold text-gray-800 md:pr-4">
3256                                                        Phần 6: Huấn Luyện, Alignment, Hệ Thống Agent & Xu Hướng Suy Luận Mới                                                    </span>
3257                                                    <span class="text-sm text-gray-500 mt-1 md:mt-0 shrink-0">
3258                                                        19 bài học
3259                                                    </span>
3260                                                </div>
3261                                            </summary>
3262                                            <div class="bg-white">
3263                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3264                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3265                                                                viewB
3265ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3266                                                                <circle cx="12" cy="12" r="10" />
3267                                                                <polygon points="10 8 16 12 10 16 10 8" />
3268                                                            </svg>
3269                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3270                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3271                                                                6.1 Huấn luyện Alignment Căn chỉnh AI                                                            </span>
3272                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3273                                                                    00:06:20                                                                </span>
3274                                                                                                                    </div>
3275                                                    </div>
3276                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3277                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3278                                                                viewB
3278ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3279                                                                <circle cx="12" cy="12" r="10" />
3280                                                                <polygon points="10 8 16 12 10 16 10 8" />
3281                                                            </svg>
3282                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3283                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3284                                                                6.1.1 RLHF Reinforcement Learning from Human Feedback                                                            </span>
3285                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3286                                                                    00:09:29                                                                </span>
3287                                                                                                                    </div>
3288                                                    </div>
3289                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3290                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3291                                                                viewB
3291ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3292                                                                <circle cx="12" cy="12" r="10" />
3293                                                                <polygon points="10 8 16 12 10 16 10 8" />
3294                                                            </svg>
3295                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3296                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3297                                                                6.1.2 DPO Direct Preference Optimization                                                            </span>
3298                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3299                                                                    00:07:53                                                                </span>
3300                                                                                                                    </div>
3301                                                    </div>
3302                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3303                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3304                                                                viewB
3304ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3305                                                                <circle cx="12" cy="12" r="10" />
3306                                                                <polygon points="10 8 16 12 10 16 10 8" />
3307                                                            </svg>
3308                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3309                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3310                                                                6.1.3 GRPO Group Relative Policy Optimization                                                            </span>
3311                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3312                                                                    00:07:25                                                                </span>
3313                                                                                                                    </div>
3314                                                    </div>
3315                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3316                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3317                                                                viewB
3317ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3318                                                                <circle cx="12" cy="12" r="10" />
3319                                                                <polygon points="10 8 16 12 10 16 10 8" />
3320                                                            </svg>
3321                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3322                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3323                                                                6.1.4 AI Hiến pháp Constitutional AI                                                            </span>
3324                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3325                                                                    00:08:31                                                                </span>
3326                                                                                                                    </div>
3327                                                    </div>
3328                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3329                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3330                                                                viewB
3330ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3331                                                                <circle cx="12" cy="12" r="10" />
3332                                                                <polygon points="10 8 16 12 10 16 10 8" />
3333                                                            </svg>
3334                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3335                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3336                                                                6.1.5 Quy luật tỷ lệ & Dữ liệu                                                            </span>
3337                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3338                                                                    00:08:14                                                                </span>
3339                                                                                                                    </div>
3340                                                    </div>
3341                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3342                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3343                                                                viewB
3343ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3344                                                                <circle cx="12" cy="12" r="10" />
3345                                                                <polygon points="10 8 16 12 10 16 10 8" />
3346                                                            </svg>
3347                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3348                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3349                                                                6.2 Học tăng cường cổ điển Reinforcement Learning                                                            </span>
3350                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3351                                                                    00:05:57                                                                </span>
3352                                                                                                                    </div>
3353                                                    </div>
3354                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3355                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3356                                                                viewB
3356ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3357                                                                <circle cx="12" cy="12" r="10" />
3358                                                                <polygon points="10 8 16 12 10 16 10 8" />
3359                                                            </svg>
3360                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3361                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3362                                                                6.2.1 Q Learning                                                            </span>
3363                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3364                                                                    00:08:09                                                                </span>
3365                                                                                                                    </div>
3366                                                    </div>
3367                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3368                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3369                                                                viewB
3369ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3370                                                                <circle cx="12" cy="12" r="10" />
3371                                                                <polygon points="10 8 16 12 10 16 10 8" />
3372                                                            </svg>
3373                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3374                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3375                                                                6.2.2 DQN Deep Q Network                                                            </span>
3376                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3377                                                                    00:06:53                                                                </span>
3378                                                                                                                    </div>
3379                                                    </div>
3380                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3381                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3382                                                                viewB
3382ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3383                                                                <circle cx="12" cy="12" r="10" />
3384                                                                <polygon points="10 8 16 12 10 16 10 8" />
3385                                                            </svg>
3386                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3387                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3388                                                                6.2.3 Policy Gradient & Actor Critic                                                            </span>
3389                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3390                                                                    00:09:17                                                                </span>
3391                                                                                                                    </div>
3392                                                    </div>
3393                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3394                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3395                                                                viewB
3395ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3396                                                                <circle cx="12" cy="12" r="10" />
3397                                                                <polygon points="10 8 16 12 10 16 10 8" />
3398                                                            </svg>
3399                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3400                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3401                                                                6.3 Hệ thống Agent tự chủ AI Agent                                                            </span>
3402                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3403                                                                    00:10:03                                                                </span>
3404                                                                                                                    </div>
3405                                                    </div>
3406                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3407                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3408                                                                viewB
3408ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3409                                                                <circle cx="12" cy="12" r="10" />
3410                                                                <polygon points="10 8 16 12 10 16 10 8" />
3411                                                            </svg>
3412                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3413                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3414                                                                6.3.1 Function calling                                                            </span>
3415                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3416                                                                    00:08:17                                                                </span>
3417                                                                                                                    </div>
3418                                                    </div>
3419                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3420                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3421                                                                viewB
3421ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3422                                                                <circle cx="12" cy="12" r="10" />
3423                                                                <polygon points="10 8 16 12 10 16 10 8" />
3424                                                            </svg>
3425                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3426                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3427                                                                6.3.2 ReAct Framework                                                            </span>
3428                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3429                                                                    00:07:51                                                                </span>
3430                                                                                                                    </div>
3431                                                    </div>
3432                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3433                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3434                                                                viewB
3434ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3435                                                                <circle cx="12" cy="12" r="10" />
3436                                                                <polygon points="10 8 16 12 10 16 10 8" />
3437                                                            </svg>
3438                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3439                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3440                                                                6.3.3 Kiến trúc Agent hoàn chỉnh                                                            </span>
3441                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3442                                                                    00:08:54                                                                </span>
3443                                                                                                                    </div>
3444                                                    </div>
3445                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3446                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3447                                                                viewB
3447ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3448                                                                <circle cx="12" cy="12" r="10" />
3449                                                                <polygon points="10 8 16 12 10 16 10 8" />
3450                                                            </svg>
3451                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3452                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3453                                                                6.3.4 Orchestration & Advanced Agentic Patterns                                                            </span>
3454                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3455                                                                    00:06:53                                                                </span>
3456                                                                                                                    </div>
3457                                                    </div>
3458                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3459                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3460                                                                viewB
3460ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3461                                                                <circle cx="12" cy="12" r="10" />
3462                                                                <polygon points="10 8 16 12 10 16 10 8" />
3463                                                            </svg>
3464                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3465                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3466                                                                6.4 Mô hình suy luận thế hệ mới                                                            </span>
3467                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3468                                                                    00:06:50                                                                </span>
3469                                                                                                                    </div>
3470                                                    </div>
3471                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3472                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3473                                                                viewB
3473ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3474                                                                <circle cx="12" cy="12" r="10" />
3475                                                                <polygon points="10 8 16 12 10 16 10 8" />
3476                                                            </svg>
3477                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3478                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3479                                                                6.4.1 Test Time Compute                                                            </span>
3480                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3481                                                                    00:08:35                                                                </span>
3482                                                                                                                    </div>
3483                                                    </div>
3484                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3485                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3486                                                                viewB
3486ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3487                                                                <circle cx="12" cy="12" r="10" />
3488                                                                <polygon points="10 8 16 12 10 16 10 8" />
3489                                                            </svg>
3490                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3491                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3492                                                                6.4.2 Reasoning Models                                                            </span>
3493                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3494                                                                    00:08:29                                                                </span>
3495                                                                                                                    </div>
3496                                                    </div>
3497                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3498                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3499                                                                viewB
3499ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3500                                                                <circle cx="12" cy="12" r="10" />
3501                                                                <polygon points="10 8 16 12 10 16 10 8" />
3502                                                            </svg>
3503                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3504                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3505                                                                6.4.3 World Models                                                            </span>
3506                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3507                                                                    00:06:23                                                                </span>
3508                                                                                                                    </div>
3509                                                    </div>
3510                                                                                            </div>
3511                                        </details>
3512                                                                    </div>
3513                                                                                                                                                                                                    <div class="border-b border-gray-200 last:border-0">
3514                                                                            <details class="group bg-white" >
3515                                            <summary class="flex list-none items-start gap-3 p-4 md:p-5 bg-gray-50/50 transition-colors hover:bg-gray-50 cursor-pointer">
3516                                                <svg class="w-5 h-5 mt-1 shrink-0 text-gray-400 transition-transform group-open:rotate-180"
3517                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3518                                                    <path d="m6 9 6 6 6-6" />
3519                                                </svg>
3520                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between text-left">
3521                                                    <span class="font-bold text-gray-800 md:pr-4">
3522                                                        Phần 7: Hạ Tầng, Vận Hành Thực Chiến (MLOps) & Đánh Giá, Giám Sát                                                    </span>
3523                                                    <span class="text-sm text-gray-500 mt-1 md:mt-0 shrink-0">
3524                                                        14 bài học
3525                                                    </span>
3526                                                </div>
3527                                            </summary>
3528                                            <div class="bg-white">
3529                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3530                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3531                                                                viewB
3531ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3532                                                                <circle cx="12" cy="12" r="10" />
3533                                                                <polygon points="10 8 16 12 10 16 10 8" />
3534                                                            </svg>
3535                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3536                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3537                                                                7.1 MLOps & Hạ tầng Triển khai AI                                                            </span>
3538                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3539                                                                    00:07:14                                                                </span>
3540                                                                                                                    </div>
3541                                                    </div>
3542                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3543                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3544                                                                viewB
3544ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3545                                                                <circle cx="12" cy="12" r="10" />
3546                                                                <polygon points="10 8 16 12 10 16 10 8" />
3547                                                            </svg>
3548                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3549                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3550                                                                7.1.1 Model Serving                                                            </span>
3551                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3552                                                                    00:06:37                                                                </span>
3553                                                                                                                    </div>
3554                                                    </div>
3555                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3556                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3557                                                                viewB
3557ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3558                                                                <circle cx="12" cy="12" r="10" />
3559                                                                <polygon points="10 8 16 12 10 16 10 8" />
3560                                                            </svg>
3561                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3562                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3563                                                                7.1.2 Inference Optimization                                                            </span>
3564                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3565                                                                    00:08:15                                                                </span>
3566                                                                                                                    </div>
3567                                                    </div>
3568                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3569                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3570                                                                viewB
3570ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3571                                                                <circle cx="12" cy="12" r="10" />
3572                                                                <polygon points="10 8 16 12 10 16 10 8" />
3573                                                            </svg>
3574                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3575                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3576                                                                7.1.3 MLOps Pipeline & Containerization                                                            </span>
3577                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3578                                                                    00:06:41                                                                </span>
3579                                                                                                                    </div>
3580                                                    </div>
3581                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3582                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3583                                                                viewB
3583ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3584                                                                <circle cx="12" cy="12" r="10" />
3585                                                                <polygon points="10 8 16 12 10 16 10 8" />
3586                                                            </svg>
3587                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3588                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3589                                                                7.1.4 Pipeline dữ liệu ETL vs ELT                                                            </span>
3590                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3591                                                                    00:08:28                                                                </span>
3592                                                                                                                    </div>
3593                                                    </div>
3594                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3595                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3596                                                                viewB
3596ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3597                                                                <circle cx="12" cy="12" r="10" />
3598                                                                <polygon points="10 8 16 12 10 16 10 8" />
3599                                                            </svg>
3600                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3601                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3602                                                                7.2 Đánh giá, Quan sát & Giám sát AI                                                            </span>
3603                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3604                                                                    00:08:48                                                                </span>
3605                                                                                                                    </div>
3606                                                    </div>
3607                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3608                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3609                                                                viewB
3609ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3610                                                                <circle cx="12" cy="12" r="10" />
3611                                                                <polygon points="10 8 16 12 10 16 10 8" />
3612                                                            </svg>
3613                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3614                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3615                                                                7.2.1 Đánh giá LLM Offline vs Online                                                            </span>
3616                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3617                                                                    00:08:56                                                                </span>
3618                                                                                                                    </div>
3619                                                    </div>
3620                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3621                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3622                                                                viewB
3622ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3623                                                                <circle cx="12" cy="12" r="10" />
3624                                                                <polygon points="10 8 16 12 10 16 10 8" />
3625                                                            </svg>
3626                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3627                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3628                                                                7.2.2 Đánh giá RAG The Triad Metric                                                            </span>
3629                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3630                                                                    00:06:42                                                                </span>
3631                                                                                                                    </div>
3632                                                    </div>
3633                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3634                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3635                                                                viewB
3635ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3636                                                                <circle cx="12" cy="12" r="10" />
3637                                                                <polygon points="10 8 16 12 10 16 10 8" />
3638                                                            </svg>
3639                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3640                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3641                                                                7.2.3 Đánh giá Agent                                                            </span>
3642                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3643                                                                    00:06:29                                                                </span>
3644                                                                                                                    </div>
3645                                                    </div>
3646                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3647                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3648                                                                viewB
3648ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3649                                                                <circle cx="12" cy="12" r="10" />
3650                                                                <polygon points="10 8 16 12 10 16 10 8" />
3651                                                            </svg>
3652                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3653                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3654                                                                7.2.4 AI Observability                                                            </span>
3655                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3656                                                                    00:05:54                                                                </span>
3657                                                                                                                    </div>
3658                                                    </div>
3659                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3660                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3661                                                                viewB
3661ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3662                                                                <circle cx="12" cy="12" r="10" />
3663                                                                <polygon points="10 8 16 12 10 16 10 8" />
3664                                                            </svg>
3665                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3666                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3667                                                                7.2.5 Progressive Delivery                                                            </span>
3668                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3669                                                                    00:07:34                                                                </span>
3670                                                                                                                    </div>
3671                                                    </div>
3672                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3673                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3674                                                                viewB
3674ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3675                                                                <circle cx="12" cy="12" r="10" />
3676                                                                <polygon points="10 8 16 12 10 16 10 8" />
3677                                                            </svg>
3678                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3679                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3680                                                                7.3 Bảo mật & Giám sát AI thực chiến                                                            </span>
3681                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3682                                                                    00:06:14                                                                </span>
3683                                                                                                                    </div>
3684                                                    </div>
3685                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3686                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3687                                                                viewB
3687ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3688                                                                <circle cx="12" cy="12" r="10" />
3689                                                                <polygon points="10 8 16 12 10 16 10 8" />
3690                                                            </svg>
3691                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3692                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3693                                                                7.3.1 Phòng thủ Prompt Injection                                                            </span>
3694                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3695                                                                    00:07:15                                                                </span>
3696                                                                                                                    </div>
3697                                                    </div>
3698                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3699                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3700                                                                viewB
3700ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3701                                                                <circle cx="12" cy="12" r="10" />
3702                                                                <polygon points="10 8 16 12 10 16 10 8" />
3703                                                            </svg>
3704                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3705                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3706                                                                7.3.2 Giám sát AI Data Drift, Concept Drift                                                            </span>
3707                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3708                                                                    00:06:42                                                                </span>
3709                                                                                                                    </div>
3710                                                    </div>
3711                                                                                            </div>
3712                                        </details>
3713                                                                    </div>
3714                                                                                                                                                                                                    <div class="border-b border-gray-200 last:border-0">
3715                                                                            <details class="group bg-white" >
3716                                            <summary class="flex list-none items-start gap-3 p-4 md:p-5 bg-gray-50/50 transition-colors hover:bg-gray-50 cursor-pointer">
3717                                                <svg class="w-5 h-5 mt-1 shrink-0 text-gray-400 transition-transform group-open:rotate-180"
3718                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3719                                                    <path d="m6 9 6 6 6-6" />
3720                                                </svg>
3721                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between text-left">
3722                                                    <span class="font-bold text-gray-800 md:pr-4">
3723                                                        Phần 8: Ứng Dụng Thực Tế AI Theo Ngành Học & Nghiệp Vụ                                                    </span>
3724                                                    <span class="text-sm text-gray-500 mt-1 md:mt-0 shrink-0">
3725                                                        15 bài học
3726                                                    </span>
3727                                                </div>
3728                                            </summary>
3729                                            <div class="bg-white">
3730                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3731                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3732                                                                viewB
3732ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3733                                                                <circle cx="12" cy="12" r="10" />
3734                                                                <polygon points="10 8 16 12 10 16 10 8" />
3735                                                            </svg>
3736                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3737                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3738                                                                8.1 AI trong Tài chính & Chống gian lận Nhân viên văn phòng                                                            </span>
3739                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3740                                                                    00:08:26                                                                </span>
3741                                                                                                                    </div>
3742                                                    </div>
3743                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3744                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3745                                                                viewB
3745ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3746                                                                <circle cx="12" cy="12" r="10" />
3747                                                                <polygon points="10 8 16 12 10 16 10 8" />
3748                                                            </svg>
3749                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3750                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3751                                                                8.1.1 Chống gian lận thẻ                                                            </span>
3752                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3753                                                                    00:07:21                                                                </span>
3754                                                                                                                    </div>
3755                                                    </div>
3756                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3757                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3758                                                                viewB
3758ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3759                                                                <circle cx="12" cy="12" r="10" />
3760                                                                <polygon points="10 8 16 12 10 16 10 8" />
3761                                                            </svg>
3762                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3763                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3764                                                                8.1.2 Chấm điểm rủi ro tín dụng                                                            </span>
3765                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3766                                                                    00:08:10                                                                </span>
3767                                                                                                                    </div>
3768                                                    </div>
3769                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3770                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3771                                                                viewB
3771ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3772                                                                <circle cx="12" cy="12" r="10" />
3773                                                                <polygon points="10 8 16 12 10 16 10 8" />
3774                                                            </svg>
3775                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3776                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3777                                                                8.1.3 Giám sát rửa tiền AML                                                            </span>
3778                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3779                                                                    00:07:20                                                                </span>
3780                                                                                                                    </div>
3781                                                    </div>
3782                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3783                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3784                                                                viewB
3784ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3785                                                                <circle cx="12" cy="12" r="10" />
3786                                                                <polygon points="10 8 16 12 10 16 10 8" />
3787                                                            </svg>
3788                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3789                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3790                                                                8.2 AI trong Y tế & Khám phá sinh học Nhân viên văn phòng                                                            </span>
3791                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3792                                                                    00:08:35                                                                </span>
3793                                                                                                                    </div>
3794                                                    </div>
3795                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3796                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3797                                                                viewB
3797ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3798                                                                <circle cx="12" cy="12" r="10" />
3799                                                                <polygon points="10 8 16 12 10 16 10 8" />
3800                                                            </svg>
3801                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3802                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3803                                                                8.2.1 Hỗ trợ đọc ảnh lâm sàng                                                            </span>
3804                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3805                                                                    00:09:09                                                                </span>
3806                                                                                                                    </div>
3807                                                    </div>
3808                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3809                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3810                                                                viewB
3810ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3811                                                                <circle cx="12" cy="12" r="10" />
3812                                                                <polygon points="10 8 16 12 10 16 10 8" />
3813                                                            </svg>
3814                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3815                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3816                                                                8.2.2 Sàng lọc cấp cứu Triage                                                            </span>
3817                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3818                                                                    00:08:37                                                                </span>
3819                                                                                                                    </div>
3820                                                    </div>
3821                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3822                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3823                                                                viewB
3823ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3824                                                                <circle cx="12" cy="12" r="10" />
3825                                                                <polygon points="10 8 16 12 10 16 10 8" />
3826                                                            </svg>
3827                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3828                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3829                                                                8.2.3 Khám phá thuốc AI for Science                                                            </span>
3830                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3831                                                                    00:07:00                                                                </span>
3832                                                                                                                    </div>
3833                                                    </div>
3834                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3835                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3836                                                                viewB
3836ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3837                                                                <circle cx="12" cy="12" r="10" />
3838                                                                <polygon points="10 8 16 12 10 16 10 8" />
3839                                                            </svg>
3840                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3841                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3842                                                                8.3 AI trong Giáo dục & Cá nhân hóa Nhân viên văn phòng                                                            </span>
3843                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3844                                                                    00:07:09                                                                </span>
3845                                                                                                                    </div>
3846                                                    </div>
3847                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3848                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3849                                                                viewB
3849ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3850                                                                <circle cx="12" cy="12" r="10" />
3851                                                                <polygon points="10 8 16 12 10 16 10 8" />
3852                                                            </svg>
3853                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3854                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3855                                                                8.4 AI trong Nông nghiệp Thông minh Nhân viên văn phòng                                                            </span>
3856                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3857                                                                    00:07:11                                                                </span>
3858                                                                                                                    </div>
3859                                                    </div>
3860                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3861                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3862                                                                viewB
3862ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3863                                                                <circle cx="12" cy="12" r="10" />
3864                                                                <polygon points="10 8 16 12 10 16 10 8" />
3865                                                            </svg>
3866                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3867                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3868                                                                8.4.1 Phát hiện sâu bệnh                                                            </span>
3869                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3870                                                                    00:07:57                                                                </span>
3871                                                                                                                    </div>
3872                                                    </div>
3873                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3874                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3875                                                                viewB
3875ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3876                                                                <circle cx="12" cy="12" r="10" />
3877                                                                <polygon points="10 8 16 12 10 16 10 8" />
3878                                                            </svg>
3879                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3880                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3881                                                                8.4.2 Tưới thông minh & Dự báo                                                            </span>
3882                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3883                                                                    00:08:19                                                                </span>
3884                                                                                                                    </div>
3885                                                    </div>
3886                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3887                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3888                                                                viewB
3888ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3889                                                                <circle cx="12" cy="12" r="10" />
3890                                                                <polygon points="10 8 16 12 10 16 10 8" />
3891                                                            </svg>
3892                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3893                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3894                                                                8.5 Hệ thống gợi ý & Sentiment Analysis Nhân viên văn phòng                                                            </span>
3895                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3896                                                                    00:07:47                                                                </span>
3897                                                                                                                    </div>
3898                                                    </div>
3899                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3900                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3901                                                                viewB
3901ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3902                                                                <circle cx="12" cy="12" r="10" />
3903                                                                <polygon points="10 8 16 12 10 16 10 8" />
3904                                                            </svg>
3905                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3906                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3907                                                                8.5.1 Recommendation Systems                                                            </span>
3908                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3909                                                                    00:11:00                                                                </span>
3910                                                                                                                    </div>
3911                                                    </div>
3912                                                                                                    <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer">
3913                                                                                                                    <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500"
3914                                                                viewB
3914ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3915                                                                <circle cx="12" cy="12" r="10" />
3916                                                                <polygon points="10 8 16 12 10 16 10 8" />
3917                                                            </svg>
3918                                                                                                                <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between">
3919                                                            <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4">
3920                                                                8.5.2 Sentiment Analysis & Text Classification                                                            </span>
3921                                                                                                                            <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0">
3922                                                                    00:07:11                                                                </span>
3923                                                                                                                    </div>
3924                                                    </div>
3925                                                                                            </div>
3926                                        </details>
3927                                                                    </div>
3928                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
3929                <div class="mt-6 flex items-start gap-3">
3930                    <span class="text-sm font-bold text-gray-500 mt-1 shrink-0">Tags:</span>
3931
3932                    <div class="flex flex-wrap gap-2">
3933                                                    <a href="/tag/startup"
3934                                class="px-3 py-1 bg-gray-100 hover:bg-gray-200 text-gray-600 rounded-full text-xs font-medium cursor-pointer transition-colors">
3935                                Startup                            </a>
3936                                                    <a href="/tag/ai-tri-tue-nhan-tao"
3937                                class="px-3 py-1 bg-gray-100 hover:bg-gray-200 text-gray-600 rounded-full text-xs font-medium cursor-pointer transition-colors">
3938                                AI (trí tuệ nhân tạo)                            </a>
3939                                            </div>
3940                </div>
3941            </section>
3942
3943            <!-- Thông tin giảng viên/tác giả -->
3944                            <section class="bg-white rounded-xl p-6 md:p-8 border border-gray-100 shadow-sm">
3945                <h2 class="text-2xl font-bold mb-6 text-gray-900">Thông tin giảng viên</h2>
3946                <div class="flex flex-col md:flex-row gap-8 items-start">
3947                    <div class="w-32 h-32 md:w-40 md:h-40 rounded-full bg-gray-100 overflow-hidden
3948                    border-4 border-gray-50 shrink-0 mx-auto md:mx-0">
3949                        <img src="https://unica.vn/uploads/dang-vuong-quang/September820261002pm_dang-vuong-quang_thumb.jpg"
3950                            alt="Product Manager No-Code" class="w-full h-full object-cover" />
3951                    </div>
3952                    <div class="flex-1">
3953                        <a href="/teacher/pm-no-code"
3954                            class="text-xl font-bold text-[#333] mb-1 hover:text-blue-600 transition-colors block">
3955                            Product Manager No-Code                        </a>
3956                        <p class="text-gray-500 font-medium mb-4">
3957                            Product Manager No-Code                        </p>
3958                        <!-- Thông tin 3 nhóm: đánh giá, học viên, khóa học (thu nhỏ, 1 dòng) -->
3959                        <div class="flex flex-row flex-wrap gap-x-8 gap-y-2 mb-4">
3960
3961                            <!-- Rating -->
3962                            <div class="flex items-center gap-1 min-w-[90px]">
3963                                <span class="w-5 h-5 flex items-center justify-center shrink-0">
3964                                    <svg class="w-4 h-4 text-[#f05a28]" fill="none" stroke="currentColor"
3965                                        stroke-width="2" viewBox="0 0 24 24">
3966                                        <polygon fill="#f05a28" stroke="#f05a28"
3967                                            points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
3968                                    </svg>
3969                                </span>
3970
3971                                <span class="font-bold text-base text-gray-800">
3972                                    0.0                                </span>
3973                                <span class="font-semibold text-gray-700 text-xs">Đánh giá</span>
3974                            </div>
3975
3976                            <!-- Students -->
3977                            <div class="flex items-center gap-1 min-w-[90px]">
3978                                <span class="w-5 h-5 flex items-center justify-center shrink-0">
3979                                    <svg class="w-4 h-4 text-[#f05a28]" fill="none" stroke="currentColor"
3980                                        stroke-width="2" viewBox="0 0 24 24">
3981                                        <path fill="#f05a28" stroke="#f05a28"
3982                                            d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
3983                                        <circle fill="#f05a28" stroke="#f05a28" cx="9" cy="7" r="4" />
3984                                        <path fill="#f05a28" stroke="#f05a28" d="M22 21v-2a4 4 0 0 0-3-3.87" />
3985                                        <path fill="#f05a28" stroke="#f05a28" d="M16 3.13a4 4 0 0 1 0 7.75" />
3986                                    </svg>
3987                                </span>
3988
3989                                <span class="font-bold text-base text-gray-800">
3990                                    94+
3991                                </span>
3992                                <span class="font-semibold text-gray-700 text-xs">Học viên</span>
3993                            </div>
3994
3995                            <!-- Courses -->
3996                            <div class="flex items-center gap-1 min-w-[90px]">
3997                                <span class="w-5 h-5 flex items-center justify-center shrink-0">
3998                                    <svg class="w-4 h-4 text-[#f05a28]" viewBox="0 0 24 24" fill="none"
3999                                        stroke="currentColor" stroke-width="2">
4000                                        <circle cx="12" cy="12" r="10" />
4001                                        <path d="M10 8l6 4-6 4z" fill="currentColor" stroke="none" />
4002                                    </svg>
4003                                </span>
4004
4005                                <span class="font-bold text-base text-gray-800">
4006                                    1                                </span>
4007                                <span class="font-semibold text-gray-700 text-xs">Khóa học</span>
4008                            </div>
4009                        </div>
4010                        <div class="js-expand-wrapper relative overflow-hidden transition-all duration-300"
4011                            data-max-height="140">
4012                            <div class="text-gray-600 leading-relaxed text-sm">
4013                                <p>Product Manager with 8+ years of experience building and scaling multi-sided digital platforms across Retail, FinTech and SaaS. Experienced in leading products from discovery to launch, partnering with executives to transform complex business models into scalable software. Passionate about leveraging AI to accelerate product development, optimize business operations and drive measurable growth.</p><p> </p><p><strong>Core Competencies</strong></p><p>Product Strategy & Roadmap • Product Discovery • AI Product Development • B2B / B2B2C / Marketplace • Cross-functional Leadership • Agile Delivery • Data-driven Decision Making</p>                            </div>
4014
4015                            <div class="js-expand-overlay absolute bottom-0 left-0 right-0 h-12
4016bg-gradient-to-t from-white to-transparent"></div>
4017                        </div>
4018
4019                        <button type="button"
4020                            class="js-expand-toggle mt-4 text-gray-500 font-medium hover:underline hidden text-sm">
4021                            Xem thêm
4022                        </button>
4023                    </div>
4024                </div>
4025                </section>
4026                        
4026<script>
4027                (() => {
4028                    const wrappers = document.querySelectorAll('.js-expand-wrapper');
4029
4030                    wrappers.forEach(wrapper => {
4031                        const toggle = wrapper.parentElement.querySelector('.js-expand-toggle');
4032                        const overlay = wrapper.querySelector('.js-expand-overlay');
4033
4034                        if (!toggle) return;
4035
4036                        const MAX_HEIGHT = parseInt(wrapper.dataset.maxHeight || 140, 10);
4037
4038                        // Init
4039                        wrapper.style.maxHeight = MAX_HEIGHT + 'px';
4040                        wrapper.style.overflow = 'hidden';
4041
4042                        // Nội dung ngắn thì không cần nút
4043                        if (wrapper.scrollHeight <= MAX_HEIGHT) {
4044                            toggle.classList.add('hidden');
4045                            overlay && (overlay.style.display = 'none');
4046                            return;
4047                        }
4048
4049                        toggle.classList.remove('hidden');
4050
4051                        let expanded = false;
4052
4053                        toggle.addEventListener('click', () => {
4054                            expanded = !expanded;
4055
4056                            if (expanded) {
4057                                wrapper.style.maxHeight = wrapper.scrollHeight + 'px';
4058                                overlay && (overlay.style.display = 'none');
4059                                toggle.innerText = 'Thu gọn';
4060                            } else {
4061                                wrapper.style.maxHeight = MAX_HEIGHT + 'px';
4062                                overlay && (overlay.style.display = 'block');
4063                                toggle.innerText = 'Xem thêm';
4064                            }
4065                        });
4066                    });
4067                })();
4068            </script>
4068
4069            <!-- Khóa học liên quan -->
4070            <section class="bg-white rounded-xl border border-gray-100 shadow-sm overflow-hidden">
4071                <h2 class="text-2xl font-bold py-3 px-6 text-gray-900 border-b border-gray-100">
4072                    Khóa học liên quan                </h2>
4073                <div>
4074                                            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 p-4">
4075                                                            <div
4076                                    class="group bg-white rounded-xl p-2 flex flex-col transition-all hover:shadow-lg relative">
4077                                    <a href="/sach-kich-ban-video-ai" class="block">
4078                                        <img src="https://unica.vn/upload/images/2026/03/4301_anh thumb 800x450chuthao 1_m.png"
4079                                            alt="Sách Kịch Bản Video AI "
4080                                            class="object-cover w-full aspect-video rounded-lg mb-3 transition-transform group-hover:scale-105" />
4081                                        <div class="font-semibold text-gray-900 line-clamp-2 mb-2">Sách Kịch Bản Video AI </div>
4082                                                                            </a>
4083                                    <div class="flex items-center justify-between mt-auto">
4084                                        <div>
4085                                            <div class="text-lg font-bold text-[#E66B22]">
4086                                                219.000đ
4087                                            </div>
4088                                            <div class="flex items-center gap-2">
4089                                                <span
4090                                                    class="line-through text-gray-400 text-sm">268.000đ</span>
4091                                                                                                    <span
4092                                                        class="bg-red-100 text-red-600 text-xs font-bold px-1 py-0.5 rounded">-18%</span>
4093                                                                                            </div>
4094                                        </div>
4095                                            <button type="button" class="text-2xl action-favourite" data-id="KzAzMjVpYkFWNEhXVFdBbkZ1RnJ6Zz09">
4096        <i class="fa fa-heart-o text-gray-400 hover:text-red-500" aria-hidden="true"></i>
4097    </button>
4098                                        </div>
4099                                </div>
4100                                                            <div
4101                                    class="group bg-white rounded-xl p-2 flex flex-col transition-all hover:shadow-lg relative">
4102                                    <a href="/khoa-hoc-midjourney-mastery-full" class="block">
4103                                        <img src="https://unica.vn/upload/images/2023/10/111.jpg_m_1698377500.jpg"
4104                                            alt="Midjourney Mastery - Làm Chủ Siêu AI Vẽ Tranh"
4105                                            class="object-cover w-full aspect-video rounded-lg mb-3 transition-transform group-hover:scale-105" />
4106                                        <div class="font-semibold text-gray-900 line-clamp-2 mb-2">Midjourney Mastery - Làm Chủ Siêu AI Vẽ Tranh</div>
4107                                                                                    <div class="flex gap-2 items-center mb-2">
4108                                                <span class="text-green-700 text-xs font-medium">
4109                                                    03 giờ 17 phút                                                </span>
4110                                            </div>
4111                                                                            </a>
4112                                    <div class="flex items-center justify-between mt-auto">
4113                                        <div>
4114                                            <div class="text-lg font-bold text-[#E66B22]">
4115                                                999.000đ
4116                                            </div>
4117                                            <div class="flex items-center gap-2">
4118                                                <span
4119                                                    class="line-through text-gray-400 text-sm">1.990.000đ</span>
4120                                                                                                    <span
4121                                                        class="bg-red-100 text-red-600 text-xs font-bold px-1 py-0.5 rounded">-50%</span>
4122                                                                                            </div>
4123                                        </div>
4124                                            <button type="button" class="text-2xl action-favourite" data-id="WTV5aUxtd2x2b2Vxa2d6cTZrVmpydz09">
4125        <i class="fa fa-heart-o text-gray-400 hover:text-red-500" aria-hidden="true"></i>
4126    </button>
4127                                        </div>
4128                                </div>
4129                                                            <div
4130                                    class="group bg-white rounded-xl p-2 flex flex-col transition-all hover:shadow-lg relative">
4131                                    <a href="/ung-dung-chat-GPT-toan-dien-trong-marketing-va-cong-viec" class="block">
4132                                        <img src="https://unica.vn/upload/images/2024/07/img_course_3392_m_1721294241.jpg"
4133                                            alt="Ứng Dụng Chat GPT Toàn Diện Trong Marketing Và Công Việc"
4134                                            class="object-cover w-full aspect-video rounded-lg mb-3 transition-transform group-hover:scale-105" />
4135                                        <div class="font-semibold text-gray-900 line-clamp-2 mb-2">Ứng Dụng Chat GPT Toàn Diện Trong Marketing Và Công Việc</div>
4136                                                                                    <div class="flex gap-2 items-center mb-2">
4137                                                <span class="text-green-700 text-xs font-medium">
4138                                                    01 giờ 13 phút                                                </span>
4139                                            </div>
4140                                                                            </a>
4141                                    <div class="flex items-center justify-between mt-auto">
4142                                        <div>
4143                                            <div class="text-lg font-bold text-[#E66B22]">
4144                                                299.000đ
4145                                            </div>
4146                                            <div class="flex items-center gap-2">
4147                                                <span
4148                                                    class="line-through text-gray-400 text-sm">990.000đ</span>
4149                                                                                                    <span
4150                                                        class="bg-red-100 text-red-600 text-xs font-bold px-1 py-0.5 rounded">-70%</span>
4151                                                                                            </div>
4152                                        </div>
4153                                            <button type="button" class="text-2xl action-favourite" data-id="am1HTVI2VHVtcEdzL3VaR2lGc3dQZz09">
4154        <i class="fa fa-heart-o text-gray-400 hover:text-red-500" aria-hidden="true"></i>
4155    </button>
4156                                        </div>
4157                                </div>
4158                                                            <div
4159                                    class="group bg-white rounded-xl p-2 flex flex-col transition-all hover:shadow-lg relative">
4160                                    <a href="/sang-tao-video-ai-kiem-tien-online" class="block">
4161                                        <img src="https://unica.vn/upload/images/2024/03/ai.png_m_1711357506.jpg"
4162                                            alt="Sáng tạo video AI kiếm tiền online"
4163                                            class="object-cover w-full aspect-video rounded-lg mb-3 transition-transform group-hover:scale-105" />
4164                                        <div class="font-semibold text-gray-900 line-clamp-2 mb-2">Sáng tạo video AI kiếm tiền online</div>
4165                                                                                    <div class="flex gap-2 items-center mb-2">
4166                                                <span class="text-green-700 text-xs font-medium">
4167                                                    00 giờ 57 phút                                                </span>
4168                                            </div>
4169                                                                            </a>
4170                                    <div class="flex items-center justify-between mt-auto">
4171                                        <div>
4172                                            <div class="text-lg font-bold text-[#E66B22]">
4173                                                299.000đ
4174                                            </div>
4175                                            <div class="flex items-center gap-2">
4176                                                <span
4177                                                    class="line-through text-gray-400 text-sm">500.000đ</span>
4178                                                                                                    <span
4179                                                        class="bg-red-100 text-red-600 text-xs font-bold px-1 py-0.5 rounded">-40%</span>
4180                                                                                            </div>
4181                                        </div>
4182                                            <button type="button" class="text-2xl action-favourite" data-id="VjNnQnQxcXgzTXU4eUJzcWhCSmtmZz09">
4183        <i class="fa fa-heart-o text-gray-400 hover:text-red-500" aria-hidden="true"></i>
4184    </button>
4185                                        </div>
4186                                </div>
4187                                                            <div
4188                                    class="group bg-white rounded-xl p-2 flex flex-col transition-all hover:shadow-lg relative">
4189                                    <a href="/lam-bao-cao-du-lieu-bang-ai" class="block">
4190                                        <img src="https://unica.vn/upload/images/2025/06/3761_anh thumb khoa hocchuthao_m.png"
4191                                            alt="Làm Báo Cáo Dữ Liệu Bằng AI"
4192                                            class="object-cover w-full aspect-video rounded-lg mb-3 transition-transform group-hover:scale-105" />
4193                                        <div class="font-semibold text-gray-900 line-clamp-2 mb-2">Làm Báo Cáo Dữ Liệu Bằng AI</div>
4194                                                                                    <div class="flex gap-2 items-center mb-2">
4195                                                <span class="text-green-700 text-xs font-medium">
4196                                                    07 giờ 20 phút                                                </span>
4197                                            </div>
4198                                                                            </a>
4199                                    <div class="flex items-center justify-between mt-auto">
4200                                        <div>
4201                                            <div class="text-lg font-bold text-[#E66B22]">
4202                                                699.000đ
4203                                            </div>
4204                                            <div class="flex items-center gap-2">
4205                                                <span
4206                                                    class="line-through text-gray-400 text-sm">999.000đ</span>
4207                                                                                                    <span
4208                                                        class="bg-red-100 text-red-600 text-xs font-bold px-1 py-0.5 rounded">-30%</span>
4209                                                                                            </div>
4210                                        </div>
4211                                            <button type="button" class="text-2xl action-favourite" data-id="UWxTT0g4eExIQ1pBc0VCWWxqVzlXdz09">
4212        <i class="fa fa-heart-o text-gray-400 hover:text-red-500" aria-hidden="true"></i>
4213    </button>
4214                                        </div>
4215                                </div>
4216                                                            <div
4217                                    class="group bg-white rounded-xl p-2 flex flex-col transition-all hover:shadow-lg relative">
4218                                    <a href="/chatgpt-thuc-chien-cho-nguoi-moi-ung-dung-vao-ban-hang-doi-song" class="block">
4219                                        <img src="https://unica.vn/upload/images/2026/07/3900_unica thum 800x450 7_m.png"
4220                                            alt="AI ChatGPT thực chiến dành cho người sợ công nghệ"
4221                                            class="object-cover w-full aspect-video rounded-lg mb-3 transition-transform group-hover:scale-105" />
4222                                        <div class="font-semibold text-gray-900 line-clamp-2 mb-2">AI ChatGPT thực chiến dành cho người sợ công nghệ</div>
4223                                                                                    <div class="flex gap-2 items-center mb-2">
4224                                                <span class="text-green-700 text-xs font-medium">
4225                                                    01 giờ 35 phút                                                </span>
4226                                            </div>
4227                                                                            </a>
4228                                    <div class="flex items-center justify-between mt-auto">
4229                                        <div>
4230                                            <div class="text-lg font-bold text-[#E66B22]">
4231                                                49.000đ
4232                                            </div>
4233                                            <div class="flex items-center gap-2">
4234                                                <span
4235                                                    class="line-through text-gray-400 text-sm">299.000đ</span>
4236                                                                                                    <span
4237                                                        class="bg-red-100 text-red-600 text-xs font-bold px-1 py-0.5 rounded">-84%</span>
4238                                                                                            </div>
4239                                        </div>
4240                                            <button type="button" class="text-2xl action-favourite" data-id="Y2V0eC8ySldpSk9tdHE4QmhDTmZ2QT09">
4241        <i class="fa fa-heart-o text-gray-400 hover:text-red-500" aria-hidden="true"></i>
4242    </button>
4243                                        </div>
4244                                </div>
4245                                                    </div>
4246                                    </div>
4247            </section>
4248
4249            <!-- Đánh giá khóa học -->
4250            <section class="bg-white rounded-xl p-4 border border-gray-100 shadow-sm">
4251                <div class="flex items-center justify-between mb-4 pb-4 border-b border-gray-50">
4252                    <div class="flex items-center gap-2">
4253                        <svg class="w-6 h-6 text-yellow-400 fill-yellow-400" viewBox="0 0 24 24">
4254                            <polygon
4255                                points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
4256                        </svg>
4257                        <span
4258                            class="text-2xl font-bold text-gray-900">0.0</span>
4259                        <span class="text-gray-500 font-medium">xếp hạng khóa học</span>
4260                    </div>
4261                    <div class="text-gray-400 font-medium">0 đánh giá</div>
4262                </div>
4263                <div class="space-y-8 mb-8">
4264                                    </div>
4265                <div class="text-center mt-6">
4266                    <button data-modal-target="feedback-modal" data-modal-toggle="feedback-modal"
4267                        class="w-full py-3 bg-gray-50 hover:bg-gray-100 text-gray-700 font-bold rounded-xl transition-all border border-gray-100 flex items-center justify-center gap-2">
4268                        <svg class="w-[18px] h-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor"
4269                            stroke-width="2">
4270                            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
4271                        </svg>
4272                        <span>Xem thêm đánh giá</span>
4273                    </button>
4274                </div>
4275            </section>
4276
4277            <!-- Popup đánh giá: giao diện mới chuẩn -->
4278            <div id="feedback-modal" tabindex="-1"
4279                class="fixed top-0 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden h-[calc(100%-1rem)] max-h-full flex flex-col justify-end">
4280                <div class="relative w-full max-w-3xl mx-auto max-h-full flex flex-col">
4281                    <div class="relative bg-white rounded-xl shadow-lg flex flex-col max-h-[80vh]">
4282                        <!-- Modal header -->
4283                        <div class="flex items-center justify-between px-6 pt-6 border-b border-gray-100 mb-4 pb-4">
4284                            <h3 class="text-xl font-bold text-gray-900">
4285                                Tất cả đánh giá
4286                            </h3>
4287                        </div>
4288                        <!-- Modal body: nội dung cuộn -->
4289                        <div class="flex-1 overflow-y-auto max-h-[60vh] pl-0 mb-0" style="scroll-behavior:smooth;">
4290                            <div class="load_feedback flex flex-col gap-0 px-6">
4291                                                                <input type="hidden" name="current_page" value="
42910">                                <input type="hidden" name="current_item" value="0">                            </div>
4292                                                    </div>
4293                        <!-- Modal footer cố định -->
4294                        <div
4295                            class="bg-gray-100 border-t border-gray-200 px-6 py-4 flex justify-end sticky bottom-0 z-10 rounded-lg">
4296                            <button type="button"
4297                                class="bg-black text-white rounded-lg font-bold text-sm hover:bg-gray-900 transition-colors focus:outline-none px-6 py-2"
4298                                data-modal-hide="feedback-modal">
4299                                Đóng
4300                            </button>
4301                        </div>
4302                    </div>
4303                </div>
4304            </div>
4305        </div>
4306        <!-- Sidebar phải -->
4307        <div class="lg:col-span-4 lg:-mt-40 z-20 lg:sticky lg:top-24 self-start order-first lg:order-none mb-2 lg:mb-0">
4308            <div class="bg-white rounded-xl shadow-2xl overflow-hidden text-gray-900">
4309                                    <button type="button"
4310                        class="aspect-video relative overflow-hidden group cursor-pointer w-full btn-preview-modal"
4311                        data-link=""
4312                        data-id="175084">
4313                        <img src="https://file.unica.vn/storage/db240c65c57e0a4f35edba3312c62511cbac63cc/4484-banner.jpg" alt="Preview"
4314                            class="absolute inset-0 w-full h-full object-cover" />
4315
4316                        <div
4317                            class="absolute inset-0 bg-black/40 flex items-center justify-center opacity-60 group-hover:opacity-100 transition-opacity">
4318                            <svg class="w-16 h-16 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor"
4319                                stroke-width="2">
4320                                <circle cx="12" cy="12" r="10" />
4321                                <polygon points="10 8 16 12 10 16 10 8" />
4322                            </svg>
4323                        </div>
4324                    </button>
4325                                <div class="p-6">
4326                    <div class="flex items-baseline gap-3 mb-4">
4327                        <span
4328                            class="text-3xl font-black text-[#333]">399.000đ</span>
4329                        <span
4330                            class="text-gray-400 line-through">999.000đ</span>
4331                                                                            <span class="bg-red-50 text-red-500 text-xs font-bold px-2 py-1 rounded"
4332                                id="discount-percent">-60%</span>
4333                                            </div>
4334                    <div class="flex items-center gap-2 text-red-600 text-sm font-bold mb-6 animate-pulse">
4335                        <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
4336                            <circle cx="12" cy="12" r="10" />
4337                            <polyline points="12 6 12 12 16 14" />
4338                        </svg>
4339                        <span>Ưu đãi chỉ còn 5 giờ 12 phút!</span>
4340                    </div>
4341                    <div class="space-y-3 mb-6">
4342                                                                                <button type="button" onclick="window.location.href='/order/step1?id=4484'"
4343                                class="w-full bg-[#f05a28] hover:bg-[#d64d20] text-white font-bold py-4 rounded-xl transition-all uppercase tracking-wider">
4344                                Mua ngay
4345                            </button>
4346                                                            <button data-id="T2lIS1R1K21VTW9YajRURTZhSVJuQT09"
4347                                    id="4484" price_sale="399000" onclick="addCart(this)"
4348                                    class="w-full bg-green-600 text-white border font-bold uppercase hover:bg-green-800 py-4 rounded-xl
4349                   flex items-center justify-center gap-2 transition-all">
4350                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-5 h-5" fill="none"
4351                                        stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
4352                                        aria-hidden="true">
4353                                        <circle cx="9" cy="21" r="1"></circle>
4354                                        <circle cx="20" cy="21" r="1"></circle>
4355                                        <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6">
4356                                        </path>
4357                                    </svg>
4358                                    <span>Thêm vào giỏ hàng</span>
4359                                </button>
4360                                                                                                    <div
4361                            class="flex items-center justify-center gap-2 text-[11px] font-bold text-green-600 uppercase tracking-tighter pt-1">
4362                            <svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor"
4363                                stroke-width="2">
4364                                <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
4365                                <path d="m9 12 2 2 4-4" />
4366                            </svg>
4367                            <span>Cam kết hoàn tiền trong 7 ngày</span>
4368                        </div>
4369                    </div>
4370                    <div class="mb-8">
4371                        <ul class="space-y-3 text-sm text-gray-600">
4372                                                            <li class="flex items-center gap-3">
4373                                    <svg class="w-4 h-4 text-blue-500" viewBox="0 0 24 24" fill="none" stroke="currentColor"
4374                                        stroke-width="2">
4375                                        <circle cx="12" cy="12" r="10" />
4376                                        <polygon points="10 8 16 12 10 16 10 8" />
4377                                    </svg>
4378                                    <span>Thời lượng:
4379                                        11 giờ 42 phút</span>
4380                                </li>
4381                                <li class="flex items-center gap-3">
4382                                    <svg class="w-4 h-4 text-blue-500" viewBox="0 0 24 24" fill="none" stroke="currentColor"
4383                                        stroke-width="2">
4384                                        <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" />
4385                                        <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" />
4386                                    </svg>
4387                                    <span>Giáo trình: 92 bài giảng</span>
4388                                </li>
4389                                <li class="flex items-center gap-3">
4390                                    <svg class="w-4 h-4 text-blue-500" viewBox="0 0 24 24" fill="none" stroke="currentColor"
4391                                        stroke-width="2">
4392                                        <circle cx="12" cy="12" r="10" />
4393                                        <polyline points="12 6 12 12 16 14" />
4394                                    </svg>
4395                                    <span>Truy cập trọn đời</span>
4396                                </li>
4397                                <li class="flex items-center gap-3">
4398                                    <svg class="w-4 h-4 text-blue-500" viewBox="0 0 24 24" fill="none" stroke="currentColor"
4399                                        stroke-width="2">
4400                                        <circle cx="12" cy="8" r="7" />
4401                                        <polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88" />
4402                                    </svg>
4403                                    <span>Chứng nhận hoàn thành</span>
4404                                </li>
4405                                                    </ul>
4406                    </div>
4407                    <!-- Thêm giao diện nhập mã coupon -->
4408                    <div class="pt-6 border-t border-gray-100 text-center">
4409                        <div id="coupon-btn">
4410                            <button onclick="toggleCoupon()"
4411                                class="text-gray-400 text-sm font-bold hover:text-gray-600 transition-colors py-1">Bạn
4412                                có mã giảm giá?</button>
4413                        </div>
4414                        <div id="coupon-input" class="hidden relative mt-1 animate-in">
4415                            <div class="flex items-center gap-2">
4416                                <div class="relative flex-1">
4417                                    <input type="text" id="coupon-code-input" placeholder="Nhập mã giảm giá" class="w-full rounded-xl border border-gray-200 bg-white
4418                           py-3 px-4 pr-24 text-sm
4419                           focus:border-[#f05a28] focus:ring-2 focus:ring-[#f05a28]/20
4420                           transition-all outline-none" />
4421
4422                                    <button onclick="activeCoupon('T2lIS1R1K21VTW9YajRURTZhSVJuQT09')"
4423                                        id="apply-coupon-btn" class="absolute right-2 top-1/2 -translate-y-1/2
4424                           px-4 py-1.5 rounded-lg
4425                           text-xs font-bold
4426                           text-white bg-green-500
4427                           hover:bg-[#e04e20]
4428                           transition shadow-sm">
4429                                        Áp dụng
4430                                    </button>
4431                                </div>
4432                                <button onclick="toggleCoupon()"
4433                                    class="p-1.5 text-gray-400 hover:text-gray-600 transition-colors bg-gray-50 rounded-full"><svg
4434                                        class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor"
4435                                        stroke-width="2">
4436                                        <path d="M18 6 6 18M6 6l12 12" />
4437                                    </svg></button>
4438                            </div>
4439                            <div id="coupon-message" class="text-xs mt-2 text-red-500 hidden"></div>
4440                        </div>
4441                        <div id="couponUsed"
4442                            class="text-xs p-2 text-green-400 hidden ">
4443                            Đang áp dụng: <span id="valueCouponUsed"></span> - <span
4444                                class="text-red-500 cursor-pointer cancelCoupon"
4445                                data-id="T2lIS1R1K21VTW9YajRURTZhSVJuQT09">Há»§y</span>
4446                        </div>
4447                    </div>
4448                    <!-- Đăng ký cho doanh nghiệp -->
4449                                    </div>
4450            </div>
4451        </div>
4452    </div>
4453</div>
4454
4455<!-- Popup học thử (UI mới – giữ nguyên logic cũ) -->
4456<link href="/media/js/video-js.css?v=7.20.3" rel="stylesheet">
4457<script src="/media/js/video.js?v=7.20.2"></script>
vendor: 1 bytes, line 4457
4457
4458<script src="/media/js/videojs-resolution-switcher.js"></script>
vendor: 1 bytes, line 4458
4458
4459<script src="/media/js/videojs-contrib-hls.js"></script>
4459
4460<div id="preview-modal"
4461    class="fixed inset-0 z-[100] hidden items-center justify-center p-4 bg-black/70 backdrop-blur-sm">
4462
4463    <button type="button"
4464        class="preview-modal-close absolute top-4 right-4 md:top-6 md:right-6 text-white/70 hover:text-white transition-colors z-[110]"
4465        aria-label="Đóng học thử">
4466        <svg class="w-8 h-8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
4467            <path d="M18 6 6 18M6 6l12 12" />
4468        </svg>
4469    </button>
4470
4471    <div class="preview-modal-content relative bg-[#111] w-full max-w-6xl rounded-2xl overflow-hidden shadow-2xl flex flex-col lg:flex-row">
4472
4473        <div class="lg:w-3/4 p-4 md:p-6">
4474            <h3 id="current-lesson-name" class="text-white text-lg md:text-xl font-bold mb-4 line-clamp-1">
4475                PM No-Code: AI Product Management & No-Code Automation            </h3>
4476
4477            <div id="video-preview-container"
4478                class="video-preview aspect-video w-full bg-gray-900 rounded-lg overflow-hidden relative">
4479            </div>
4480
4481            <div class="mt-4 flex items-center justify-between flex-nowrap gap-3">
4482                <div class="flex items-center gap-2 min-w-0">
4483                    <div class="w-2 h-2 rounded-full bg-green-500 animate-pulse shrink-0"></div>
4484                    <div class="text-gray-400 text-sm truncate">
4485                        <span class="md:hidden">Bạn đang học thử</span>
4486                        <span class="hidden md:inline">Bạn đang xem học thử</span>
4487                    </div>
4488                </div>
4489                <a href="/order/step1?id=4484"
4490                    class="bg-[#f05a28] text-white px-4 md:px-6 py-2 rounded-lg font-bold text-sm hover:bg-[#d64d20] transition-colors uppercase whitespace-nowrap shrink-0">
4491                    <span class="md:hidden">Mua ngay</span>
4492                    <span class="hidden md:inline">Mua khóa học ngay</span>
4493                </a>
4494            </div>
4495        </div>
4496        <div class="lg:w-1/4 bg-[#1a1a1a] border-l border-white/5 flex flex-col">
4497            <div class="p-4 border-b border-white/5">
4498                <h4 class="text-white font-bold text-sm uppercase tracking-widest">
4499                    Danh sách bài học thử
4500                </h4>
4501            </div>
4502            <div class="flex-1 overflow-y-auto max-h-[300px] lg:max-h-[500px] scrollbar-thin scrollbar-thumb-white/10">
4503                
4504                                    <button
4505                        class="btn-preview-modal lesson-btn w-full text-left p-4 flex items-center gap-3 transition-all duration-200 border-b border-white/5 hover:bg-white/5"
4506                        data-id="175084">
4507                        <div
4508                            class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-white/5 border border-white/10 transition-all">
4509                            <svg class="w-3.5 h-3.5 text-gray-400 transition-all" viewBox="0 0 24 24" fill="none"
4510                                stroke="currentColor" stroke-width="2">
4511                                <polygon points="5 3 19 12 5 21 5 3" />
4512                            </svg>
4513                        </div>
4514                        <div class="flex-1">
4515                            <p class="text-xs font-medium text-gray-300 transition-all">
4516                                1.1 Khái niệm cơ sở                            </p>
4517                        </div>
4518                    </button>
4519                                    <button
4520                        class="btn-preview-modal lesson-btn w-full text-left p-4 flex items-center gap-3 transition-all duration-200 border-b border-white/5 hover:bg-white/5"
4521                        data-id="175085">
4522                        <div
4523                            class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-white/5 border border-white/10 transition-all">
4524                            <svg class="w-3.5 h-3.5 text-gray-400 transition-all" viewBox="0 0 24 24" fill="none"
4525                                stroke="currentColor" stroke-width="2">
4526                                <polygon points="5 3 19 12 5 21 5 3" />
4527                            </svg>
4528                        </div>
4529                        <div class="flex-1">
4530                            <p class="text-xs font-medium text-gray-300 transition-all">
4531                                1.2 Nền tảng Toán học cho AI                            </p>
4532                        </div>
4533                    </button>
4534                                    <button
4535                        class="btn-preview-modal lesson-btn w-full text-left p-4 flex items-center gap-3 transition-all duration-200 border-b border-white/5 hover:bg-white/5"
4536                        data-id="175086">
4537                        <div
4538                            class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-white/5 border border-white/10 transition-all">
4539                            <svg class="w-3.5 h-3.5 text-gray-400 transition-all" viewBox="0 0 24 24" fill="none"
4540                                stroke="currentColor" stroke-width="2">
4541                                <polygon points="5 3 19 12 5 21 5 3" />
4542                            </svg>
4543                        </div>
4544                        <div class="flex-1">
4545                            <p class="text-xs font-medium text-gray-300 transition-all">
4546                                1.2.1 Đại số tuyến tính                            </p>
4547                        </div>
4548                    </button>
4549                                    <button
4550                        class="btn-preview-modal lesson-btn w-full text-left p-4 flex items-center gap-3 transition-all duration-200 border-b border-white/5 hover:bg-white/5"
4551                        data-id="175087">
4552                        <div
4553                            class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-white/5 border border-white/10 transition-all">
4554                            <svg class="w-3.5 h-3.5 text-gray-400 transition-all" viewBox="0 0 24 24" fill="none"
4555                                stroke="currentColor" stroke-width="2">
4556                                <polygon points="5 3 19 12 5 21 5 3" />
4557                            </svg>
4558                        </div>
4559                        <div class="flex-1">
4560                            <p class="text-xs font-medium text-gray-300 transition-all">
4561                                1.2.2 Xác suất & Thống kê                            </p>
4562                        </div>
4563                    </button>
4564                                    <button
4565                        class="btn-preview-modal lesson-btn w-full text-left p-4 flex items-center gap-3 transition-all duration-200 border-b border-white/5 hover:bg-white/5"
4566                        data-id="175088">
4567                        <div
4568                            class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-white/5 border border-white/10 transition-all">
4569                            <svg class="w-3.5 h-3.5 text-gray-400 transition-all" viewBox="0 0 24 24" fill="none"
4570                                stroke="currentColor" stroke-width="2">
4571                                <polygon points="5 3 19 12 5 21 5 3" />
4572                            </svg>
4573                        </div>
4574                        <div class="flex-1">
4575                            <p class="text-xs font-medium text-gray-300 transition-all">
4576                                1.2.3 Giải tích & Gradient                            </p>
4577                        </div>
4578                    </button>
4579                                    <button
4580                        class="btn-preview-modal lesson-btn w-full text-left p-4 flex items-center gap-3 transition-all duration-200 border-b border-white/5 hover:bg-white/5"
4581                        data-id="175095">
4582                        <div
4583                            class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-white/5 border border-white/10 transition-all">
4584                            <svg class="w-3.5 h-3.5 text-gray-400 transition-all" viewBox="0 0 24 24" fill="none"
4585                                stroke="currentColor" stroke-width="2">
4586                                <polygon points="5 3 19 12 5 21 5 3" />
4587                            </svg>
4588                        </div>
4589                        <div class="flex-1">
4590                            <p class="text-xs font-medium text-gray-300 transition-all">
4591                                2.1 Thuật toán ML cổ điển Supervised & Unsupervised                            </p>
4592                        </div>
4593                    </button>
4594                                    <button
4595                        class="btn-preview-modal lesson-btn w-full text-left p-4 flex items-center gap-3 transition-all duration-200 border-b border-white/5 hover:bg-white/5"
4596                        data-id="175096">
4597                        <div
4598                            class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-white/5 border border-white/10 transition-all">
4599                            <svg class="w-3.5 h-3.5 text-gray-400 transition-all" viewBox="0 0 24 24" fill="none"
4600                                stroke="currentColor" stroke-width="2">
4601                                <polygon points="5 3 19 12 5 21 5 3" />
4602                            </svg>
4603                        </div>
4604                        <div class="flex-1">
4605                            <p class="text-xs font-medium text-gray-300 transition-all">
4606                                2.1.1 Học có giám sát Supervised Learning                            </p>
4607                        </div>
4608                    </button>
4609                                    <button
4610                        class="btn-preview-modal lesson-btn w-full text-left p-4 flex items-center gap-3 transition-all duration-200 border-b border-white/5 hover:bg-white/5"
4611                        data-id="175097">
4612                        <div
4613                            class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-white/5 border border-white/10 transition-all">
4614                            <svg class="w-3.5 h-3.5 text-gray-400 transition-all" viewBox="0 0 24 24" fill="none"
4615                                stroke="currentColor" stroke-width="2">
4616                                <polygon points="5 3 19 12 5 21 5 3" />
4617                            </svg>
4618                        </div>
4619                        <div class="flex-1">
4620                            <p class="text-xs font-medium text-gray-300 transition-all">
4621                                2.1.2 Học không giám sát Unsupervised Learning                            </p>
4622                        </div>
4623                    </button>
4624                            </div>
4625        </div>
4626
4627        <!-- Lớp phủ bóng mờ Full Modal khi chưa đăng nhập, Card thông báo ở chính giữa Modal -->
4628        <div id="trial-modal-login-overlay"
4629            class="absolute inset-0 z-30 hidden items-center justify-center p-4 backdrop-blur-md bg-black/60 rounded-2xl select-none">
4630            <div class="relative w-full max-w-md overflow-hidden rounded-3xl border border-white/[0.08] border-t-white/20 bg-neutral-900/60 p-7 sm:p-9 text-center shadow-[0_25px_60px_-15px_rgba(0,0,0,0.7)] backdrop-blur-2xl">
4631                <!-- Vòng sáng trang trí siêu nhẹ -->
4632                <div class="pointer-events-none absolute -top-24 left-1/2 h-56 w-56 -translate-x-1/2 roun
4632ded-full bg-orange-500/10 blur-3xl"></div>
4633
4634                <!-- Icon ổ khóa gradient nhẹ nhàng -->
4635                <div class="relative mx-auto mb-5 flex h-14 w-14 items-center justify-center rounded-2xl bg-gradient-to-b from-orange-500/15 to-transparent text-[#f05a28] border border-orange-500/25 shadow-[0_0_30px_rgba(240,90,40,0.18)]">
4636                    <svg class="w-6 h-6 stroke-[2]" viewBox="0 0 24 24" fill="none" stroke="currentColor">
4637                        <rect width="18" height="11" x="3" y="11" rx="2" ry="2" />
4638                        <path d="M7 11V7a5 5 0 0 1 10 0v4" />
4639                    </svg>
4640                </div>
4641
4642                <h3 class="relative text-lg sm:text-xl font-semibold tracking-tight text-white mb-2">
4643                    Bạn cần đăng nhập để học thử
4644                </h3>
4645                <p class="relative text-xs sm:text-sm text-gray-300/85 font-normal leading-relaxed max-w-xs mx-auto mb-6">
4646                    Đăng nhập tài khoản Unica để trải nghiệm trọn vẹn các bài học thử miễn phí của khóa học này.
4647                </p>
4648
4649                <a href="/login?url=https%3A%2F%2Funica.vn%2Fpm-no-code-ai-product-management-no-code-automation"
4650                    class="relative inline-flex w-full sm:w-auto min-w-[200px] items-center justify-center rounded-xl bg-gradient-to-r from-[#f05a28] to-[#ff6b3d] px-7 py-3 text-sm font-semibold uppercase tracking-wider text-white shadow-[0_10px_25px_-5px_rgba(240,90,40,0.35)] transition-all duration-200 hover:shadow-[0_12px_30px_-5px_rgba(240,90,40,0.5)] hover:brightness-110 active:scale-[0.98]">
4651                    Đăng Nhập Ngay
4652                </a>
4653            </div>
4654        </div>
4655    </div>
4656
4657    <style>
4658        .lesson-btn {
4659            position: relative;
4660            outline: none;
4661            -webkit-tap-highlight-color: transparent;
4662        }
4663
4664        .lesson-btn:focus,
4665        .lesson-btn:active {
4666            outline: none;
4667            box-shadow: none;
4668        }
4669
4670        .lesson-btn::before {
4671            content: "";
4672            position: absolute;
4673            left: 0;
4674            top: 50%;
4675            height: 0;
4676            width: 3px;
4677            background: #f05a28;
4678            border-radius: 6px;
4679            transition: all .25s ease;
4680        }
4681
4682        .lesson-btn.is-active {
4683            background: rgba(240, 90, 40, .08);
4684        }
4685
4686        .lesson-btn.is-active::before {
4687            top: 10%;
4688            height: 80%;
4689        }
4690
4691        .lesson-btn.is-active svg,
4692        .lesson-btn.is-active p {
4693            color: #f05a28;
4694        }
4695
4696        .lesson-btn.is-active svg polygon {
4697            fill: #f05a28;
4698        }
4699
4700        .lesson-btn.is-active .rounded-full {
4701            border-color: rgba(240, 90, 40, .6);
4702        }
4703
4704        .overflow-y-auto::-webkit-scrollbar {
4705            width: 4px;
4706        }
4707
4708        .overflow-y-auto::-webkit-scrollbar-track {
4709            background: transparent;
4710        }
4711
4712        .overflow-y-auto::-webkit-scrollbar-thumb {
4713            background: rgba(255, 255, 255, 0.1);
4714            border-radius: 20px;
4715            border: 1px solid transparent;
4716            background-clip: content-box;
4717        }
4718
4719        .overflow-y-auto:hover::-webkit-scrollbar-thumb {
4720            background-color: rgba(255, 255, 255, 0.2);
4721        }
4722
4723        .overflow-y-auto::-webkit-scrollbar-thumb:hover {
4724            background-color: #f05a28;
4725            box-shadow: 0 0 8px rgba(240, 90, 40, 0.6);
4726        }
4727
4728        .overflow-y-auto {
4729            scrollbar-width: thin;
4730            scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
4731        }
4732    </style>
4733
4734    
4734<script>
4735        $(document).ready(function () {
4736            const $lessons = $('.lesson-btn');
4737
4738            // Set active cho bài đầu tiên
4739            if ($lessons.length) {
4740                $lessons.first().addClass('is-active');
4741            }
4742
4743            $('.lesson-btn').on('click', function () {
4744                // Update text tiêu đề
4745                const lessonName = $(this).find('p').first().text().trim();
4746                $('#current-lesson-name').text(lessonName);
4747
4748                // Update trạng thái active
4749                $('.lesson-btn').removeClass('is-active');
4750                $(this).addClass('is-active');
4751            });
4752        });
4753    </script>
4753
4754</div>
4755
4756<!-- Nhúng JS của giao diện mới -->
4757<script>
4758    // Accordion nội dung khóa học
4759    function toggleSection(idx) {
4760        const content = document.getElementById(`section-content-${idx}`);
4761        const chevron = document.getElementById(`chevron-${idx}`);
4762        if (content && chevron) {
4763            if (content.classList.contains('hidden')) {
4764                content.classList.remove('hidden');
4765                chevron.classList.add('rotate-180');
4766            } else {
4767                content.classList.add('hidden');
4768                chevron.classList.remove('rotate-180');
4769            }
4770        }
4771    }
4772    window.toggleSection = toggleSection;
4773
4774    document.addEventListener('click', function (event) {
4775        const trigger = event.target.closest('[data-section-toggle]');
4776        if (!trigger) {
4777            return;
4778        }
4779        const idx = trigger.getAttribute('data-section-toggle');
4780        if (idx === null) {
4781            return;
4782        }
4783        toggleSection(idx);
4784    });
4785
4786    // Coupon input toggle (keep as is)
4787    function toggleCoupon() {
4788        const btn = document.getElementById('coupon-btn');
4789        const input = document.getElementById('coupon-input');
4790        if (!btn || !input) return;
4791        if (input.classList.contains('hidden')) {
4792            btn.classList.add('hidden');
4793            input.classList.remove('hidden');
4794        } else {
4795            btn.classList.remove('hidden');
4796            input.classList.add('hidden');
4797        }
4798        // Reset message
4799        document.getElementById('coupon-message').classList.add('hidden');
4800        document.getElementById('coupon-message').innerText = '';
4801    }
4802
4803    // --- Coupon logic: bê nguyên function từ list_2024.php, chỉnh selector cho đúng giao diện detail ---
4804    function activeCoupon(courseId) {
4805        let coupon = $('#coupon-code-input').val().trim();
4806        let priceSale = 399000;
4807        if (!coupon) {
4808            $('#coupon-message').removeClass('hidden').addClass('text-red-400').html('Vui lòng nhập mã giảm giá.');
4809        } else {
4810            $.ajax({
4811                type: 'POST',
4812                url: '/course_action/check_coupon',
4813                data: {
4814                    'coupon_code': coupon,
4815                    'course_id': courseId,
4816                    'price': priceSale
4817                },
4818                success: function (res) {
4819                    if (res.success) {
4820                        // Cập nhật giá và phần trăm giảm giá
4821                        $('.text-3xl.font-black').html(res.data.price.toLocaleString('vi-VN', { minimumFractionDigits: 0 }) + 'đ');
4822                        if (res.data.discount_amount > 0) {
4823                            $('#discount-percent').html('-' + res.data.discount_amount + '%').show();
4824                        } else {
4825                            $('#discount-percent').hide();
4826                        }
4827                        $('#coupon-message').addClass('hidden');
4828                        $('#valueCouponUsed').html(coupon);
4829                        $('#couponUsed').removeClass('hidden');
4830                    } else {
4831                        $('#coupon-message').removeClass('hidden').addClass('text-red-400').html(res.message || 'Mã giảm giá không hợp lệ.');
4832                    }
4833                }
4834            });
4835        }
4836    }
4837
4838    $(document).ready(function () {
4839        // Áp dụng coupon khi bấm nút
4840        $('#apply-coupon-btn').off('click').on('click', function () {
4841            activeCoupon('T2lIS1R1K21VTW9YajRURTZhSVJuQT09');
4842        });
4843
4844        // Há»§y coupon
4845        $('.cancelCoupon').off('click').on('click', function () {
4846            let courseId = $(this).data('id');
4847            $.ajax({
4848                type: 'POST',
4849                url: '/course_action/cancel-coupon',
4850                data: {
4851                    'course_id': courseId,
4852                },
4853                success: function (res) {
4854                    if (res.success) {
4855                        // Reset giá và phần trăm giảm về giá gốc
4856                        $('.text-3xl.font-black').html('399.000đ');
4857                                                    $('#discount-percent').hide();
4858                                                $('#couponUsed').addClass('hidden');
4859                    } else {
4860                        alert(res.message || 'Có lỗi xảy ra, vui lòng thử lại.');
4861                    }
4862                }
4863            });
4864        });
4865    });
4866
4867    // Sửa lại phần load-more-feedback: ẩn nút khi hết đánh giá, cập nhật đúng số lượng
4868    $('.load-more-feedback').off('click').on('click', function () {
4869        let id = $(this).data('id');
4870        let page = Number($('input[name=current_page]').val());
4871        let count_item = Number($('input[name=current_item]').val());
4872        let $btn = $(this);
4873        $btn.prop('disabled', true).text('Đang tải...');
4874        $.ajax({
4875            url: '/course_action/load-more-feedback',
4876            type: 'POST',
4877            data: { page: page + 1, offset: count_item, limit: 10, id: id },
4878            success: function (result) {
4879                if (result.success && result.data && result.data.html) {
4880                    $('.load_feedback').append(result.data.html);
4881                    $('input[name=current_page]').val(result.data.current_page);
4882                    $('input[name=current_item]').val(count_item + Number(result.data.page_count));
4883                    // Ẩn nút nếu đã hết đánh giá
4884                    if (result.data.count <= (count_item + Number(result.data.page_count))) {
4885                        $btn.addClass('hidden');
4886                    } else {
4887                        $btn.prop('disabled', false).text('Hiển thị thêm');
4888                    }
4889                } else {
4890                    $btn.addClass('hidden');
4891                }
4892            },
4893            error: function () {
4894                $btn.prop('disabled', false).text('Hiển thị thêm');
4895            }
4896        });
4897    });
4898
4899
4900    const IS_LOGGED_IN = false;
4901    const CURRENT_USER_ID = 0;
4902    const CURRENT_USER_EMAIL = "";
4903
4904    const $previewModal = $('#preview-modal');
4905    const $previewModalContent = $('#preview-modal .preview-modal-content');
4906    const $trialLoginModal = $('#trial-login-modal');
4907
4908    function showTrialLoginModal() {
4909        $trialLoginModal.removeClass('hidden').css('display', 'flex');
4910        $('body').addClass('overflow-hidden');
4911    }
4912
4913    function hideTrialLoginModal() {
4914        $trialLoginModal.addClass('hidden').css('display', 'none');
4915        $('body').removeClass('overflow-hidden');
4916    }
4917
4918    $(document).on('click', '.trial-login-modal-close', function () {
4919        hideTrialLoginModal();
4920    });
4921
4922    $trialLoginModal.on('click', function (event) {
4923        if (event.target === this) {
4924            hideTrialLoginModal();
4925        }
4926    });
4927
4928    $(document).on('keydown', function (event) {
4929        if (event.key === 'Escape' && !$trialLoginModal.hasClass('hidden')) {
4930            hideTrialLoginModal();
4931        }
4932    });
4933
4934    // ── Module Watermark Video Player (đồng bộ với unica-v2) ──
4935    const UnicaVideoWatermark = (function () {
4936        let waitTimer = null;
4937        let hideTimer = null;
4938        let watermarkEl = null;
4939        let isRunning = false;
4940
4941        const config = {
4942            displayDurationMs: 10000,
4943            initialDelayMs: 5000,
4944            minWaitSeconds: 50,
4945            maxWaitSeconds: 70
4946        };
4947
4948        function getRandomPosition() {
4949            // Giới hạn trong vùng an toàn tránh mép và controls: top 12% - 78%, left 6% - 68%
4950            const top = Math.floor(Math.random() * 66 + 12);
4951            const left = Math.floor(Math.random() * 62 + 6);
4952            return {
4953                top: top + '%',
4954                left: left + '%'
4955            };
4956        }
4957
4958        function getRandomWaitTime(minSec, maxSec) {
4959            const minMs = minSec * 1000;
4960            const maxMs = maxSec * 1000;
4961            return Math.floor(Math.random() * (maxMs - minMs + 1)) + minMs;
4962        }
4963
4964        function getWatermarkText() {
4965            if (!IS_LOGGED_IN) return '';
4966            if (CURRENT_USER_ID && CURRENT_USER_EMAIL) {
4967                return CURRENT_USER_ID + ' - ' + CURRENT_USER_EMAIL;
4968            }
4969            return String(CURRENT_USER_ID || CURRENT_USER_EMAIL || '');
4970        }
4971
4972        function ensureStyle() {
4973            if (document.getElementById('unica-watermark-style')) return;
4974            const style = document.createElement('style');
4975            style.id = 'unica-watermark-style';
4976            style.textContent = `
4977                @keyframes unicaWatermarkFadeInOut {
4978                    0% {
4979                        opacity: 0;
4980                        transform: scale(0.96);
4981                    }
4982                    15% {
4983                        opacity: 1;
4984                        transform: scale(1);
4985                    }
4986                    85% {
4987                        opacity: 1;
4988                        transform: scale(1);
4989                    }
4990                    100% {
4991                        opacity: 0;
4992                        transform: scale(0.96);
4993                    }
4994                }
4995                .unica-video-watermark-item {
4996                    position: absolute;
4997                    z-index: 30;
4998                    pointer-events: none;
4999                    user-select: none;
5000                    max-width: 85%;
5001                    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
5002                    font-size: 14px;
5003                    font-weight: 500;
5004                    letter-spacing: 0.05em;
5005                    color: rgba(100, 116, 139, 0.45);
5006                    white-space: nowrap;
5007                    overflow: hidden;
5008                    text-overflow: ellipsis;
5009                }
5010                @media (min-width: 768px) {
5011                    .unica-video-watermark-item {
5012                        font-size: 16px;
5013                    }
5014                }
5015            `;
5016            document.head.appendChild(style);
5017        }
5018
5019        function stop() {
5020            isRunning = false;
5021            if (waitTimer) {
5022                clearTimeout(waitTimer);
5023                waitTimer = null;
5024            }
5025            if (hideTimer) {
5026                clearTimeout(hideTimer);
5027                hideTimer = null;
5028            }
5029            if (watermarkEl && watermarkEl.parentNode) {
5030                watermarkEl.parentNode.removeChild(watermarkEl);
5031            }
5032            watermarkEl = null;
5033        }
5034
5035        function schedule(targetContainer, delayMs) {
5036            if (!isRunning) return;
5037            waitTimer = setTimeout(function () {
5038                if (!isRunning) return;
5039
5040                const text = getWatermarkText();
5041                if (!text || !targetContainer) return;
5042
5043                if (watermarkEl && watermarkEl.parentNode) {
5044                    watermarkEl.parentNode.removeChild(watermarkEl);
5045                }
5046
5047                const pos = getRandomPosition();
5048                watermarkEl = document.createElement('div');
5049                watermarkEl.className = 'unica-video-watermark-item';
5050                watermarkEl.setAttribute('aria-hidden', 'true');
5051                watermarkEl.style.top = pos.top;
5052                watermarkEl.style.left = pos.left;
5053                watermarkEl.style.animation = `unicaWatermarkFadeInOut ${config.displayDurationMs}ms cubic-bezier(0.4, 0, 0.2, 1) forwards`;
5054                watermarkEl.textContent = text;
5055
5056                targetContainer.appendChild(watermarkEl);
5057
5058                hideTimer = setTimeout(function () {
5059                    if (!isRunning) return;
5060                    if (watermarkEl && watermarkEl.parentNode) {
5061                        watermarkEl.parentNode.removeChild(watermarkEl);
5062                    }
5063                    watermarkEl = null;
5064
5065                    const nextWaitMs = getRandomWaitTime(config.minWaitSeconds, config.maxWaitSeconds);
5066                    schedule(targetContainer, nextWaitMs);
5067                }, config.displayDurationMs);
5068
5069            }, delayMs);
5070        }
5071
5072        function start(targetContainer) {
5073            stop();
5074            const text = getWatermarkText();
5075            if (!text || !targetContainer) return;
5076
5077            ensureStyle();
5078            isRunning = true;
5079            schedule(targetContainer, config.initialDelayMs);
5080        }
5081
5082        return {
5083            start: start,
5084            stop: stop
5085        };
5086    })();
5087
5088    const SAVIOR_SESSION_KEY = 'unica_session_savior_detected';
5089    const VIDEO_DOWNLOAD_EXTENSIONS = [
5090        {
5091            id: 'jdfkmiabjpfjacifcmihfdjhpnjpiick',
5092            name: 'Cốc Cốc Savior',
5093            selector: 'savior-host',
5094            removeElement: false,
5095        },
5096        {
5097            id: 'kkeakohpadmbldjaiggikmnldlfkdfog',
5098            name: 'FastStream',
5099            selector: 'iframe[src^="chrome-extension://kkeakohpadmbldjaiggikmnldlfkdfog/"]',
5100            removeElement: true,
5101        },
5102    ];
5103
5104    let isCurrentTrialLesson = false;
5105    let saviorObserver = null;
5106
5107    function checkVideoDownloadExtension() {
5108        try {
5109            if (sessionStorage.getItem(SAVIOR_SESSION_KEY) === '1') {
5110                return true;
5111            }
5112        } catch (e) {}
5113
5114        for (const ext of VIDEO_DOWNLOAD_EXTENSIONS) {
5115            if (document.querySelector(ext.selector)) {
5116                if (ext.removeElement) {
5117                    document.querySelectorAll(ext.selector).forEach(el => el.remove());
5118                }
5119                try {
5120                    sessionStorage.setItem(SAVIOR_SESSION_KEY, '1');
5121                } catch (e) {}
5122                return true;
5123            }
5124        }
5125
5126        const ua = navigator.userAgent || '';
5127        if (/coc_coc_browser/i.test(ua)) {
5128            try {
5129                sessionStorage.setItem(SAVIOR_SESSION_KEY, '1');
5130            } catch (e) {}
5131            return true;
5132        }
5133
5134        return false;
5135    }
5136
5137    function stopSaviorWatch() {
5138        if (saviorObserver) {
5139            try {
5140                saviorObserver.disconnect();
5141            } catch (e) {}
5142            saviorObserver = null;
5143        }
5144    }
5145
5146    function renderTrialLoginRequiredNotice() {
5147        disposePreviewPlayer();
5148        const currentUrl = encodeURIComponent(window.location.href);
5149        $('.video-preview').html(`
5150            <div class="flex h-full w-full flex-col items-center justify-center bg-slate-950 p-6 text-center select-none" role="alert" style="min-height: 100%; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #0b0f19; padding: 24px; text-align: center; position: relative;">
5151                <div class="relative z-10 flex max-w-md w-full flex-col items-center gap-3 rounded-2xl border border-white/10 bg-black/80 px-6 py-8 shadow-2xl backdrop-blur-md" style="max-width: 28rem; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 12px; border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgba(0, 0, 0, 0.8); padding: 32px 24px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);">
5152                    <div class="flex h-16 w-16 items-center justify-center rounded-full bg-orange-500/10 text-[#f05a28] mb-1" style="width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; border-radius: 9999px; background-color: rgba(240, 90, 40, 0.1); color: #f05a28; margin-bottom: 4px;">
5153                        <svg class="w-8 h-8 stroke-[2.2]" viewBox="0 0 24 24" fill="none" stroke="currentColor" style="width: 32px; height: 32px;">
5154                            <rect width="18" height="11" x="3" y="11" rx="2" ry="2" />
5155                            <path d="M7 11V7a5 5 0 0 1 10 0v4" />
5156                        </svg>
5157                    </div>
5158                    <h4 class="text-lg md:text-xl font-bold text-white tracking-tight" style="margin: 0; font-size: 1.25rem; font-weight: 700; color: #ffffff;">
5159                        Bạn cần đăng nhập để học thử
5160                    </h4>
5161                    <p class="text-xs md:text-sm text-gray-300 leading-relaxed" style="margin: 0; font-size: 0.875rem; color: #d1d5db; line-height: 1.5; max-width: 20rem;">
5162                        Vui lòng đăng nhập tài khoản Unica để bắt đầu trải nghiệm bài học thử này.
5163                    </p>
5164                    <a href="/login?url=${currentUrl}" class="mt-3 flex w-full sm:w-auto items-center justify-center rounded-xl bg-[#f05a28] hover:bg-[#d64d20] px-6 py-3 text-sm font-bold uppercase tracking-wider text-white shadow-lg shadow-orange-500/25 transition-all active:scale-[0.98]" style="margin-top: 12px; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.75rem; background-color: #f05a28; padding: 12px 24px; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #ffffff; text-decoration: none; box-shadow: 0 10px 15px -3px rgba(240, 90, 40, 0.25);">
5165                        Đăng Nhập Ngay
5166                    </a>
5167                </div>
5168            </div>
5169        `);
5170    }
5171
5172    function renderCocCocBlockedNotice() {
5173        stopSaviorWatch();
5174        disposePreviewPlayer();
5175        $('.video-preview').html(`
5176            <div class="flex h-full w-full flex-col items-center justify-center bg-slate-950 p-6 text-center select-none" role="alert" aria-live="assertive" style="min-height: 100%; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #020617; padding: 24px; text-align: center; user-select: none;">
5177                <div class="flex max-w-md flex-col items-center gap-3 rounded-2xl border border-white/10 bg-black/70 px-6 py-8 shadow-2xl backdrop-blur-md" style="max-width: 28rem; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 12px; border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgba(0, 0, 0, 0.7); padding: 32px 24px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);">
5178                    <div class="flex h-14 w-14 items-center justify-center rounded-full bg-amber-500/10 text-amber-400" style="width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; border-radius: 9999px; background-color: rgba(245, 158, 11, 0.1); color: #fbbf24; margin-bottom: 4px;">
5179                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-8 w-8 text-amber-400" style="width: 32px; height: 32px; color: #fbbf24;">
5180                            <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" />
5181                            <line x1="12" y1="9" x2="12" y2="13" />
5182                            <line x1="12" y1="17" x2="12.01" y2="17" />
5183                        </svg>
5184                    </div>
5185                    <p class="text-base font-bold text-white md:text-lg" style="margin: 0; font-size: 1.125rem; font-weight: 700; color: #ffffff; line-height: 1.5;">
5186                        Bạn không thể mở video trên Cốc Cốc
5187                    </p>
5188                    <p class="text-sm font-semibold text-amber-400 md:text-base" style="margin: 0; font-size: 0.95rem; font-weight: 600; color: #fbbf24; line-height: 1.5;">
5189                        Vui lòng sử dụng trình duyệt Chrome!
5190                    </p>
5191                </div>
5192            </div>
5193        `);
5194    }
5195
5196    function startSaviorWatch() {
5197        if (saviorObserver) return;
5198        if (checkVideoDownloadExtension()) {
5199            renderCocCocBlockedNotice();
5200            return;
5201        }
5202        try {
5203            saviorObserver = new MutationObserver(() => {
5204                if (isCurrentTrialLesson && checkVideoDownloadExtension()) {
5205                    stopSaviorWatch();
5206                    renderCocCocBlockedNotice();
5207                }
5208            });
5209            saviorObserver.observe(document.documentElement, {
5210                childList: true,
5211                subtree: true,
5212            });
5213        } catch (e) {}
5214    }
5215
5216    function ensurePreviewXhrPatched() {
5217        if (window.__unicaPreviewXhrPatched) {
5218            return;
5219        }
5220
5221        window.__unicaPreviewOriginalOpen = XMLHttpRequest.prototype.open;
5222        window.__unicaPreviewOriginalSend = XMLHttpRequest.prototype.send;
5223
5224        XMLHttpRequest.prototype.open = function (method, url, async, user, password) {
5225            this._url = url;
5226            window.__unicaPreviewOriginalOpen.apply(this, arguments);
5227        };
5228
5229        XMLHttpRequest.prototype.send = function (body) {
5230            if (this._url && this._url.endsWith('.key')) {
5231                this.setRequestHeader('X-STREAM-ORIGIN', 'abcdxxx');
5232            }
5233
5234            window.__unicaPreviewOriginalSend.apply(this, arguments);
5235        };
5236
5237        window.__unicaPreviewXhrPatched = true;
5238    }
5239
5240    function disposePreviewPlayer() {
5241        UnicaVideoWatermark.stop();
5242        if (window.previewModalPlayer && typeof window.previewModalPlayer.dis
5242pose === 'function') {
5243            window.previewModalPlayer.dispose();
5244            window.previewModalPlayer = null;
5245        }
5246        $previewModal.find('.vjs-control-bar').remove();
5247    }
5248
5249    function decodeHtml(value) {
5250        return $('<textarea/>').html(value || '').text();
5251    }
5252
5253    function renderPreviewM3u8(sourceUrl) {
5254        ensurePreviewXhrPatched();
5255        disposePreviewPlayer();
5256
5257        $('.video-preview').html(`
5258            <video id="preview-modal-player"
5259                class="video-js vjs-default-skin vjs-fluid vjs-big-play-centered"
5260                controls
5261                preload="auto">
5262                <source src="${sourceUrl}" type="application/x-mpegURL" />
5263            </video>
5264        `);
5265
5266        if (window.videojs) {
5267            window.previewModalPlayer = videojs('preview-modal-player', {
5268                controls: true,
5269                playbackRates: [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2],
5270                techOrder: ['html5'],
5271                autoplay: true,
5272                plugins: {
5273                    videoJsResolutionSwitcher: {
5274                        default: 'high',
5275                        dynamicLabel: true
5276                    }
5277                },
5278                html5: {
5279                    vhs: {
5280                        overrideNative: true,
5281                    },
5282                    nativeAudioTracks: true,
5283                    nativeVideoTracks: true
5284                }
5285            });
5286
5287            window.previewModalPlayer.ready(function () {
5288                var playerEl = this.el();
5289                UnicaVideoWatermark.start(playerEl);
5290            });
5291        }
5292    }
5293
5294    function renderPreviewIframe(sourceUrl) {
5295        disposePreviewPlayer();
5296        $('.video-preview').html(`
5297            <iframe width="100%" height="100%"
5298                src="${sourceUrl}"
5299                style="position:absolute; top:0; bottom:0; left:0; right:0"
5300                frameborder="0"
5301                allow="autoplay; fullscreen; picture-in-picture"
5302                allowfullscreen
5303                webkitAllowFullScreen
5304                mozallowfullscreen></iframe>
5305        `);
5306        UnicaVideoWatermark.start($('.video-preview')[0]);
5307    }
5308
5309    function renderPreviewContent(html) {
5310        if (isCurrentTrialLesson && checkVideoDownloadExtension()) {
5311            renderCocCocBlockedNotice();
5312            return;
5313        }
5314
5315        const sourceMatch = html.match(/<source[^>]+src="([^"]+)"/i);
5316        if (sourceMatch && sourceMatch[1]) {
5317            renderPreviewM3u8(decodeHtml(sourceMatch[1]));
5318            return;
5319        }
5320
5321        const iframeMatch = html.match(/<iframe[^>]+src="([^"]+)"/i);
5322        if (iframeMatch && iframeMatch[1]) {
5323            renderPreviewIframe(decodeHtml(iframeMatch[1]));
5324            return;
5325        }
5326
5327        disposePreviewPlayer();
5328        $('.video-preview').empty().append(html);
5329    }
5330
5331    function hidePreviewModal() {
5332        isCurrentTrialLesson = false;
5333        stopSaviorWatch();
5334        disposePreviewPlayer();
5335        UnicaVideoWatermark.stop();
5336        $('#trial-modal-login-overlay').addClass('hidden').css('display', 'none');
5337        $previewModal.addClass('hidden').css('display', 'none');
5338        $('body').removeClass('overflow-hidden');
5339        $('.video-preview').empty();
5340    }
5341
5342    function showPreviewModal() {
5343        $previewModal.removeClass('hidden').css('display', 'flex');
5344        $('body').addClass('overflow-hidden');
5345    }
5346
5347    $(document).on('click', '.preview-modal-close', function () {
5348        hidePreviewModal();
5349    });
5350
5351    $previewModal.on('click', function (event) {
5352        if (event.target === this) {
5353            hidePreviewModal();
5354        }
5355    });
5356
5357    $(document).on('keydown', function (event) {
5358        if (event.key === 'Escape' && !$previewModal.hasClass('hidden')) {
5359            hidePreviewModal();
5360        }
5361    });
5362
5363    $(document).on('click', '.btn-preview-modal', function (event) {
5364        event.preventDefault();
5365        let id = $(this).data('id');
5366        let link = $(this).data('link');
5367
5368        // Phân biệt: id là bài học thử, link là video intro (video sale)
5369        if (id && (link === undefined || link === '')) {
5370            isCurrentTrialLesson = true;
5371
5372            let lessonTitle = $(this).find('p').text().trim();
5373            if (lessonTitle) {
5374                $('#current-lesson-name').text(lessonTitle);
5375            }
5376
5377            // Nếu chưa đăng nhập: Không gọi API tải video, phủ bóng mờ full modal và hiển thị card ở giữa
5378            if (!IS_LOGGED_IN) {
5379                stopSaviorWatch();
5380                disposePreviewPlayer();
5381                $('.video-preview').empty();
5382                $('#preview-modal .btn-preview-modal').removeClass('bg-[#031E50]');
5383                $(`#preview-modal .btn-preview-modal[data-id="${id}"]`).addClass('bg-[#031E50]');
5384                $('#trial-modal-login-overlay').removeClass('hidden').css('display', 'flex');
5385                showPreviewModal();
5386                return;
5387            }
5388
5389            $('#trial-modal-login-overlay').addClass('hidden').css('display', 'none');
5390
5391            // Chặn hoàn toàn trên Cốc Cốc cho bài học thử: không gọi API lấy video
5392            if (checkVideoDownloadExtension()) {
5393                stopSaviorWatch();
5394                $('#preview-modal .btn-preview-modal').removeClass('bg-[#031E50]');
5395                $(`#preview-modal .btn-preview-modal[data-id="${id}"]`).addClass('bg-[#031E50]');
5396                renderCocCocBlockedNotice();
5397                showPreviewModal();
5398                return;
5399            }
5400
5401            startSaviorWatch();
5402
5403            $.ajax({
5404                url: '/course_action/preview',
5405                type: 'POST',
5406                data: { id: id },
5407                success: function (result) {
5408                    if (result.success) {
5409                        $('#preview-modal .btn-preview-modal').removeClass('bg-[#031E50]');
5410                        $(`#preview-modal .btn-preview-modal[data-id="${id}"]`).addClass('bg-[#031E50]');
5411                        renderPreviewContent(result.data.html);
5412                    } else if (result.require_login) {
5413                        disposePreviewPlayer();
5414                        $('.video-preview').empty();
5415                        $('#trial-modal-login-overlay').removeClass('hidden').css('display', 'flex');
5416                    } else if (result.message && result.message.indexOf('Cốc Cốc') !== -1) {
5417                        renderCocCocBlockedNotice();
5418                    }
5419                }
5420            });
5421        } else if (link) {
5422            // Video sale (video giới thiệu): cho phép xem trên mọi trình duyệt (kể cả Cốc Cốc)
5423            isCurrentTrialLesson = false;
5424            stopSaviorWatch();
5425            $('#trial-modal-login-overlay').addClass('hidden').css('display', 'none');
5426            $('#current-lesson-name').text('PM No-Code: AI Product Management & No-Code Automation');
5427
5428            $('#preview-modal .btn-preview-modal').removeClass('bg-[#031E50]');
5429            $(`#preview-modal .btn-preview-modal[data-link="${link}"]`).addClass('bg-[#031E50]');
5430            if (link.indexOf('vimeo.com') !== -1) {
5431                let vimeoId = link.split('/')[3];
5432                let newLink = 'https://player.vimeo.com/video/' + vimeoId;
5433                $('.video-preview').empty().append(`<iframe width="100%" height="100%"  src="${newLink}?h=e26b4edf5d&autoplay=1&loop=1&portrait=0" style="position:absolute; top:0; bottom:0; left:0; right:0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen webkitAllowFullScreen mozallowfullscreen></iframe>`);
5434            } else {
5435                if (link.includes('youtube.com')) {
5436                    const newLink = link.includes('?') ? link + '&' : link + '?';
5437                    $('.video-preview').empty().append(
5438                        `<div class="plyr__video-embed" id="plyr_youtube_player_learn_test">
5439                            <iframe
5440                                src="${newLink}origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1&amp;autoplay=1&amp;controls=0&amp;h=e26b4edf5d&amp;loop=true&amp;portrait=false"
5441                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
5442                                allowfullscreen
5443                            ></iframe>
5444                        </div>
5445                    `);
5446                    loadPlyrOnYoutubeEmbed();
5447                } else {
5448                    $('.video-preview').empty().append(`<iframe width="100%" height="100%"  src="${link}?h=e26b4edf5d&autoplay=1&loop=1&portrait=0" style="position:absolute; top:0; bottom:0; left:0; right:0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen webkitAllowFullScreen mozallowfullscreen></iframe>`);
5449                }
5450            }
5451        } else {
5452            $('.video-preview').empty().html('Không có video học thử.');
5453        }
5454        showPreviewModal();
5455    });
5456
5457    function loadPlyrOnYoutubeEmbed() {
5458        const divYoutubeEmbedVideo = $('#plyr_youtube_player_learn_test');
5459        if (divYoutubeEmbedVideo.length) {
5460            const player = new Plyr('#plyr_youtube_player_learn_test', {
5461                controls: ['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'captions', 'settings', 'pip', 'airplay', 'fullscreen']
5462            });
5463        }
5464    }
5465
5466    
5467    $('.add-mul-cart').click(function () {
5468        const el = $(this);
5469        let course_ids = $(this).data('ids');
5470        addMultipleCart(el, course_ids)
5471    })
5472</script>
vendor: 1 bytes, line 5472
5472
5473<script>
5474    function getBookQuantity() {
5475        const input = document.getElementById('book-quantity');
5476        if (!input) {
5477            return 1;
5478        }
5479        let quantity = parseInt(input.value || '1', 10);
5480        if (Number.isNaN(quantity) || quantity < 1) {
5481            quantity = 1;
5482        }
5483        if (quantity > 50) {
5484            quantity = 50;
5485        }
5486        input.value = quantity;
5487        return quantity;
5488    }
5489
5490    function buyBookNow() {
5491        const quantity = getBookQuantity();
5492        window.location.href = '/order/step1?id=4484&quantity=' + quantity;
5493    }
5494    window.buyBookNow = buyBookNow;
5495
5496    function addBookToCart(buttonElement) {
5497        const quantity = getBookQuantity();
5498        const button = buttonElement ? $(buttonElement) : null;
5499        const originalText = button ? button.find('span').text() : null;
5500
5501        $.ajax({
5502            type: 'POST',
5503            url: '/cart/add',
5504            data: {
5505                course_id: '4484',
5506                quantity: quantity
5507            },
5508            success: function (res) {
5509                if (res && res.data && typeof res.data.count_items !== 'undefined') {
5510                    $('#quantity-cart').html(res.data.count_items);
5511                }
5512                if (button && originalText) {
5513                    button.find('span').text('Đã thêm vào giỏ hàng');
5514                    setTimeout(function () {
5515                        button.find('span').text(originalText);
5516                    }, 2000);
5517                }
5518            },
5519            error: function () {
5520                alert('Có lỗi xảy ra, vui lòng thử lại.');
5521            }
5522        });
5523    }
5524    window.addBookToCart = addBookToCart;
5525</script>
5525
5526<!-- Footer mobile -->
5527<div class="md:hidden fixed bottom-0 left-0 right-0 bg-white
5528            border-t border-gray-100
5529            px-4 pt-3
5530            shadow-[0_-10px_30px_-5px_rgba(0,0,0,0.1)]
5531            z-[40] pb-safe">
5532
5533    <div class="flex justify-between items-center max-w-lg mx-auto gap-4">
5534
5535        <!-- PRICE -->
5536        <div class="shrink-0">
5537            <p class="text-xl font-bold text-[#f05a28] leading-tight">
5538                399.000đ
5539            </p>
5540
5541                            <div class="flex items-center gap-1.5">
5542                    <span class="text-[11px] text-gray-400 line-through font-medium">
5543                        999.000đ
5544                    </span>
5545
5546                                            <span class="text-[11px] text-red-500 font-bold bg-red-50 px-1 rounded">
5547                            -60%
5548                        </span>
5549                                    </div>
5550                    </div>
5551
5552        <!-- ACTIONS -->
5553        <div class="flex flex-1 items-center gap-2">
5554
5555            <!-- CHAT -->
5556            <a href="javascript: openLivechat()" id="openLivechat" name=""
5557                phone="" email="" user_id=""
5558                avatar_url="" title="Chat với tư vấn viên" class="flex flex-col items-center justify-center px-3 py-1
5559                       text-gray-600 hover:text-[#f05a28]
5560                       transition-colors border border-gray-200 rounded-xl
5561                       active:scale-95">
5562                <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
5563                    <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8
5564                             8.5 8.5 0 0 1-7.6 4.7
5565                             8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7
5566                             a8.38 8.38 0 0 1-.9-3.8
5567                             8.5 8.5 0 0 1 4.7-7.6
5568                             8.38 8.38 0 0 1 3.8-.9h.5
5569                             a8.48 8.48 0 0 1 8 8v.5z" />
5570                </svg>
5571                <span class="text-[9px] font-black uppercase tracking-tighter mt-0.5">
5572                    Chat
5573                </span>
5574            </a>
5575
5576            
5577            <!-- BUY NOW -->
5578                            <button onclick="window.location.href='/order/step1?id=4484'" class="flex-1 bg-[#f05a28] hover:bg-[#d64d20]
5579                           text-white font-black
5580                           py-3.5 px-4 rounded-xl
5581                           shadow-lg shadow-orange-100
5582                           text-center uppercase tracking-widest text-sm
5583                           active:scale-95 transition-transform">
5584                    Mua ngay
5585                </button>
5586            
5587        </div>
5588    </div>
5589</div>
5590
5591<style>
5592    .pb-safe {
5593        padding-bottom: max(env(safe-area-inset-bottom), 12px);
5594    }
5595</style>
5596    </div>
5597
5598<script src="https://accounts.google.com/gsi/client" async></script>
5598
5599<div
5600    id="g_id_onload"
5601    data-client_id="265899770624-im6tmhndrsnfcurrvtv388phk2kfh8sc.apps.googleusercontent.com"
5602    data-callback="handleCallBackGoogle"
5603    data-auto_prompt="true"
5604>
5605</div>
5606
5607<script>
5608    function handleCallBackGoogle(response) {
5609        const token = response.credential
5610        $.ajax({
5611            url: '/login-social',
5612            type: 'post',
5613            data: {
5614                'platform': 'google',
5615                'access_token': token,
5616            },
5617            success: function (res) {
5618                if (res.success) {
5619                    return location.href = res.data.redirect_link
5620                }
5621            },
5622            error: function (e) {
5623                console.error(e)
5624            }
5625        })
5626    }
5627</script>
vendor: 1 bytes, line 5627
5627
5628<script>
5629    const isLogin = "";
5630    const divPromptGSI = document.getElementById('g_id_onload');
5631    const currentPath = window.location.pathname;
5632
5633    if (divPromptGSI) {
5634        if (isLogin) {
5635            divPromptGSI.setAttribute('data-auto_prompt', false);
5636        } else {
5637            if (currentPath.startsWith('/order/')) {
5638                divPromptGSI.setAttribute('data-auto_prompt', false);
5639            } else {
5640                divPromptGSI.setAttribute('data-auto_prompt', true);
5641            }
5642        }
5643    }
5644</script>
5644
5645
5646<!--Start of Icon chat Fchat.vn-->
5647    
5647<script defer>
5648        if (window.innerWidth >= 768) {
5649            (function () {
5650                var script = document.createElement('script');
5651                script.src = 'https://cdn.fchat.vn/assets/embed/webchat.js?id=6246905df91e1f42331849a4';
5652                script.async = true;
5653
5654                script.setAttribute('name', '');
5655                script.setAttribute('email', '');
5656                script.setAttribute('phone', '');
5657
5658                document.body.appendChild(script);
5659            })();
5660        } else {
5661            (function () {
5662                var script = document.createElement('script');
5663                script.src = 'https://cdn.fchat.vn/assets/embed/livechat.js?id=6246905df91e1f42331849a4';
5664                script.async = true;
5665
5666                script.setAttribute('data-fchat-name', '');
5667                script.setAttribute('data-fchat-email', '');
5668                script.setAttribute('data-fchat-phone', '');
5669
5670                document.body.appendChild(script);
5671            })();
5672        }
5673    </script>
5673
5674    <!--    
5674<script>-->
5675    <!--        window.addEventListener('resize', function() {-->
5676    <!--            const allChatWidget = document.getElementsByTagName('chat-widget')-->
5677    <!--            if (window.innerWidth >= 768) {-->
5678    <!--                if (allChatWidget.length > 0 && allChatWidget[1]) {-->
5679    <!--                    allChatWidget[1].style.display = 'block'-->
5680    <!--                }-->
5681    <!--            } else {-->
5682    <!--                if (allChatWidget.length > 0 && allChatWidget[1]) {-->
5683    <!--                    allChatWidget[1].style.display = 'none'-->
5684    <!--                }-->
5685    <!--            }-->
5686    <!--        })-->
5687    <!--    </script>
5687-->
5688
5689<!--End of Icon chat Fchat.vn -->
5690
5691<div class="bg-[#0f172a] text-gray-400 pt-16 pb-8" id="footer">
5692    <div class="max-w-[1200px] mx-auto px-4">
5693        <div class="grid grid-cols-2 gap-x-8 gap-y-12 mb-16 lg:grid-cols-12">
5694            <!-- Cột 1 - Logo & Thông tin liên hệ -->
5695            <div class="sm:col-span-2 lg:col-span-4">
5696                <a class="navbar-brand" href="/">
5697                    <img src="https://static.unica.vn/media/images_v2018/logo-unica.png" alt="logo" class="h-8 mb-6">
5698                </a>
5699                <p class="text-white font-bold mb-4">Học online cùng chuyên gia</p>
5700                <div class="space-y-3 text-[13px]">
5701                    <p class="flex items-center gap-2">
5702                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="#f05a28" class="flex-shrink-0">
5703                            <path d="M20 22.621l-3.521-6.795c-.008.004-1.974.97-2.064 1.011-2.24 1.086-6.799-7.82-4.609-8.994l2.083-1.026-3.493-6.817-2.106 1.039c-7.202 3.755 4.233 25.982 11.6 22.615.121-.055 2.102-1.029 2.11-1.033z"/>
5704                        </svg>
5705                        Hotline 1: 19001568
5706                    </p>
5707                    <p class="flex items-center gap-2">
5708                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="#f05a28" class="flex-shrink-0">
5709                            <path d="M20 22.621l-3.521-6.795c-.008.004-1.974.97-2.064 1.011-2.24 1.086-6.799-7.82-4.609-8.994l2.083-1.026-3.493-6.817-2.106 1.039c-7.202 3.755 4.233 25.982 11.6 22.615.121-.055 2.102-1.029 2.11-1.033z"/>
5710                        </svg>
5711                        Hotline 2: 090 488 6095
5712                    </p>
5713                    <p class="flex items-center gap-2">
5714                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="#f05a28" class="flex-shrink-0">
5715                            <path d="M0 3v18h24v-18h-24zm21.518 2l-9.518 7.713-9.518-7.713h19.036zm-19.518 14v-11.817l10 8.104 10-8.104v11.817h-20z"/>
5716                        </svg>
5717                        Email: [email protected]
5718                    </p>
5719                    <p class="flex items-center gap-2">
5720                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="#f05a28" class="flex-shrink-0">
5721                            <path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm1 12v-6h-2v8h7v-2h-5z"/>
5722                        </svg>
5723                        08h0 - 18h0, Thứ 2 - 7                    </p>
5724                </div>
5725            </div>
5726
5727            <div class="pt-14 lg:col-span-3 lg:pt-0">
5728                <h4 class="text-white font-bold mb-6 uppercase text-sm tracking-wider">Về Unica</h4>
5729                <ul class="space-y-3 text-[13px]">
5730                    <li><a href="/gioi-thieu" class="hover:text-white transition-colors">Giới thiệu về Unica</a></li>
5731                    <li><a href="/faq" target="_blank" class="hover:text-white transition-colors">Hướng dẫn sử dụng</a></li>
5732                    <li><a href="/kichhoat" class="hover:text-white transition-colors">Kích hoạt khóa học</a></li>
5733                    <li><a href="/blog" class="hover:text-white transition-colors">Góc chia sẻ</a></li>
5734                    <li><a href="/dieu-khoan-dich-vu.html" class="hover:text-white transition-colors">Điều khoản dịch vụ</a></li>
5735                    <li><a href="/chinh-sach-bao-mat.html" class="hover:text-white transition-colors">Chính sách bảo mật</a></li>
5736                </ul>
5737            </div>
5738
5739            <!-- Cột 3 - Hợp tác -->
5740            <div class="lg:col-span-3">
5741                <h4 class="text-white font-bold mb-6 uppercase text-sm tracking-wider">Hợp tác</h4>
5742                <ul class="space-y-3 text-[13px]">
5743                    <li><a href="/teacher" class="hover:text-white transition-colors">Đăng ký giảng viên</a></li>
5744                    <li><a href="https://edubit.vn?ref=unica" target="_blank" class="hover:text-white transition-colors">Giải pháp e-learning</a></li>
5745                    <li><a href="https://unica.vn/biz" class="hover:text-white transition-colors">Đào tạo doanh nghiệp</a></li>
5746                    <li><a href="http://quaydung.unica.vn/" class="hover:text-white transition-colors">Quay dá»±ng video</a></li>
5747                    <li><a href="/dich-vu-xuat-ban-sach" class="hover:text-white transition-colors">Xuất bản sách</a></li>
5748                    <li><a href="/affiliate" class="hover:text-white transition-colors">Affiliate</a></li>
5749                </ul>
5750            </div>
5751
5752            <!-- Cột 4 - App & Social -->
5753            <div class="lg:col-span-2">
5754                <h4 class="text-white font-bold mb-6 uppercase text-sm tracking-wider">Unica App</h4>
5755                <div class="space-y-3 mb-8">
5756                    <a href="https://itunes.apple.com/us/app/unica-online-learning/id1230853725?ls=1&mt=8" class="block" target="_blank" rel="noreferrer">
5757                        <img src="/master/image/app-store.png" class="h-10" alt="Unica on App Store">
5758                    </a>
5759                    <a href="https://play.google.com/store/apps/details?id=com.inet.Learning" class="block" target="_blank" rel="noreferrer">
5760                        <img src="/master/image/google.png" class="h-10" alt="Unica on Google Play">
5761                    </a>
5762                </div>
5763                <h4 class="text-white font-bold mb-4 uppercase text-xs tracking-wider">Kết nối với Unica</h4>
5764                <div class="flex gap-4">
5765                    <a href="https://www.youtube.com/c/UnicaVn" class="w-8 h-8 rounded-full bg-slate-800 flex items-center justify-center hover:bg-red-600 hover:text-white transition-all">
5766                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
5766ox="0 0 24 24" fill="currentColor">
5767                            <path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/>
5768                        </svg>
5769                    </a>
5770                    <a href="https://www.facebook.com/unica.vn" class="w-8 h-8 rounded-full bg-slate-800 flex items-center justify-center hover:bg-blue-600 hover:text-white transition-all">
5771                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
5772                            <path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/>
5773                        </svg>
5774                    </a>
5775                    <a href="https://www.tiktok.com/@unicatinhocvanphong" class="w-8 h-8 rounded-full bg-slate-800 flex items-center justify-center hover:bg-black hover:text-white transition-all">
5776                        <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor">
5777                            <path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.03 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/>
5778                        </svg>
5779                    </a>
5780                </div>
5781            </div>
5782        </div>
5783
5784        <hr class="border-slate-800 mb-8" />
5785
5786        <div class="flex flex-col md:flex-row justify-between items-center gap-6 text-[11px] font-medium">
5787            <div class="text-center md:text-left space-y-1">
5788                <p>© Công ty cổ phần đào tạo trực tuyến Unica - Tầng 3, Số 247 Cầu Giấy, Phường Cầu Giấy, TP. Hà Nội.</p>
5789                <p>Đại diện: Ông Nguyễn Trọng Thơ | Mã số thuế: 0107695756 cấp tại Sở KH&ĐT thành phố Hà Nội</p>
5790            </div>
5791            <div class="flex items-center gap-3 mt-3 md:mt-0">
5792<!--                <div class="flex items-center">-->
5793<!--                    <a href="https://www.facebook.com/Unica.vn">-->
5794<!--                        <svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">-->
5795<!--                            <g filter="url(#filter0_d_775_11947)">-->
5796<!--                                <rect x="4" y="4.12793" width="24" height="24" rx="4" fill="white"/>-->
5797<!--                                <g clip-path="url(#clip0_775_11947)">-->
5798<!--                                    <path-->
5799<!--                                        d="M19.4999 10.2944H17.7499C16.9764 10.2944 16.2345 10.6017 15.6875 11.1487C15.1405 11.6957 14.8333 12.4376 14.8333 13.2111V14.9611H13.0833V17.2944H14.8333V21.9611H17.1666V17.2944H18.9166L19.4999 14.9611H17.1666V13.2111C17.1666 13.0564 17.228 12.908 17.3374 12.7986C17.4468 12.6892 17.5952 12.6278 17.7499 12.6278H19.4999V10.2944Z"-->
5800<!--                                        fill="#003555" stroke="#003555" stroke-linecap="round" stroke-linejoin="round"/>-->
5801<!--                                </g>-->
5802<!--                            </g>-->
5803<!--                            <defs>-->
5804<!--                                <filter id="filter0_d_775_11947" x="0" y="0.12793" width="32" height="32"-->
5805<!--                                        filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">-->
5806<!--                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>-->
5807<!--                                    <feColorMatrix in="SourceAlpha" type="matrix"-->
5808<!--                                                   values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"-->
5809<!--                                                   result="hardAlpha"/>-->
5810<!--                                    <feOffset/>-->
5811<!--                                    <feGaussianBlur stdDeviation="2"/>-->
5812<!--                                    <feComposite in2="hardAlpha" operator="out"/>-->
5813<!--                                    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>-->
5814<!--                                    <feBlend mode="normal" in2="Backgroun
5814dImageFix"-->
5815<!--                                             result="effect1_dropShadow_775_11947"/>-->
5816<!--                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_775_11947"-->
5817<!--                                             result="shape"/>-->
5818<!--                                </filter>-->
5819<!--                                <clipPath id="clip0_775_11947">-->
5820<!--                                    <rect width="14" height="14" fill="white" transform="translate(9 9.12793)"/>-->
5821<!--                                </clipPath>-->
5822<!--                            </defs>-->
5823<!--                        </svg>-->
5824<!--                    </a>-->
5825<!--                    <a href="https://www.youtube.com/channel/UCrQoGDajCBs91atwgV8H6gw">-->
5826<!--                        <svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">-->
5827<!--                            <g filter="url(#filter0_d_775_11949)">-->
5828<!--                                <rect x="4" y="4.12793" width="24" height="24" rx="4" fill="white"/>-->
5829<!--                                <g clip-path="url(#clip0_775_11949)">-->
5830<!--                                    <path-->
5831<!--                                        d="M23.0266 12.4078C22.9474 12.0914 22.7862 11.8015 22.5591 11.5674C22.332 11.3333 22.0471 11.1632 21.7333 11.0744C20.5866 10.7944 16 10.7944 16 10.7944C16 10.7944 11.4133 10.7944 10.2666 11.1011C9.95281 11.1899 9.66796 11.3599 9.44087 11.594C9.21378 11.8281 9.0525 12.118 8.97331 12.4344C8.76345 13.5981 8.6608 14.7786 8.66664 15.9611C8.65916 17.1525 8.76182 18.342 8.97331 19.5144C9.06061 19.821 9.22551 20.0999 9.45207 20.3241C9.67863 20.5483 9.95919 20.7103 10.2666 20.7944C11.4133 21.1011 16 21.1011 16 21.1011C16 21.1011 20.5866 21.1011 21.7333 20.7944C22.0471 20.7056 22.332 20.5356 22.5591 20.3015C22.7862 20.0674 22.9474 19.7775 23.0266 19.4611C23.2349 18.3062 23.3375 17.1347 23.3333 15.9611C23.3408 14.7697 23.2381 13.5802 23.0266 12.4078Z"-->
5832<!--                                        stroke="#003555" stroke-width="2" stroke-linecap="round"-->
5833<!--                                        stroke-linejoin="round"/>-->
5834<!--                                    <path d="M14.5 18.1413L18.3333 15.9613L14.5 13.7812V18.1413Z" fill="#003555"-->
5835<!--                                          stroke="#003555" stroke-width="2" stroke-linecap="round"-->
5836<!--                                          stroke-linejoin="round"/>-->
5837<!--                                </g>-->
5838<!--                            </g>-->
5839<!--                            <defs>-->
5840<!--                                <filter id="filter0_d_775_11949" x="0" y="0.12793" width="32" height="32"-->
5841<!--                                        filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">-->
5842<!--                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>-->
5843<!--                                    <feColorMatrix in="SourceAlpha" type="matrix"-->
5844<!--                                                   values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"-->
5845<!--                                                   result="hardAlpha"/>-->
5846<!--                                    <feOffset/>-->
5847<!--                                    <feGaussianBlur stdDeviation="2"/>-->
5848<!--                                    <feComposite in2="hardAlpha" operator="out"/>-->
5849<!--                                    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>-->
5850<!--                                    <feBlend mode="normal" in2="BackgroundImageFix"-->
5851<!--                                             result="effect1_dropShadow_775_11949"/>-->
5852<!--                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_775_11949"-->
5853<!--                                             result="shape"/>-->
5854<!--                                </filter>-->
5855<!--                                <clipPath id="clip0_775_11949">-->
5856<!--                                    <rect width="16" height="16" fill="white" transform="translate(8 8.12793)"/>-->
5857<!--                                </clipPath>-->
5858<!--                            </defs>-->
5858
5859<!--                        </svg>-->
5860<!--                    </a>-->
5861<!--                </div>-->
5862                <!--<li class="flex text white gap-3">-->
5863<!--    --><!--    <select class="bg-[#2c3238] text-white w-full py-2 px-4" name="lang">-->
5864<!--        <option value="vi_VN" selected="--><!--">Tiếng Việt</option>-->
5865<!--        <option value="en_US">English</option>-->
5866<!--    </select>-->
5867<!--    --><!--</li>-->
5868<!--
5868<script>-->
5869<!--    $('.language').change(function () {-->
5870<!--        $('#formChangeLanguage').submit();-->
5871<!--    })-->
5872<!--</script>
5872-->
5873
5874<div id="footerLangButton" data-dropdown-toggle="footerLang" data-dropdown-placement="top" class="my-auto"
5875     type="button">
5876    <span class="sr-only">Open language menu</span>
5877    <div class="flex items-center gap-2 bg-slate-800/50 px-4 py-2 rounded-lg border border-slate-700">
5878        <svg width="16" height="16" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
5879            <path d="M12.5 22.1279C18.0228 22.1279 22.5 17.6508 22.5 12.1279C22.5 6.60508 18.0228 2.12793 12.5 2.12793C6.97715 2.12793 2.5 6.60508 2.5 12.1279C2.5 17.6508 6.97715 22.1279 12.5 22.1279Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5880            <path d="M2.5 12.1279H22.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5881            <path d="M12.5 2.12793C15.0013 4.86628 16.4228 8.41996 16.5 12.1279C16.4228 15.8359 15.0013 19.3896 12.5 22.1279C9.99872 19.3896 8.57725 15.8359 8.5 12.1279C8.57725 8.41996 9.99872 4.86628 12.5 2.12793Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5882        </svg>
5883                    <p class="text-white">Tiếng Việt</p>
5884                <svg width="16" height="16" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
5885            <path d="M6.5 9.12793L12.5 15.1279L18.5 9.12793" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5886        </svg>
5887    </div>
5888</div>
5889<div id="footerLang" class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg border shadow">
5890    <ul class="py-2 text-sm text-gray-700" aria-labelledby="footerLangButton">
5891        <li data-value="vi">
5892            <a class="flex items-center bg-transparent gap-2 px-4 py-2 hover:bg-gray-200" href="?lang=vi_VN">
5893                <img width="30" height="auto" src="/icon/language/vi.png" alt="vi">
5894                <p>Tiếng Việt</p>
5895            </a>
5896        </li>
5897        <li data-value="vi">
5898            <a class="flex items-center gap-2 px-4 bg-transparent py-2 hover:bg-gray-200" href="?lang=en_US">
5899                <img width="30" height="auto" src="/icon/language/en.png" alt="vi">
5900                <p>English</p>
5901            </a>
5902        </li>
5903    </ul>
5904</div>
5905                <a href="http://online.gov.vn/nen-tang/3de3f37a-1908-4ae5-a9f2-7215c7b26dfc" target="_blank" rel="nofollow noopener noreferrer" class="inline-flex items-center">
5906                    <img src="https://file.unica.vn/storage/db240c65c57e0a4f35edba3312c62511cbac63cc/dathongbao-bct.png" alt="Đã thông báo Bộ Công Thương" class="h-12 w-auto">
5907                </a>
5908            </div>
5909        </div>
5910    </div>
5911</div>
5912<script src="/master/js/jquery-ui.min.js?v=1733197564"></script>
vendor: 1 bytes, line 5912
5912
5913<script src="/master/js/search.js?v=1790221508"></script>
vendor: 1 bytes, line 5913
5913
5914<script src="/master/js/master.js?v=1768812904"></script>
vendor: 1 bytes, line 5914
5914
5915<script src="/media/js_v2018/amazonmenu.js?v=1733197564"></script>
vendor: 1 bytes, line 5915
5915
5916<script src="/media/js_v2018/dev/global.js?v=1733197564"></script>
vendor: 1 bytes, line 5916
5916
5917<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.10.8/sweetalert2.min.js"></script>
vendor: 1 bytes, line 5917
5917
5918<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
vendor: 1 bytes, line 5918
5918
5919<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/js/select2.min.js" defer></script>
vendor: 1 bytes, line 5919
5919
5920<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/datepicker.min.js"></script>
vendor: 1 bytes, line 5920
5920
5921<script src="/media/js_v2018/add-loading-lazy.js?v=1733197564"></script>
vendor: 65 bytes, lines 5921-5922
5921
5922<script src="https://www.google.com/recaptcha/api.js"></script>
5923<script defer>
vendor: 486 bytes, lines 5923-5935
5923(function (w, d, s, l, i) {
5924        w[l] = w[l] || [];
5925        w[l].push({
5926            'gtm.start':
5927                new Date().getTime(), event: 'gtm.js'
5928        });
5929        var f = d.getElementsByTagName(s)[0],
5930            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
5931        j.async = true;
5932        j.src =
5933            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
5934        f.parentNode.insertBefore(j, f);
5935    })(window, document, 'script', 'dataLayer', '
5935GTM-MPPKBFG
vendor: 4 bytes, line 5935
5935');
5936</script>
5936
5937
5938<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/jquery.validate.min.js"
5939        integrity="sha512-KFHXdr2oObHKI9w4Hv1XPKc898mE4kgYx58oqsc/JqqdLMDI4YjOLzom+EMlW8HFUd0QfjfAvxSL6sEq/a42fQ=="
5940        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 5940
5940
5941<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/additional-methods.min.js"
5942        integrity="sha512-owaCKNpctt4R4oShUTTraMPFKQWG9UdWTtG6GRzBjFV4VypcFi6+M3yc4Jk85s3ioQmkYWJbUl1b2b2r41RTjA=="
5943        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 5943
5943
5944<script src="https://cdn.plyr.io/3.7.8/plyr.polyfilled.js"></script>
vendor: 1 bytes, line 5944
5944
5945<script>
5946    ;(function () {
5947        var src = '//cdn.jsdelivr.net/npm/eruda';
5948        if (!/eruda=true/.test(window.location) && localStorage.getItem('active-eruda') != 'true') return;
5949        document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');
5950        document.write('<scr' + 'ipt>eruda.init();</scr' + 'ipt>');
5951    })();
5952</script>
5952
5953</body>
5954</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.