1826 lines
134 KiB
HTML
1826 lines
134 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="vi">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
|
<title>329 Tủ lạnh - MIQ Việt Nam</title>
|
||
|
|
<link rel="stylesheet" href="globals.css" />
|
||
|
|
<link rel="stylesheet" href="styleguide.css" />
|
||
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
|
<script>
|
||
|
|
tailwind.config = {
|
||
|
|
theme: {
|
||
|
|
extend: {
|
||
|
|
colors: {
|
||
|
|
"a-1": "var(--a-1)",
|
||
|
|
style: "var(--style)",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
plugins: [],
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="bg-[#f4f4f4] min-h-screen">
|
||
|
|
<header class="w-full bg-white sticky top-0 z-50 shadow-sm">
|
||
|
|
<div class="w-full bg-gradient-to-r from-[#6b1440] via-[#e4057c] to-[#6b1440] px-[120px] py-1">
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-6">
|
||
|
|
<div class="flex items-center gap-2">
|
||
|
|
<img class="w-5 h-5" src="https://c.animaapp.com/mm4htujuH9X0dW/img/la-certificate.svg"
|
||
|
|
alt="Certificate icon" />
|
||
|
|
<p class="font-roboto text-white text-xs">
|
||
|
|
<span>Sản phẩm </span>
|
||
|
|
<span class="font-semibold">Chính hãng - xuất VAT </span>
|
||
|
|
<span>đầy đủ</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center gap-2">
|
||
|
|
<img class="w-5 h-5" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-160.png"
|
||
|
|
alt="Delivery icon" />
|
||
|
|
<p class="font-roboto font-semibold text-white text-xs">Giao nhanh - Miễn phí</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center gap-2">
|
||
|
|
<img class="w-5 h-5" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-199.png"
|
||
|
|
alt="Phone icon" />
|
||
|
|
<p class="font-inter text-white text-xs">
|
||
|
|
<span class="font-semibold">Hotline: 0967641641</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="w-full bg-[#e4057c] px-[120px] py-[7px]">
|
||
|
|
<div class="flex items-center justify-between gap-[38px]">
|
||
|
|
<img class="w-[76px] h-[53.42px]" src="https://c.animaapp.com/mm4htujuH9X0dW/img/frame.svg"
|
||
|
|
alt="MIQ Logo" />
|
||
|
|
<button class="flex items-center gap-1 bg-transparent border-none cursor-pointer"
|
||
|
|
aria-label="Danh mục sản phẩm">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-59.png" alt="Menu icon" />
|
||
|
|
<span class="font-roboto font-semibold text-white text-sm">Danh mục</span>
|
||
|
|
</button>
|
||
|
|
<div class="flex-1 max-w-[465px]">
|
||
|
|
<div class="flex items-center gap-[9px] px-[15px] py-2 bg-white rounded-full">
|
||
|
|
<img class="w-5 h-5" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-75.png"
|
||
|
|
alt="Search icon" />
|
||
|
|
<input type="search" placeholder="Tivi Samsung giá sốc"
|
||
|
|
class="flex-1 border-none outline-none font-roboto text-[#e4057c] text-[13px]"
|
||
|
|
aria-label="Tìm kiếm sản phẩm" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<button class="flex items-center gap-2 bg-transparent border-none cursor-pointer"
|
||
|
|
aria-label="Đăng nhập">
|
||
|
|
<img class="w-[16.93px] h-[19.5px]" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-61.png"
|
||
|
|
alt="User icon" />
|
||
|
|
<span class="font-roboto font-semibold text-white text-sm">Đăng nhập</span>
|
||
|
|
</button>
|
||
|
|
<button class="flex items-center gap-[5px] bg-transparent border-none cursor-pointer"
|
||
|
|
aria-label="Giỏ hàng">
|
||
|
|
<img class="w-[23px] h-[23px]" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-64.png"
|
||
|
|
alt="Cart icon" />
|
||
|
|
<span class="font-roboto font-semibold text-white text-sm">Giỏ hàng</span>
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
class="flex items-center gap-[78px] px-[7px] py-1.5 bg-[#b60061] rounded-full border-none cursor-pointer"
|
||
|
|
aria-label="Showroom">
|
||
|
|
<div class="flex items-center gap-2">
|
||
|
|
<img class="w-5 h-5" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-122.png"
|
||
|
|
alt="Location icon" />
|
||
|
|
<span class="font-roboto text-white text-[13px]">Showroom</span>
|
||
|
|
</div>
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-125.png"
|
||
|
|
alt="Arrow icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<nav class="w-full bg-[#ebecf0] px-[313px] py-2" aria-label="Danh mục sản phẩm phổ biến">
|
||
|
|
<ul class="flex items-center justify-center gap-4 list-none m-0 p-0">
|
||
|
|
<li><a href="#" class="font-roboto text-style text-[13px] no-underline hover:underline">máy lạnh</a>
|
||
|
|
</li>
|
||
|
|
<li><a href="#" class="font-roboto text-style text-[13px] no-underline hover:underline">tủ lạnh</a></li>
|
||
|
|
<li><a href="#" class="font-roboto text-style text-[13px] no-underline hover:underline">máy lọc nước</a>
|
||
|
|
</li>
|
||
|
|
<li><a href="#" class="font-roboto text-style text-[13px] no-underline hover:underline">quạt sưởi</a>
|
||
|
|
</li>
|
||
|
|
<li><a href="#" class="font-roboto text-style text-[13px] no-underline hover:underline">nồi chiên</a>
|
||
|
|
</li>
|
||
|
|
<li><a href="#" class="font-roboto text-style text-[13px] no-underline hover:underline">smart tivi</a>
|
||
|
|
</li>
|
||
|
|
<li><a href="#" class="font-roboto text-style text-[13px] no-underline hover:underline">loa</a></li>
|
||
|
|
<li><a href="#" class="font-roboto text-style text-[13px] no-underline hover:underline">nồi cơm điện</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#" class="font-roboto text-style text-[13px] no-underline hover:underline">màn hình máy
|
||
|
|
tính</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
<main class="max-w-[1440px] mx-auto px-[120px] py-5">
|
||
|
|
<nav class="flex items-center gap-2 mb-3.5" aria-label="Breadcrumb">
|
||
|
|
<a href="#" class="font-inter text-[#878787] text-xs no-underline hover:underline">Trang chủ</a>
|
||
|
|
<img class="w-2.5 h-2.5" src="https://c.animaapp.com/mm4htujuH9X0dW/img/grommet-icons-next.svg"
|
||
|
|
alt="Next" />
|
||
|
|
<span class="font-inter text-black text-xs">329 Tủ lạnh</span>
|
||
|
|
</nav>
|
||
|
|
<section class="mb-[33px]" aria-label="Sản phẩm nổi bật">
|
||
|
|
<div class="relative bg-[#6d0000] rounded-xl overflow-hidden">
|
||
|
|
<img class="w-full h-[187px] object-cover"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/artboard-1-2x-1.png" alt="Banner khuyến mãi" />
|
||
|
|
<div class="grid grid-cols-5 gap-3 p-3 pt-[202px] pb-[23px]">
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-2">
|
||
|
|
<div class="flex flex-wrap gap-2 mb-2">
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center px-1.5 py-0.5 bg-[#fff0f0] rounded text-[#e40000] text-[10px] font-roboto">Mẫu
|
||
|
|
mới</span>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center px-1.5 py-0.5 bg-[#f1f1f1] rounded text-[#484848] text-[10px] font-roboto">Trả
|
||
|
|
chậm 0%</span>
|
||
|
|
</div>
|
||
|
|
<img class="w-full h-[212px] rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-5.png"
|
||
|
|
alt="Tủ lạnh Hitachi Inverter 540 lít" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-5.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Tủ lạnh Hitachi Inverter 540 lít Multi Door R-HW540RV(X)
|
||
|
|
</h3>
|
||
|
|
<div class="mb-2">
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through mb-1">7.490.000 đ</p>
|
||
|
|
<div class="flex items-center gap-2">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">
|
||
|
|
72.490.000 <span class="underline">đ</span>
|
||
|
|
</p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#c50019] rounded-sm text-white text-xs font-bold">-20%</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#eaeaea] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#eaeaea] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-5.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-2">
|
||
|
|
<div class="flex flex-wrap gap-2 mb-2">
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center px-1.5 py-0.5 bg-[#f1f1f1] rounded text-[#484848] text-[10px] font-roboto">Trả
|
||
|
|
chậm 0%</span>
|
||
|
|
</div>
|
||
|
|
<img class="w-full h-[212px] rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-1.png"
|
||
|
|
alt="Tủ lạnh Hitachi Inverter 540 lít" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-1.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Tủ lạnh Hitachi Inverter 540 lít Multi Door R-HW540RV(X)
|
||
|
|
</h3>
|
||
|
|
<div class="mb-2">
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through mb-1">7.490.000 đ</p>
|
||
|
|
<div class="flex items-center gap-2">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">
|
||
|
|
72.490.000 <span class="underline">đ</span>
|
||
|
|
</p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#c50019] rounded-sm text-white text-xs font-bold">-20%</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#eaeaea] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#eaeaea] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-1.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-2">
|
||
|
|
<div class="flex flex-wrap gap-2 mb-2">
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center px-1.5 py-0.5 bg-[#fff0f0] rounded text-[#e40000] text-[10px] font-roboto">Mẫu
|
||
|
|
mới</span>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center px-1.5 py-0.5 bg-[#f1f1f1] rounded text-[#484848] text-[10px] font-roboto">Trả
|
||
|
|
chậm 0%</span>
|
||
|
|
</div>
|
||
|
|
<img class="w-full h-[212px] rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-2.png"
|
||
|
|
alt="Tủ lạnh Hitachi Inverter 540 lít" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-2.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Tủ lạnh Hitachi Inverter 540 lít Multi Door R-HW540RV(X)
|
||
|
|
</h3>
|
||
|
|
<div class="mb-2">
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through mb-1">7.490.000 đ</p>
|
||
|
|
<div class="flex items-center gap-2">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">
|
||
|
|
72.490.000 <span class="underline">đ</span>
|
||
|
|
</p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#c50019] rounded-sm text-white text-xs font-bold">-20%</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#eaeaea] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#eaeaea] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-2.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-2">
|
||
|
|
<div class="flex flex-wrap gap-2 mb-2">
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center px-1.5 py-0.5 bg-[#f1f1f1] rounded text-[#484848] text-[10px] font-roboto">Trả
|
||
|
|
chậm 0%</span>
|
||
|
|
</div>
|
||
|
|
<img class="w-full h-[212px] rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-3.png"
|
||
|
|
alt="Tủ lạnh Hitachi Inverter 540 lít" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-3.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Tủ lạnh Hitachi Inverter 540 lít Multi Door R-HW540RV(X)
|
||
|
|
</h3>
|
||
|
|
<div class="mb-2">
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through mb-1">7.490.000 đ</p>
|
||
|
|
<div class="flex items-center gap-2">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">
|
||
|
|
72.490.000 <span class="underline">đ</span>
|
||
|
|
</p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#c50019] rounded-sm text-white text-xs font-bold">-20%</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#eaeaea] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#eaeaea] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-3.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-2">
|
||
|
|
<div class="flex flex-wrap gap-2 mb-2">
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center px-1.5 py-0.5 bg-[#f1f1f1] rounded text-[#484848] text-[10px] font-roboto">Trả
|
||
|
|
chậm 0% trả trước 0đ</span>
|
||
|
|
</div>
|
||
|
|
<img class="w-full h-[212px] rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-4.png"
|
||
|
|
alt="Tủ lạnh Hitachi Inverter 540 lít" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-4.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Tủ lạnh Hitachi Inverter 540 lít Multi Door R-HW540RV(X)
|
||
|
|
</h3>
|
||
|
|
<div class="mb-2">
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through mb-1">7.490.000 đ</p>
|
||
|
|
<div class="flex items-center gap-2">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">
|
||
|
|
72.490.000 <span class="underline">đ</span>
|
||
|
|
</p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#c50019] rounded-sm text-white text-xs font-bold">-20%</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#eaeaea] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#eaeaea] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-4.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="mb-[33px]" aria-label="Banner khuyến mãi">
|
||
|
|
<div class="flex items-center gap-3">
|
||
|
|
<img class="flex-1 rounded-lg object-cover"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-59.png" alt="Banner khuyến mãi 1" />
|
||
|
|
<img class="flex-1 rounded-lg object-cover"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-60.png" alt="Banner khuyến mãi 2" />
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="bg-white rounded-lg p-5 mb-[33px]" aria-label="Danh sách sản phẩm">
|
||
|
|
<div class="flex flex-wrap items-center gap-3 mb-[22px]">
|
||
|
|
<button
|
||
|
|
class="flex items-center gap-2 px-4 py-2 bg-white rounded-lg border border-solid border-[#0083ff] cursor-pointer"
|
||
|
|
aria-label="Lọc sản phẩm">
|
||
|
|
<img class="w-5 h-5" src="https://c.animaapp.com/mm4htujuH9X0dW/img/iconoir-filter.svg"
|
||
|
|
alt="Filter icon" />
|
||
|
|
<span class="font-roboto text-[#0083ff] text-xs">Lọc</span>
|
||
|
|
</button>
|
||
|
|
<button class="px-4 py-2 bg-white rounded-lg border border-solid border-[#e0e0e0] cursor-pointer"
|
||
|
|
aria-label="Lọc theo thương hiệu">
|
||
|
|
<img src="https://c.animaapp.com/mm4htujuH9X0dW/img/frame-1.svg" alt="Brand filter" />
|
||
|
|
</button>
|
||
|
|
<button class="px-4 py-2 bg-white rounded-lg border border-solid border-[#e0e0e0] cursor-pointer"
|
||
|
|
aria-label="Lọc theo dung tích">
|
||
|
|
<img src="https://c.animaapp.com/mm4htujuH9X0dW/img/frame-2.svg" alt="Capacity filter" />
|
||
|
|
</button>
|
||
|
|
<button class="px-4 py-2 bg-white rounded-lg border border-solid border-[#e0e0e0] cursor-pointer"
|
||
|
|
aria-label="Lọc theo loại tủ lạnh">
|
||
|
|
<img src="https://c.animaapp.com/mm4htujuH9X0dW/img/frame-3.svg" alt="Type filter" />
|
||
|
|
</button>
|
||
|
|
<button class="px-4 py-2 bg-white rounded-lg border border-solid border-[#e0e0e0] cursor-pointer"
|
||
|
|
aria-label="Lọc theo công nghệ">
|
||
|
|
<img src="https://c.animaapp.com/mm4htujuH9X0dW/img/frame-4.svg" alt="Technology filter" />
|
||
|
|
</button>
|
||
|
|
<button class="px-4 py-2 bg-white rounded-lg border border-solid border-[#e0e0e0] cursor-pointer"
|
||
|
|
aria-label="Lọc theo tính năng">
|
||
|
|
<img src="https://c.animaapp.com/mm4htujuH9X0dW/img/frame-5.svg" alt="Feature filter" />
|
||
|
|
</button>
|
||
|
|
<button class="px-4 py-2 bg-white rounded-lg border border-solid border-[#e0e0e0] cursor-pointer"
|
||
|
|
aria-label="Lọc theo kích thước">
|
||
|
|
<img src="https://c.animaapp.com/mm4htujuH9X0dW/img/frame-6.svg" alt="Size filter" />
|
||
|
|
</button>
|
||
|
|
<button class="px-4 py-2 bg-white rounded-lg border border-solid border-[#e0e0e0] cursor-pointer"
|
||
|
|
aria-label="Lọc theo màu sắc">
|
||
|
|
<img src="https://c.animaapp.com/mm4htujuH9X0dW/img/frame-7.svg" alt="Color filter" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center gap-3.5 mb-[22px]">
|
||
|
|
<span class="font-roboto text-black text-xs">Sắp xếp theo:</span>
|
||
|
|
<button
|
||
|
|
class="font-roboto text-[#464646] text-xs bg-transparent border-none cursor-pointer hover:text-black">
|
||
|
|
Nổi bật
|
||
|
|
</button>
|
||
|
|
<span class="w-1 h-1 bg-[#d9d9d9] rounded-sm"></span>
|
||
|
|
<button
|
||
|
|
class="font-roboto text-[#464646] text-xs bg-transparent border-none cursor-pointer hover:text-black">
|
||
|
|
Bán chạy
|
||
|
|
</button>
|
||
|
|
<span class="w-1 h-1 bg-[#d9d9d9] rounded-sm"></span>
|
||
|
|
<button
|
||
|
|
class="font-roboto text-[#464646] text-xs bg-transparent border-none cursor-pointer hover:text-black">
|
||
|
|
Giảm giá
|
||
|
|
</button>
|
||
|
|
<span class="w-1 h-1 bg-[#d9d9d9] rounded-sm"></span>
|
||
|
|
<button
|
||
|
|
class="font-roboto text-[#464646] text-xs bg-transparent border-none cursor-pointer hover:text-black">
|
||
|
|
Mới
|
||
|
|
</button>
|
||
|
|
<span class="w-1 h-1 bg-[#d9d9d9] rounded-sm"></span>
|
||
|
|
<button
|
||
|
|
class="flex items-center gap-1 font-roboto text-[#464646] text-xs bg-transparent border-none cursor-pointer hover:text-black"
|
||
|
|
aria-label="Sắp xếp theo giá">
|
||
|
|
<span>Giá</span>
|
||
|
|
<img class="w-2 h-2" src="https://c.animaapp.com/mm4htujuH9X0dW/img/grommet-icons-next-1.svg"
|
||
|
|
alt="Sort icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div class="grid grid-cols-5 gap-[15px_11px]">
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-6.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-6.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-7.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-7.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-8.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-8.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-9.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-9.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-10.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-10.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-11.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-11.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-12.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-12.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-13.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-13.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-14.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-14.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-15.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-15.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-16.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-16.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-17.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-17.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-18.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-18.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-19.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-19.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-20.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-20.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-21.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-21.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-22.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-22.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-23.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-23.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-24.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-24.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-25.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-25.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-26.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-26.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-27.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-27.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-28.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-28.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-29.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-29.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="bg-white rounded-lg border border-solid border-[#dbdbdb] p-[9px]">
|
||
|
|
<img class="w-full h-52 rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-13-30.png"
|
||
|
|
alt="Máy lạnh Casper Inverter 1.5 HP" />
|
||
|
|
<div
|
||
|
|
class="flex items-center gap-1 px-0.5 py-0.5 mb-2 rounded-full bg-gradient-to-r from-[#ff0000] to-[#cc0003]">
|
||
|
|
<img class="w-4 h-4" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-18-30.png"
|
||
|
|
alt="Promotion icon" />
|
||
|
|
<span class="font-roboto font-medium text-white text-[10px]">Sắm tết vô tư</span>
|
||
|
|
</div>
|
||
|
|
<div class="mb-1">
|
||
|
|
<div class="flex items-center gap-2.5 mb-1">
|
||
|
|
<p class="font-roboto font-bold text-[#db0000] text-lg">7.490.000 <span
|
||
|
|
class="underline">đ</span></p>
|
||
|
|
<span
|
||
|
|
class="inline-flex items-center justify-center px-1 py-0.5 bg-[#ffeef0] rounded-full text-[#dc0d28] text-[10px] font-medium">-20%</span>
|
||
|
|
</div>
|
||
|
|
<p class="font-roboto font-medium text-[#c5c5c5] text-xs line-through">7.490.000 đ</p>
|
||
|
|
</div>
|
||
|
|
<h3 class="font-roboto font-bold text-black text-[13px] mb-2 line-clamp-2">
|
||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
||
|
|
</h3>
|
||
|
|
<div class="flex items-center gap-2 mb-2">
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-1-30.png" alt="Color option 1" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 2" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 3" />
|
||
|
|
<img class="w-8 h-8 border border-solid border-[#fcc9d2] object-cover rounded-full"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/ellipse-4-25.png" alt="Color option 4" />
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center gap-1">
|
||
|
|
<img class="w-3 h-3" src="https://c.animaapp.com/mm4htujuH9X0dW/img/star-1.svg"
|
||
|
|
alt="Star rating" />
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">5</span>
|
||
|
|
<span class="w-1 h-1 bg-[#707070] rounded-full"></span>
|
||
|
|
<span class="font-roboto text-[#707070] text-xs">Đã bán 24,9k</span>
|
||
|
|
</div>
|
||
|
|
<button class="bg-transparent border-none cursor-pointer" aria-label="Thêm vào yêu thích">
|
||
|
|
<img class="w-6 h-6" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-77-30.png"
|
||
|
|
alt="Favorite icon" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<div class="col-span-5 flex justify-center">
|
||
|
|
<button
|
||
|
|
class="flex items-center gap-1 px-6 py-2 bg-white rounded border-none cursor-pointer hover:bg-gray-50"
|
||
|
|
aria-label="Xem thêm sản phẩm">
|
||
|
|
<span class="font-roboto font-semibold text-style text-[13px]">Xem thêm tủ lạnh</span>
|
||
|
|
<img class="w-2 h-2" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-93.png"
|
||
|
|
alt="Arrow down" />
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="bg-white rounded-xl p-4 mb-[33px]" aria-label="Tin khuyến mãi và video review">
|
||
|
|
<div class="flex items-start gap-3">
|
||
|
|
<div class="flex-1">
|
||
|
|
<h2 class="font-roboto font-bold text-black text-[28px] mb-3">TIN KHUYẾN MẠI</h2>
|
||
|
|
<div class="flex items-start gap-3">
|
||
|
|
<article class="flex-1">
|
||
|
|
<img class="w-full h-[300px] rounded object-cover mb-2"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-33.png"
|
||
|
|
alt="Ngày hội ĐIỆN MÁY - SIÊU RẺ" />
|
||
|
|
<h3 class="font-roboto font-bold text-black text-xl">
|
||
|
|
Ngày hội ĐIỆN MÁY - SIÊU RẺ. Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước
|
||
|
|
</h3>
|
||
|
|
</article>
|
||
|
|
<div class="flex flex-col gap-3">
|
||
|
|
<article class="flex items-start gap-3">
|
||
|
|
<img class="w-[153px] h-[92px] rounded object-cover"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-34.png"
|
||
|
|
alt="Ngày hội ĐIỆN MÁY - SIÊU RẺ" />
|
||
|
|
<p class="flex-1 font-roboto text-black text-sm">
|
||
|
|
Ngày hội ĐIỆN MÁY - SIÊU RẺ.<br />Duy nhất 17h ngày 10/02<br />Cơ hội trúng Máy nước
|
||
|
|
</p>
|
||
|
|
</article>
|
||
|
|
<article class="flex items-start gap-3">
|
||
|
|
<img class="w-[153px] h-[92px] rounded object-cover"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-34-1.png"
|
||
|
|
alt="Ngày hội ĐIỆN MÁY - SIÊU RẺ" />
|
||
|
|
<div class="flex-1">
|
||
|
|
<p class="font-roboto text-black text-sm mb-1">Ngày hội ĐIỆN MÁY - SIÊU RẺ.</p>
|
||
|
|
<p class="font-roboto text-black text-sm">Duy nhất 17h ngày 10/02 Cơ hội trúng Máy
|
||
|
|
nước</p>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<article class="flex items-start gap-3">
|
||
|
|
<img class="w-[153px] h-[92px] rounded object-cover"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-34-2.png"
|
||
|
|
alt="Ngày hội ĐIỆN MÁY - SIÊU RẺ" />
|
||
|
|
<div class="flex-1">
|
||
|
|
<p class="font-roboto text-black text-sm mb-1">Ngày hội ĐIỆN MÁY - SIÊU RẺ.</p>
|
||
|
|
<p class="font-roboto text-black text-sm">Duy nhất 17h ngày 10/02 Cơ hội trúng Máy
|
||
|
|
nước</p>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="w-[279px]">
|
||
|
|
<h2 class="font-roboto font-bold text-black text-[28px] mb-3">VIDEO REVIEW</h2>
|
||
|
|
<div class="flex flex-col gap-3">
|
||
|
|
<img class="w-full h-[159px] rounded object-cover"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-37.png" alt="Video review" />
|
||
|
|
<article class="flex items-start gap-3">
|
||
|
|
<img class="w-[107px] h-16 rounded object-cover"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-34-3.png"
|
||
|
|
alt="Video review thumbnail" />
|
||
|
|
<p class="flex-1 font-roboto text-black text-sm line-clamp-2">
|
||
|
|
Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước
|
||
|
|
</p>
|
||
|
|
</article>
|
||
|
|
<article class="flex items-start gap-3">
|
||
|
|
<img class="w-[107px] h-16 rounded object-cover"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/rectangle-34-4.png"
|
||
|
|
alt="Video review thumbnail" />
|
||
|
|
<p class="flex-1 font-roboto text-black text-sm line-clamp-2">
|
||
|
|
Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước
|
||
|
|
</p>
|
||
|
|
</article>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="bg-white rounded-xl p-4" aria-label="Mọi người cũng tìm kiếm">
|
||
|
|
<h2 class="font-roboto font-bold text-black text-2xl mb-3">Mọi người cũng tìm kiếm</h2>
|
||
|
|
<div class="flex flex-wrap gap-5 p-5 bg-[#f3f4f7] rounded-xl">
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">hút mùi hafele</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">bếp từ cheft</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">nồi cơm điện Tiger</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">máy cạo râu Enchen</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">mũ bảo hiểm</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">nồi cơm điện Cuckoo</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">iPhone 15</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">chảo chống dính
|
||
|
|
Elmich</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">máy massage X5 Pro
|
||
|
|
Omni</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">điều hòa Samsung</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">máy lọc nước Korihome
|
||
|
|
Kangen K8</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">máy massage X5 Pro
|
||
|
|
Omni</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">máy massage X5 Pro
|
||
|
|
Omni</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">máy massage X5 Pro
|
||
|
|
Omni</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">tông đơ cắt tóc</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">điều hoà Hisense</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">Máy chạy bộ</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">máy massage X5 Pro
|
||
|
|
Omni</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">MacBook Air M4</a>
|
||
|
|
<a href="#" class="font-roboto text-black text-xs no-underline hover:underline">điều hòa Nagakawa</a>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</main>
|
||
|
|
<footer class="w-full bg-white mt-[102px]">
|
||
|
|
<div class="max-w-[1440px] mx-auto px-[120px] py-4">
|
||
|
|
<div class="flex items-start gap-[95px] mb-4">
|
||
|
|
<div class="flex flex-col gap-1">
|
||
|
|
<h3 class="font-roboto font-bold text-black text-sm">Tổng đài hỗ trợ</h3>
|
||
|
|
<p class="font-roboto text-black text-[13px] leading-[30px]">
|
||
|
|
Gọi mua:
|
||
|
|
<a href="tel:0971490000" class="font-bold text-[#0083ff] no-underline">0971.49.0000</a>
|
||
|
|
(8h00-18h00)<br />
|
||
|
|
Hỗ trợ kỹ thuật :
|
||
|
|
<a href="tel:0987762444" class="font-bold text-black no-underline">0987.762.444</a>
|
||
|
|
(8h00-18h00)<br />
|
||
|
|
Góp ý - Khiếu nại:
|
||
|
|
<a href="tel:0824184444" class="font-bold text-black no-underline">082.418.4444</a> (8h00-18h00)
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="flex flex-col gap-1">
|
||
|
|
<h3 class="font-roboto font-bold text-black text-sm">Về công ty</h3>
|
||
|
|
<nav class="flex flex-col gap-3" aria-label="Về công ty">
|
||
|
|
<a href="#"
|
||
|
|
class="font-roboto text-black text-[13px] leading-[30px] no-underline hover:underline">Giới
|
||
|
|
thiệu về công ty</a>
|
||
|
|
<a href="#"
|
||
|
|
class="font-roboto text-black text-[13px] leading-[30px] no-underline hover:underline">Tuyển
|
||
|
|
dụng</a>
|
||
|
|
<a href="#"
|
||
|
|
class="font-roboto text-black text-[13px] leading-[30px] no-underline hover:underline">Gửi
|
||
|
|
góp ý, khiếu nại</a>
|
||
|
|
<a href="#"
|
||
|
|
class="font-roboto text-black text-[13px] leading-[30px] no-underline hover:underline">Tìm
|
||
|
|
siêu thị (215 shop)</a>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
<div class="flex flex-col gap-1">
|
||
|
|
<h3 class="font-roboto font-bold text-black text-sm">Chính sách chung</h3>
|
||
|
|
<nav class="flex flex-col gap-3" aria-label="Chính sách chung">
|
||
|
|
<a href="#"
|
||
|
|
class="font-roboto text-black text-[13px] leading-[30px] no-underline hover:underline">Quy
|
||
|
|
định truy cập Website</a>
|
||
|
|
<a href="#"
|
||
|
|
class="font-roboto text-black text-[13px] leading-[30px] no-underline hover:underline">Chính
|
||
|
|
sách bảo mật thông tin</a>
|
||
|
|
<a href="#"
|
||
|
|
class="font-roboto text-black text-[13px] leading-[30px] no-underline hover:underline">Chính
|
||
|
|
sách vận chuyển, giao nhận</a>
|
||
|
|
<a href="#"
|
||
|
|
class="font-roboto text-black text-[13px] leading-[30px] no-underline hover:underline">Chính
|
||
|
|
sách cho doanh nghiệp</a>
|
||
|
|
<a href="#"
|
||
|
|
class="font-roboto text-black text-[13px] leading-[30px] no-underline hover:underline">Chính
|
||
|
|
sách bảo hành, đổi trả</a>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
<div class="flex flex-col gap-2">
|
||
|
|
<h3 class="font-roboto font-bold text-black text-sm">Kết nối với chúng tôi</h3>
|
||
|
|
<div class="flex flex-col gap-3">
|
||
|
|
<div class="flex items-center gap-3">
|
||
|
|
<a href="#" class="flex items-center gap-2 no-underline" aria-label="Facebook">
|
||
|
|
<img class="w-5 h-5" src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-37.png"
|
||
|
|
alt="Facebook icon" />
|
||
|
|
<span class="font-roboto text-[#0083ff] text-[11px]">12.8k lượt thích</span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="flex items-center gap-2 no-underline" aria-label="YouTube">
|
||
|
|
<img class="w-[28.56px] h-5"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/group-38.png" alt="YouTube icon" />
|
||
|
|
<span class="font-roboto text-[#0083ff] text-[11px]">2.2T Đăng ký</span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="flex items-center gap-2 no-underline" aria-label="Zalo">
|
||
|
|
<img class="w-5 h-5 object-cover"
|
||
|
|
src="https://c.animaapp.com/mm4htujuH9X0dW/img/image-13.png" alt="Zalo icon" />
|
||
|
|
<span class="font-roboto text-[#0083ff] text-[11px]">Zalo MIQ</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<img class="w-[100px] h-[38px]" src="https://c.animaapp.com/mm4htujuH9X0dW/img/image-14.png"
|
||
|
|
alt="Đã thông báo Bộ Công Thương" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-center py-[5px] bg-[#e3e3e3]">
|
||
|
|
<p class="font-roboto text-a-1 text-[13px]">Bản quyền thuộc về MIQ Việt Nam</p>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|