tieptk/agent_test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

uppdate

Browse Source
This commit is contained in:
tieptk
2026-03-07 12:09:01 +07:00
parent aa223ce3bb
commit 327b2645f2
124 changed files with 2189 additions and 1696 deletions
Download Patch File Download Diff File Expand all files Collapse all files

182
export_to_html/category.html
View File

@@ -105,143 +105,51 @@
</div>
<!-- 5 sale product cards -->
<div class="absolute bottom-[23px] left-[12px] right-[12px] flex gap-3">
<!-- Card 1 -->
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 overflow-hidden">
<div class="absolute top-2 left-2 flex gap-1">
<span class="bg-[#fff1f1] text-[#e40000] text-[10px] rounded-[4px] px-[5px] py-[2px]">Mẫu mới</span>
<span class="bg-[#f1f1f1] text-[#484848] text-[10px] rounded-[4px] px-[5px] py-[2px]">Trả chậm 0%</span>
</div>
<div class="flex flex-col gap-[8px] px-[7px] pt-[36px] pb-[8px]">
<img src="image/category_sale_product_1.png" alt="" class="w-full aspect-square rounded-[4px] object-contain bg-white" />
<div class="flex items-center gap-1">
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
</div>
<div class="flex items-center gap-[6px]">
<p class="text-[18px] font-bold text-[#db0000]">72.490.000 <span class="underline">Ä‘</span></p>
<span class="bg-[#c5001a] text-white text-[10px] font-bold rounded-[2px] px-1">-20%</span>
</div>
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
<p class="text-[13px] font-bold text-black leading-tight">Tủ lạnh Hitachi Inverter 540 lít Multi Door R-HW540RV(X)</p>
<div class="flex items-center gap-2 justify-between">
<div class="flex items-center gap-[6px] text-[12px] text-[#707070]">
<img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" />
<span>5 · Đã bán 24,9k</span>
</div>
<div class="w-6 h-6 rounded-full bg-[#e4057c] flex items-center justify-center shrink-0">
<img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" />
</div>
</div>
</div>
</div>
<!-- Card 2 -->
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 overflow-hidden">
<div class="absolute top-2 left-2 flex gap-1">
<span class="bg-[#f1f1f1] text-[#484848] text-[10px] rounded-[4px] px-[5px] py-[2px]">Trả chậm 0%</span>
</div>
<div class="flex flex-col gap-[8px] px-[7px] pt-[36px] pb-[8px]">
<img src="image/category_sale_product_2.png" alt="" class="w-full aspect-square rounded-[4px] object-contain bg-white" />
<div class="flex items-center gap-1">
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
</div>
<div class="flex items-center gap-[6px]">
<p class="text-[18px] font-bold text-[#db0000]">72.490.000 <span class="underline">Ä‘</span></p>
<span class="bg-[#c5001a] text-white text-[10px] font-bold rounded-[2px] px-1">-20%</span>
</div>
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
<p class="text-[13px] font-bold text-black leading-tight">Tủ lạnh Hitachi Inverter 540 lít Multi Door R-HW540RV(X)</p>
<div class="flex items-center gap-2 justify-between">
<div class="flex items-center gap-[6px] text-[12px] text-[#707070]">
<img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" />
<span>5 · Đã bán 24,9k</span>
</div>
<div class="w-6 h-6 rounded-full bg-[#e4057c] flex items-center justify-center shrink-0">
<img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" />
</div>
</div>
</div>
</div>
<!-- Card 3 -->
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 overflow-hidden">
<div class="absolute top-2 left-2 flex gap-1">
<span class="bg-[#fff1f1] text-[#e40000] text-[10px] rounded-[4px] px-[5px] py-[2px]">Mẫu mới</span>
<span class="bg-[#f1f1f1] text-[#484848] text-[10px] rounded-[4px] px-[5px] py-[2px]">Trả chậm 0%</span>
</div>
<div class="flex flex-col gap-[8px] px-[7px] pt-[36px] pb-[8px]">
<img src="image/category_sale_product_3.png" alt="" class="w-full aspect-square rounded-[4px] object-contain bg-white" />
<div class="flex items-center gap-1">
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
</div>
<div class="flex items-center gap-[6px]">
<p class="text-[18px] font-bold text-[#db0000]">72.490.000 <span class="underline">Ä‘</span></p>
<span class="bg-[#c5001a] text-white text-[10px] font-bold rounded-[2px] px-1">-20%</span>
</div>
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
<p class="text-[13px] font-bold text-black leading-tight">Tủ lạnh Hitachi Inverter 540 lít Multi Door R-HW540RV(X)</p>
<div class="flex items-center gap-2 justify-between">
<div class="flex items-center gap-[6px] text-[12px] text-[#707070]">
<img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" />
<span>5 · Đã bán 24,9k</span>
</div>
<div class="w-6 h-6 rounded-full bg-[#e4057c] flex items-center justify-center shrink-0">
<img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" />
</div>
</div>
</div>
</div>
<!-- Card 4 -->
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 overflow-hidden">
<div class="absolute top-2 left-2 flex gap-1">
<span class="bg-[#f1f1f1] text-[#484848] text-[10px] rounded-[4px] px-[5px] py-[2px]">Trả chậm 0%</span>
</div>
<div class="flex flex-col gap-[8px] px-[7px] pt-[36px] pb-[8px]">
<img src="image/category_sale_product_4.png" alt="" class="w-full aspect-square rounded-[4px] object-contain bg-white" />
<div class="flex items-center gap-1">
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
</div>
<div class="flex items-center gap-[6px]">
<p class="text-[18px] font-bold text-[#db0000]">72.490.000 <span class="underline">Ä‘</span></p>
<span class="bg-[#c5001a] text-white text-[10px] font-bold rounded-[2px] px-1">-20%</span>
</div>
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
<p class="text-[13px] font-bold text-black leading-tight">Tủ lạnh Hitachi Inverter 540 lít Multi Door R-HW540RV(X)</p>
<div class="flex items-center gap-2 justify-between">
<div class="flex items-center gap-[6px] text-[12px] text-[#707070]">
<img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" />
<span>5 · Đã bán 24,9k</span>
</div>
<div class="w-6 h-6 rounded-full bg-[#e4057c] flex items-center justify-center shrink-0">
<img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" />
</div>
</div>
</div>
</div>
<!-- Card 5 -->
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 overflow-hidden">
<div class="absolute top-2 left-2 flex gap-1">
<span class="bg-[#f1f1f1] text-[#484848] text-[10px] rounded-[4px] px-[5px] py-[2px]">Trả chậm 0% trả trước 0đ</span>
</div>
<div class="flex flex-col gap-[8px] px-[7px] pt-[36px] pb-[8px]">
<img src="image/category_sale_product_5.png" alt="" class="w-full aspect-square rounded-[4px] object-contain bg-white" />
<div class="flex items-center gap-1">
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
</div>
<div class="flex items-center gap-[6px]">
<p class="text-[18px] font-bold text-[#db0000]">72.490.000 <span class="underline">Ä‘</span></p>
<span class="bg-[#c5001a] text-white text-[10px] font-bold rounded-[2px] px-1">-20%</span>
</div>
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
<p class="text-[13px] font-bold text-black leading-tight">Tủ lạnh Hitachi Inverter 540 lít Multi Door R-HW540RV(X)</p>
<div class="flex items-center gap-2 justify-between">
<div class="flex items-center gap-[6px] text-[12px] text-[#707070]">
<img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" />
<span>5 · Đã bán 24,9k</span>
</div>
<div class="w-6 h-6 rounded-full bg-[#e4057c] flex items-center justify-center shrink-0">
<img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" />
</div>
</div>
</div>
</div>
<a href="#" class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 px-[9px] py-[10px] flex flex-col gap-[8px] no-underline">
<div class="h-[173px] flex items-center justify-center"><img src="image/product_card_image.png" alt="" class="w-[173px] h-[173px] rounded-[4px] object-cover" /></div>
<div class="inline-flex w-fit h-5 items-center gap-1 rounded-full pl-1 pr-[10px] text-white text-[10px] font-medium tracking-[-0.2px]" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)"><span class="w-4 h-4 rounded-full bg-white flex items-center justify-center overflow-hidden"><img src="../assets/images/icon_gift.png" alt="" class="w-[11px] h-[11px] object-contain" /></span><span>Sam tet vo tu</span></div>
<div class="flex items-center gap-[6px]"><p class="m-0 text-[18px] leading-none font-bold text-[#db0000] tracking-[-0.36px]">7.490.000 <span class="underline">&#273;</span></p><span class="min-w-[35px] h-4 px-[7px] rounded-full bg-[#ffeef0] text-[#dc0d28] text-[10px] leading-none font-medium tracking-[-0.2px] inline-flex items-center justify-center">-20%</span></div>
<p class="m-0 text-[12px] leading-none text-[#c5c5c5] tracking-[-0.24px] line-through">7.490.000 &#273;</p>
<p class="m-0 h-[32px] overflow-hidden text-[13px] leading-[16px] font-bold tracking-[-0.26px] text-black">May lanh Casper Inverter 1.5 HP GC-12IB36</p>
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8 rounded-full object-cover" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8 rounded-full object-cover" /></div>
<div class="mt-auto flex items-center justify-between gap-[6px]"><div class="inline-flex items-center gap-1 text-[#707070] text-[12px] leading-none tracking-[-0.24px] whitespace-nowrap"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5</span><span class="w-[2px] h-[2px] rounded-full bg-[#707070]"></span><span>Da ban 24,9k</span></div><button type="button" class="w-6 h-6 rounded-full bg-[#c1c1c1] flex items-center justify-center shrink-0" aria-label="Add to cart"><img src="image/icon_cart_circle.svg" alt="" class="w-4 h-4" /></button></div>
</a>
<a href="#" class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 px-[9px] py-[10px] flex flex-col gap-[8px] no-underline">
<div class="h-[173px] flex items-center justify-center"><img src="image/category_sale_product_2.png" alt="" class="w-[173px] h-[173px] rounded-[4px] object-cover" /></div>
<div class="inline-flex w-fit h-5 items-center gap-1 rounded-full pl-1 pr-[10px] text-white text-[10px] font-medium tracking-[-0.2px]" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)"><span class="w-4 h-4 rounded-full bg-white flex items-center justify-center overflow-hidden"><img src="../assets/images/icon_gift.png" alt="" class="w-[11px] h-[11px] object-contain" /></span><span>Sam tet vo tu</span></div>
<div class="flex items-center gap-[6px]"><p class="m-0 text-[18px] leading-none font-bold text-[#db0000] tracking-[-0.36px]">7.490.000 <span class="underline">&#273;</span></p><span class="min-w-[35px] h-4 px-[7px] rounded-full bg-[#ffeef0] text-[#dc0d28] text-[10px] leading-none font-medium tracking-[-0.2px] inline-flex items-center justify-center">-20%</span></div>
<p class="m-0 text-[12px] leading-none text-[#c5c5c5] tracking-[-0.24px] line-through">7.490.000 &#273;</p>
<p class="m-0 h-[32px] overflow-hidden text-[13px] leading-[16px] font-bold tracking-[-0.26px] text-black">May lanh Casper Inverter 1.5 HP GC-12IB36</p>
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8 rounded-full object-cover" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8 rounded-full object-cover" /></div>
<div class="mt-auto flex items-center justify-between gap-[6px]"><div class="inline-flex items-center gap-1 text-[#707070] text-[12px] leading-none tracking-[-0.24px] whitespace-nowrap"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5</span><span class="w-[2px] h-[2px] rounded-full bg-[#707070]"></span><span>Da ban 24,9k</span></div><button type="button" class="w-6 h-6 rounded-full bg-[#c1c1c1] flex items-center justify-center shrink-0" aria-label="Add to cart"><img src="image/icon_cart_circle.svg" alt="" class="w-4 h-4" /></button></div>
</a>
<a href="#" class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 px-[9px] py-[10px] flex flex-col gap-[8px] no-underline">
<div class="h-[173px] flex items-center justify-center"><img src="image/category_sale_product_3.png" alt="" class="w-[173px] h-[173px] rounded-[4px] object-cover" /></div>
<div class="inline-flex w-fit h-5 items-center gap-1 rounded-full pl-1 pr-[10px] text-white text-[10px] font-medium tracking-[-0.2px]" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)"><span class="w-4 h-4 rounded-full bg-white flex items-center justify-center overflow-hidden"><img src="../assets/images/icon_gift.png" alt="" class="w-[11px] h-[11px] object-contain" /></span><span>Sam tet vo tu</span></div>
<div class="flex items-center gap-[6px]"><p class="m-0 text-[18px] leading-none font-bold text-[#db0000] tracking-[-0.36px]">7.490.000 <span class="underline">&#273;</span></p><span class="min-w-[35px] h-4 px-[7px] rounded-full bg-[#ffeef0] text-[#dc0d28] text-[10px] leading-none font-medium tracking-[-0.2px] inline-flex items-center justify-center">-20%</span></div>
<p class="m-0 text-[12px] leading-none text-[#c5c5c5] tracking-[-0.24px] line-through">7.490.000 &#273;</p>
<p class="m-0 h-[32px] overflow-hidden text-[13px] leading-[16px] font-bold tracking-[-0.26px] text-black">May lanh Casper Inverter 1.5 HP GC-12IB36</p>
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8 rounded-full object-cover" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8 rounded-full object-cover" /></div>
<div class="mt-auto flex items-center justify-between gap-[6px]"><div class="inline-flex items-center gap-1 text-[#707070] text-[12px] leading-none tracking-[-0.24px] whitespace-nowrap"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5</span><span class="w-[2px] h-[2px] rounded-full bg-[#707070]"></span><span>Da ban 24,9k</span></div><button type="button" class="w-6 h-6 rounded-full bg-[#c1c1c1] flex items-center justify-center shrink-0" aria-label="Add to cart"><img src="image/icon_cart_circle.svg" alt="" class="w-4 h-4" /></button></div>
</a>
<a href="#" class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 px-[9px] py-[10px] flex flex-col gap-[8px] no-underline">
<div class="h-[173px] flex items-center justify-center"><img src="image/category_sale_product_4.png" alt="" class="w-[173px] h-[173px] rounded-[4px] object-cover" /></div>
<div class="inline-flex w-fit h-5 items-center gap-1 rounded-full pl-1 pr-[10px] text-white text-[10px] font-medium tracking-[-0.2px]" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)"><span class="w-4 h-4 rounded-full bg-white flex items-center justify-center overflow-hidden"><img src="../assets/images/icon_gift.png" alt="" class="w-[11px] h-[11px] object-contain" /></span><span>Sam tet vo tu</span></div>
<div class="flex items-center gap-[6px]"><p class="m-0 text-[18px] leading-none font-bold text-[#db0000] tracking-[-0.36px]">7.490.000 <span class="underline">&#273;</span></p><span class="min-w-[35px] h-4 px-[7px] rounded-full bg-[#ffeef0] text-[#dc0d28] text-[10px] leading-none font-medium tracking-[-0.2px] inline-flex items-center justify-center">-20%</span></div>
<p class="m-0 text-[12px] leading-none text-[#c5c5c5] tracking-[-0.24px] line-through">7.490.000 &#273;</p>
<p class="m-0 h-[32px] overflow-hidden text-[13px] leading-[16px] font-bold tracking-[-0.26px] text-black">May lanh Casper Inverter 1.5 HP GC-12IB36</p>
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8 rounded-full object-cover" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8 rounded-full object-cover" /></div>
<div class="mt-auto flex items-center justify-between gap-[6px]"><div class="inline-flex items-center gap-1 text-[#707070] text-[12px] leading-none tracking-[-0.24px] whitespace-nowrap"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5</span><span class="w-[2px] h-[2px] rounded-full bg-[#707070]"></span><span>Da ban 24,9k</span></div><button type="button" class="w-6 h-6 rounded-full bg-[#c1c1c1] flex items-center justify-center shrink-0" aria-label="Add to cart"><img src="image/icon_cart_circle.svg" alt="" class="w-4 h-4" /></button></div>
</a>
<a href="#" class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 px-[9px] py-[10px] flex flex-col gap-[8px] no-underline">
<div class="h-[173px] flex items-center justify-center"><img src="image/category_sale_product_5.png" alt="" class="w-[173px] h-[173px] rounded-[4px] object-cover" /></div>
<div class="inline-flex w-fit h-5 items-center gap-1 rounded-full pl-1 pr-[10px] text-white text-[10px] font-medium tracking-[-0.2px]" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)"><span class="w-4 h-4 rounded-full bg-white flex items-center justify-center overflow-hidden"><img src="../assets/images/icon_gift.png" alt="" class="w-[11px] h-[11px] object-contain" /></span><span>Sam tet vo tu</span></div>
<div class="flex items-center gap-[6px]"><p class="m-0 text-[18px] leading-none font-bold text-[#db0000] tracking-[-0.36px]">7.490.000 <span class="underline">&#273;</span></p><span class="min-w-[35px] h-4 px-[7px] rounded-full bg-[#ffeef0] text-[#dc0d28] text-[10px] leading-none font-medium tracking-[-0.2px] inline-flex items-center justify-center">-20%</span></div>
<p class="m-0 text-[12px] leading-none text-[#c5c5c5] tracking-[-0.24px] line-through">7.490.000 &#273;</p>
<p class="m-0 h-[32px] overflow-hidden text-[13px] leading-[16px] font-bold tracking-[-0.26px] text-black">May lanh Casper Inverter 1.5 HP GC-12IB36</p>
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8 rounded-full object-cover" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8 rounded-full object-cover" /></div>
<div class="mt-auto flex items-center justify-between gap-[6px]"><div class="inline-flex items-center gap-1 text-[#707070] text-[12px] leading-none tracking-[-0.24px] whitespace-nowrap"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5</span><span class="w-[2px] h-[2px] rounded-full bg-[#707070]"></span><span>Da ban 24,9k</span></div><button type="button" class="w-6 h-6 rounded-full bg-[#c1c1c1] flex items-center justify-center shrink-0" aria-label="Add to cart"><img src="image/icon_cart_circle.svg" alt="" class="w-4 h-4" /></button></div>
</a>
</div>
</div>