420 lines
66 KiB
HTML
420 lines
66 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="vi">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>329 Tủ lạnh - MIQ</title>
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Be+Vietnam+Pro:wght@700&display=swap" rel="stylesheet" />
|
||
<style>
|
||
body { font-family: 'Roboto', sans-serif; background: #ebecf0; }
|
||
</style>
|
||
</head>
|
||
<body class="bg-[#ebecf0]" style="min-width:1440px">
|
||
|
||
<!-- ===================== HEADER ===================== -->
|
||
<header class="w-full" style="min-width:1440px">
|
||
<!-- Slogan bar -->
|
||
<div class="w-full h-8 flex items-center" style="background:#c00060">
|
||
<div class="w-[1200px] mx-auto flex items-center justify-between px-0">
|
||
<div class="flex items-center gap-[33px]">
|
||
<div class="flex items-center gap-[6px]">
|
||
<img src="image/icon_certificate.svg" alt="" class="w-5 h-5" />
|
||
<span class="text-white text-[13px]">Hà ng chÃnh hãng - Bảo hà nh theo nhà sản xuất</span>
|
||
</div>
|
||
<div class="flex items-center gap-[6px]">
|
||
<img src="image/icon_delivery_truck.svg" alt="" class="w-5 h-5" />
|
||
<span class="text-white text-[13px]">Giao hà ng toà n quốc</span>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center gap-[6px]">
|
||
<img src="image/icon_customer_support.svg" alt="" class="w-5 h-5" />
|
||
<span class="text-white text-[13px]">Há»— trợ kỹ thuáºt 24/7</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Main header -->
|
||
<div class="w-full h-[68px] flex items-center bg-[#e4057c]">
|
||
<div class="w-[1200px] mx-auto flex items-center gap-0">
|
||
<!-- Logo -->
|
||
<div class="w-[79px] h-[54px] flex items-center justify-center shrink-0">
|
||
<img src="image/logo_miq.png" alt="MIQ" class="w-[79px] h-[54px] object-contain" />
|
||
</div>
|
||
<!-- Menu -->
|
||
<div class="flex items-center gap-[10px] ml-9 shrink-0 cursor-pointer">
|
||
<img src="image/icon_menu.svg" alt="" class="w-6 h-6" />
|
||
<span class="text-white text-[16px] font-medium">Danh mục</span>
|
||
</div>
|
||
<!-- Search -->
|
||
<div class="flex items-center gap-2 ml-[36px] flex-1">
|
||
<div class="flex items-center bg-white rounded-full h-9 px-4 gap-2 w-[465px]">
|
||
<img src="image/icon_search.svg" alt="" class="w-5 h-5 shrink-0" />
|
||
<span class="text-[#a0a0a0] text-[13px]">Tìm kiếm sản phẩm...</span>
|
||
</div>
|
||
<!-- Login -->
|
||
<div class="flex items-center gap-2 ml-[35px] cursor-pointer shrink-0">
|
||
<img src="image/icon_login.svg" alt="" class="w-4 h-[18px]" />
|
||
<span class="text-white text-[14px]">Äăng nháºp</span>
|
||
</div>
|
||
<!-- Cart -->
|
||
<div class="flex items-center gap-2 ml-[95px] cursor-pointer shrink-0">
|
||
<img src="image/icon_cart.svg" alt="" class="w-[23px] h-[23px]" />
|
||
<span class="text-white text-[14px]">GiỠhà ng</span>
|
||
</div>
|
||
<!-- Showroom -->
|
||
<div class="flex items-center gap-2 ml-[91px] border border-white/40 rounded-full px-3 py-1 cursor-pointer shrink-0">
|
||
<img src="image/icon_map.svg" alt="" class="w-5 h-5" />
|
||
<span class="text-white text-[13px]">Showroom</span>
|
||
<img src="image/icon_arrow_next.svg" alt="" class="w-3 h-3" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Category nav -->
|
||
<div class="w-full h-8 flex items-center bg-[#ebecf0]">
|
||
<div class="w-[1200px] mx-auto flex items-center justify-center gap-[32px]">
|
||
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Äiện thoại</span>
|
||
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Laptop</span>
|
||
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Tivi - Mà n hình</span>
|
||
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Máy lạnh</span>
|
||
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Tủ lạnh</span>
|
||
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Máy giặt</span>
|
||
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Bếp</span>
|
||
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Gia dụng</span>
|
||
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Äồng hồ - Camera</span>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- ===================== MAIN CONTENT ===================== -->
|
||
<main class="w-full">
|
||
<div class="w-[1200px] mx-auto flex flex-col gap-4 py-4">
|
||
|
||
<!-- Breadcrumb -->
|
||
<div class="flex items-center gap-2 text-[13px]">
|
||
<span class="text-black cursor-pointer hover:text-[#e4057c]">Trang chủ</span>
|
||
<img src="image/icon_arrow_next.svg" alt="" class="w-[10px] h-[10px]" />
|
||
<span class="text-black font-medium">329 Tủ lạnh</span>
|
||
</div>
|
||
|
||
<!-- Banner Sale -->
|
||
<div class="relative w-full rounded-[12px] overflow-hidden" style="background:#6e0000; height:651px">
|
||
<!-- Top banner image -->
|
||
<div class="absolute top-0 left-0 w-full h-[187px] rounded-t-[12px] overflow-hidden">
|
||
<img src="image/category_banner_sale_top.png" alt="" class="w-full h-full object-cover rounded-t-[12px]" />
|
||
</div>
|
||
<!-- 5 sale product cards -->
|
||
<div class="absolute bottom-[23px] left-[12px] right-[12px] flex gap-3">
|
||
<a href="#" class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 px-[9px] py-[10px] flex flex-col gap-[8px] no-underline">
|
||
<div class="h-[173px] flex items-center justify-center"><img src="image/product_card_image.png" alt="" class="w-[173px] h-[173px] rounded-[4px] object-cover" /></div>
|
||
<div class="inline-flex w-fit h-5 items-center gap-1 rounded-full pl-1 pr-[10px] text-white text-[10px] font-medium tracking-[-0.2px]" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)"><span class="w-4 h-4 rounded-full bg-white flex items-center justify-center overflow-hidden"><img src="../assets/images/icon_gift.png" alt="" class="w-[11px] h-[11px] object-contain" /></span><span>Sam tet vo tu</span></div>
|
||
<div class="flex items-center gap-[6px]"><p class="m-0 text-[18px] leading-none font-bold text-[#db0000] tracking-[-0.36px]">7.490.000 <span class="underline">đ</span></p><span class="min-w-[35px] h-4 px-[7px] rounded-full bg-[#ffeef0] text-[#dc0d28] text-[10px] leading-none font-medium tracking-[-0.2px] inline-flex items-center justify-center">-20%</span></div>
|
||
<p class="m-0 text-[12px] leading-none text-[#c5c5c5] tracking-[-0.24px] line-through">7.490.000 đ</p>
|
||
<p class="m-0 h-[32px] overflow-hidden text-[13px] leading-[16px] font-bold tracking-[-0.26px] text-black">May lanh Casper Inverter 1.5 HP GC-12IB36</p>
|
||
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8 rounded-full object-cover" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8 rounded-full object-cover" /></div>
|
||
<div class="mt-auto flex items-center justify-between gap-[6px]"><div class="inline-flex items-center gap-1 text-[#707070] text-[12px] leading-none tracking-[-0.24px] whitespace-nowrap"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5</span><span class="w-[2px] h-[2px] rounded-full bg-[#707070]"></span><span>Da ban 24,9k</span></div><button type="button" class="w-6 h-6 rounded-full bg-[#c1c1c1] flex items-center justify-center shrink-0" aria-label="Add to cart"><img src="image/icon_cart_circle.svg" alt="" class="w-4 h-4" /></button></div>
|
||
</a>
|
||
<a href="#" class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 px-[9px] py-[10px] flex flex-col gap-[8px] no-underline">
|
||
<div class="h-[173px] flex items-center justify-center"><img src="image/category_sale_product_2.png" alt="" class="w-[173px] h-[173px] rounded-[4px] object-cover" /></div>
|
||
<div class="inline-flex w-fit h-5 items-center gap-1 rounded-full pl-1 pr-[10px] text-white text-[10px] font-medium tracking-[-0.2px]" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)"><span class="w-4 h-4 rounded-full bg-white flex items-center justify-center overflow-hidden"><img src="../assets/images/icon_gift.png" alt="" class="w-[11px] h-[11px] object-contain" /></span><span>Sam tet vo tu</span></div>
|
||
<div class="flex items-center gap-[6px]"><p class="m-0 text-[18px] leading-none font-bold text-[#db0000] tracking-[-0.36px]">7.490.000 <span class="underline">đ</span></p><span class="min-w-[35px] h-4 px-[7px] rounded-full bg-[#ffeef0] text-[#dc0d28] text-[10px] leading-none font-medium tracking-[-0.2px] inline-flex items-center justify-center">-20%</span></div>
|
||
<p class="m-0 text-[12px] leading-none text-[#c5c5c5] tracking-[-0.24px] line-through">7.490.000 đ</p>
|
||
<p class="m-0 h-[32px] overflow-hidden text-[13px] leading-[16px] font-bold tracking-[-0.26px] text-black">May lanh Casper Inverter 1.5 HP GC-12IB36</p>
|
||
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8 rounded-full object-cover" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8 rounded-full object-cover" /></div>
|
||
<div class="mt-auto flex items-center justify-between gap-[6px]"><div class="inline-flex items-center gap-1 text-[#707070] text-[12px] leading-none tracking-[-0.24px] whitespace-nowrap"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5</span><span class="w-[2px] h-[2px] rounded-full bg-[#707070]"></span><span>Da ban 24,9k</span></div><button type="button" class="w-6 h-6 rounded-full bg-[#c1c1c1] flex items-center justify-center shrink-0" aria-label="Add to cart"><img src="image/icon_cart_circle.svg" alt="" class="w-4 h-4" /></button></div>
|
||
</a>
|
||
<a href="#" class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 px-[9px] py-[10px] flex flex-col gap-[8px] no-underline">
|
||
<div class="h-[173px] flex items-center justify-center"><img src="image/category_sale_product_3.png" alt="" class="w-[173px] h-[173px] rounded-[4px] object-cover" /></div>
|
||
<div class="inline-flex w-fit h-5 items-center gap-1 rounded-full pl-1 pr-[10px] text-white text-[10px] font-medium tracking-[-0.2px]" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)"><span class="w-4 h-4 rounded-full bg-white flex items-center justify-center overflow-hidden"><img src="../assets/images/icon_gift.png" alt="" class="w-[11px] h-[11px] object-contain" /></span><span>Sam tet vo tu</span></div>
|
||
<div class="flex items-center gap-[6px]"><p class="m-0 text-[18px] leading-none font-bold text-[#db0000] tracking-[-0.36px]">7.490.000 <span class="underline">đ</span></p><span class="min-w-[35px] h-4 px-[7px] rounded-full bg-[#ffeef0] text-[#dc0d28] text-[10px] leading-none font-medium tracking-[-0.2px] inline-flex items-center justify-center">-20%</span></div>
|
||
<p class="m-0 text-[12px] leading-none text-[#c5c5c5] tracking-[-0.24px] line-through">7.490.000 đ</p>
|
||
<p class="m-0 h-[32px] overflow-hidden text-[13px] leading-[16px] font-bold tracking-[-0.26px] text-black">May lanh Casper Inverter 1.5 HP GC-12IB36</p>
|
||
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8 rounded-full object-cover" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8 rounded-full object-cover" /></div>
|
||
<div class="mt-auto flex items-center justify-between gap-[6px]"><div class="inline-flex items-center gap-1 text-[#707070] text-[12px] leading-none tracking-[-0.24px] whitespace-nowrap"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5</span><span class="w-[2px] h-[2px] rounded-full bg-[#707070]"></span><span>Da ban 24,9k</span></div><button type="button" class="w-6 h-6 rounded-full bg-[#c1c1c1] flex items-center justify-center shrink-0" aria-label="Add to cart"><img src="image/icon_cart_circle.svg" alt="" class="w-4 h-4" /></button></div>
|
||
</a>
|
||
<a href="#" class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 px-[9px] py-[10px] flex flex-col gap-[8px] no-underline">
|
||
<div class="h-[173px] flex items-center justify-center"><img src="image/category_sale_product_4.png" alt="" class="w-[173px] h-[173px] rounded-[4px] object-cover" /></div>
|
||
<div class="inline-flex w-fit h-5 items-center gap-1 rounded-full pl-1 pr-[10px] text-white text-[10px] font-medium tracking-[-0.2px]" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)"><span class="w-4 h-4 rounded-full bg-white flex items-center justify-center overflow-hidden"><img src="../assets/images/icon_gift.png" alt="" class="w-[11px] h-[11px] object-contain" /></span><span>Sam tet vo tu</span></div>
|
||
<div class="flex items-center gap-[6px]"><p class="m-0 text-[18px] leading-none font-bold text-[#db0000] tracking-[-0.36px]">7.490.000 <span class="underline">đ</span></p><span class="min-w-[35px] h-4 px-[7px] rounded-full bg-[#ffeef0] text-[#dc0d28] text-[10px] leading-none font-medium tracking-[-0.2px] inline-flex items-center justify-center">-20%</span></div>
|
||
<p class="m-0 text-[12px] leading-none text-[#c5c5c5] tracking-[-0.24px] line-through">7.490.000 đ</p>
|
||
<p class="m-0 h-[32px] overflow-hidden text-[13px] leading-[16px] font-bold tracking-[-0.26px] text-black">May lanh Casper Inverter 1.5 HP GC-12IB36</p>
|
||
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8 rounded-full object-cover" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8 rounded-full object-cover" /></div>
|
||
<div class="mt-auto flex items-center justify-between gap-[6px]"><div class="inline-flex items-center gap-1 text-[#707070] text-[12px] leading-none tracking-[-0.24px] whitespace-nowrap"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5</span><span class="w-[2px] h-[2px] rounded-full bg-[#707070]"></span><span>Da ban 24,9k</span></div><button type="button" class="w-6 h-6 rounded-full bg-[#c1c1c1] flex items-center justify-center shrink-0" aria-label="Add to cart"><img src="image/icon_cart_circle.svg" alt="" class="w-4 h-4" /></button></div>
|
||
</a>
|
||
<a href="#" class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 px-[9px] py-[10px] flex flex-col gap-[8px] no-underline">
|
||
<div class="h-[173px] flex items-center justify-center"><img src="image/category_sale_product_5.png" alt="" class="w-[173px] h-[173px] rounded-[4px] object-cover" /></div>
|
||
<div class="inline-flex w-fit h-5 items-center gap-1 rounded-full pl-1 pr-[10px] text-white text-[10px] font-medium tracking-[-0.2px]" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)"><span class="w-4 h-4 rounded-full bg-white flex items-center justify-center overflow-hidden"><img src="../assets/images/icon_gift.png" alt="" class="w-[11px] h-[11px] object-contain" /></span><span>Sam tet vo tu</span></div>
|
||
<div class="flex items-center gap-[6px]"><p class="m-0 text-[18px] leading-none font-bold text-[#db0000] tracking-[-0.36px]">7.490.000 <span class="underline">đ</span></p><span class="min-w-[35px] h-4 px-[7px] rounded-full bg-[#ffeef0] text-[#dc0d28] text-[10px] leading-none font-medium tracking-[-0.2px] inline-flex items-center justify-center">-20%</span></div>
|
||
<p class="m-0 text-[12px] leading-none text-[#c5c5c5] tracking-[-0.24px] line-through">7.490.000 đ</p>
|
||
<p class="m-0 h-[32px] overflow-hidden text-[13px] leading-[16px] font-bold tracking-[-0.26px] text-black">May lanh Casper Inverter 1.5 HP GC-12IB36</p>
|
||
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8 rounded-full object-cover" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8 rounded-full object-cover" /></div>
|
||
<div class="mt-auto flex items-center justify-between gap-[6px]"><div class="inline-flex items-center gap-1 text-[#707070] text-[12px] leading-none tracking-[-0.24px] whitespace-nowrap"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5</span><span class="w-[2px] h-[2px] rounded-full bg-[#707070]"></span><span>Da ban 24,9k</span></div><button type="button" class="w-6 h-6 rounded-full bg-[#c1c1c1] flex items-center justify-center shrink-0" aria-label="Add to cart"><img src="image/icon_cart_circle.svg" alt="" class="w-4 h-4" /></button></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Banner QC -->
|
||
<div class="flex gap-3">
|
||
<div class="w-[594px] h-[236px] rounded-[8px] overflow-hidden shrink-0">
|
||
<img src="image/category_qc_samsung.png" alt="" class="w-full h-full object-cover" />
|
||
</div>
|
||
<div class="w-[594px] h-[236px] rounded-[8px] overflow-hidden shrink-0">
|
||
<img src="image/category_qc_lg.png" alt="" class="w-full h-full object-cover" />
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Product List -->
|
||
<div class="bg-white rounded-[12px] px-3 py-5 flex flex-col gap-4">
|
||
<!-- Filter bar -->
|
||
<div class="flex items-center gap-2">
|
||
<!-- Filter button -->
|
||
<button class="flex items-center gap-2 border border-[#dcdcdc] rounded-[8px] h-10 px-4 shrink-0 hover:bg-gray-50">
|
||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M2 5h16M5 10h10M8 15h4" stroke="#333" stroke-width="1.5" stroke-linecap="round"/></svg>
|
||
<span class="text-[13px] text-black font-medium">Lá»c</span>
|
||
</button>
|
||
<!-- Filter dropdowns -->
|
||
<button class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
|
||
<svg width="10" height="10" viewBox="0 0 10 10"><path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>Thương hiệu</span>
|
||
</button>
|
||
<button class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
|
||
<svg width="10" height="10" viewBox="0 0 10 10"><path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>Giá</span>
|
||
</button>
|
||
<button class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
|
||
<svg width="10" height="10" viewBox="0 0 10 10"><path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>Dung tÃch</span>
|
||
</button>
|
||
<button class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
|
||
<svg width="10" height="10" viewBox="0 0 10 10"><path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>Mà u sắc</span>
|
||
</button>
|
||
<button class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
|
||
<svg width="10" height="10" viewBox="0 0 10 10"><path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>TÃnh năng</span>
|
||
</button>
|
||
<button class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
|
||
<svg width="10" height="10" viewBox="0 0 10 10"><path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>Xuất xứ</span>
|
||
</button>
|
||
<button class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
|
||
<svg width="10" height="10" viewBox="0 0 10 10"><path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>Công nghệ</span>
|
||
</button>
|
||
</div>
|
||
<!-- Sort bar -->
|
||
<div class="flex items-center gap-3 text-[13px]">
|
||
<span class="text-[#707070]">Sắp xếp theo:</span>
|
||
<span class="text-[#e4057c] font-medium cursor-pointer">Nổi báºt</span>
|
||
<span class="text-[#c0c0c0]">·</span>
|
||
<span class="text-black cursor-pointer hover:text-[#e4057c]">Bán chạy</span>
|
||
<span class="text-[#c0c0c0]">·</span>
|
||
<span class="text-black cursor-pointer hover:text-[#e4057c]">Giảm giá</span>
|
||
<span class="text-[#c0c0c0]">·</span>
|
||
<span class="text-black cursor-pointer hover:text-[#e4057c]">Má»›i</span>
|
||
<span class="text-[#c0c0c0]">·</span>
|
||
<span class="text-black cursor-pointer hover:text-[#e4057c] flex items-center gap-1">Giá <svg width="8" height="8" viewBox="0 0 8 8"><path d="M1.5 3l2.5 2.5L6.5 3" stroke="#333" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
|
||
</div>
|
||
<!-- Product grid - 25 products, 5 columns -->
|
||
<div class="grid grid-cols-5 gap-3">
|
||
<!-- Product card template repeated 25 times -->
|
||
<!-- Row 1 -->
|
||
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[36px] pb-[8px]">
|
||
<div class="absolute top-2 left-2 flex gap-1">
|
||
<span class="bg-[#fff1f1] text-[#e40000] text-[10px] rounded-[4px] px-[5px] py-[2px]">Mẫu mới</span>
|
||
<span class="bg-[#f1f1f1] text-[#484848] text-[10px] rounded-[4px] px-[5px] py-[2px]">Trả cháºm 0%</span>
|
||
</div>
|
||
<img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" />
|
||
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
|
||
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
|
||
<div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div>
|
||
<p class="text-[13px] font-bold text-black">Tủ lạnh Samsung Inverter 380 lÃt RT38T509TB1/SV</p>
|
||
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div>
|
||
<div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div>
|
||
</div>
|
||
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]">
|
||
<img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" />
|
||
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
|
||
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
|
||
<div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div>
|
||
<p class="text-[13px] font-bold text-black">Tủ lạnh Samsung Inverter 380 lÃt RT38T509TB1/SV</p>
|
||
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div>
|
||
<div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div>
|
||
</div>
|
||
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[36px] pb-[8px]">
|
||
<div class="absolute top-2 left-2 flex gap-1">
|
||
<span class="bg-[#fff1f1] text-[#e40000] text-[10px] rounded-[4px] px-[5px] py-[2px]">Mẫu mới</span>
|
||
<span class="bg-[#f1f1f1] text-[#484848] text-[10px] rounded-[4px] px-[5px] py-[2px]">Trả cháºm 0%</span>
|
||
</div>
|
||
<img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" />
|
||
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
|
||
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
|
||
<div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div>
|
||
<p class="text-[13px] font-bold text-black">Tủ lạnh Samsung Inverter 380 lÃt RT38T509TB1/SV</p>
|
||
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div>
|
||
<div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div>
|
||
</div>
|
||
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]">
|
||
<img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" />
|
||
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
|
||
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
|
||
<div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div>
|
||
<p class="text-[13px] font-bold text-black">Tủ lạnh Samsung Inverter 380 lÃt RT38T509TB1/SV</p>
|
||
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div>
|
||
<div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div>
|
||
</div>
|
||
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]">
|
||
<img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" />
|
||
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
|
||
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
|
||
<div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div>
|
||
<p class="text-[13px] font-bold text-black">Tủ lạnh Samsung Inverter 380 lÃt RT38T509TB1/SV</p>
|
||
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div>
|
||
<div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div>
|
||
</div>
|
||
<!-- Rows 2-5: repeat same card pattern -->
|
||
<!-- Row 2 -->
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Hitachi Inverter 540 lÃt Multi Door</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Hitachi Inverter 540 lÃt Multi Door</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Hitachi Inverter 540 lÃt Multi Door</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Hitachi Inverter 540 lÃt Multi Door</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Hitachi Inverter 540 lÃt Multi Door</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<!-- Row 3 -->
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh LG Inverter 394 lÃt GN-D392BLA</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh LG Inverter 394 lÃt GN-D392BLA</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh LG Inverter 394 lÃt GN-D392BLA</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh LG Inverter 394 lÃt GN-D392BLA</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh LG Inverter 394 lÃt GN-D392BLA</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<!-- Row 4 -->
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Toshiba Inverter 555 lÃt GR-RF669WI-PMV</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Toshiba Inverter 555 lÃt GR-RF669WI-PMV</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Toshiba Inverter 555 lÃt GR-RF669WI-PMV</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Toshiba Inverter 555 lÃt GR-RF669WI-PMV</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Toshiba Inverter 555 lÃt GR-RF669WI-PMV</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<!-- Row 5 -->
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Casper Inverter 236 lÃt RT-238VW</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Casper Inverter 236 lÃt RT-238VW</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Casper Inverter 236 lÃt RT-238VW</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Casper Inverter 236 lÃt RT-238VW</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tÆ°</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Casper Inverter 236 lÃt RT-238VW</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Äã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Box Article + Video -->
|
||
<div class="bg-white rounded-[12px] flex gap-3 px-3 py-4">
|
||
<!-- Tin khuyến mãi -->
|
||
<div class="flex flex-col gap-3 w-[885px] shrink-0">
|
||
<h2 class="text-[28px] font-bold text-black tracking-tight">TIN KHUYẾN MẠI</h2>
|
||
<div class="flex gap-3 items-start">
|
||
<div class="w-[481px] shrink-0">
|
||
<div class="w-[481px] h-[300px] rounded-[4px] overflow-hidden">
|
||
<img src="image/article_main_image.png" alt="" class="w-full h-full object-cover" />
|
||
</div>
|
||
<p class="mt-2 text-[20px] font-bold text-black tracking-tight">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</p>
|
||
</div>
|
||
<div class="flex flex-col gap-3 flex-1">
|
||
<div class="flex gap-3 items-start">
|
||
<img src="image/article_thumb_1.png" alt="" class="w-[153px] h-[92px] rounded-[4px] object-cover shrink-0" />
|
||
<p class="text-[14px] text-black tracking-tight line-clamp-3">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</p>
|
||
</div>
|
||
<div class="flex gap-3 items-start">
|
||
<img src="image/article_thumb_2.png" alt="" class="w-[153px] h-[92px] rounded-[4px] object-cover shrink-0" />
|
||
<p class="text-[14px] text-black tracking-tight line-clamp-3">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</p>
|
||
</div>
|
||
<div class="flex gap-3 items-start">
|
||
<img src="image/article_thumb_3.png" alt="" class="w-[153px] h-[92px] rounded-[4px] object-cover shrink-0" />
|
||
<p class="text-[14px] text-black tracking-tight line-clamp-3">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</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Video Review -->
|
||
<div class="flex flex-col gap-3 flex-1">
|
||
<h2 class="text-[28px] font-bold text-black tracking-tight">VIDEO REVIEW</h2>
|
||
<div class="flex flex-col gap-3">
|
||
<div class="w-full h-[159px] rounded-[4px] overflow-hidden relative">
|
||
<img src="image/video_main.png" alt="" class="w-full h-full object-cover" />
|
||
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
|
||
</div>
|
||
<div class="flex gap-3 items-start">
|
||
<div class="w-[107px] h-[64px] rounded-[4px] overflow-hidden relative shrink-0">
|
||
<img src="image/video_thumb_1.png" alt="" class="w-full h-full object-cover" />
|
||
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
|
||
</div>
|
||
<p class="text-[14px] text-black tracking-tight line-clamp-3">Duy nhất 17h ngà y 10/02 Cơ hội trúng Máy nước</p>
|
||
</div>
|
||
<div class="flex gap-3 items-start">
|
||
<div class="w-[107px] h-[64px] rounded-[4px] overflow-hidden relative shrink-0">
|
||
<img src="image/video_thumb_2.png" alt="" class="w-full h-full object-cover" />
|
||
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
|
||
</div>
|
||
<p class="text-[14px] text-black tracking-tight line-clamp-3">Duy nhất 17h ngà y 10/02 Cơ hội trúng Máy nước</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Key Search -->
|
||
<div class="bg-white rounded-[12px] flex flex-col gap-3 px-3 py-4">
|
||
<h2 class="text-[24px] font-bold text-black tracking-tight">Má»i ngÆ°á»i cÅ©ng tìm kiếm</h2>
|
||
<div class="bg-[#f3f4f7] rounded-[12px] px-3 py-5 flex flex-wrap gap-5 text-[12px] text-black">
|
||
<span>tủ lạnh Samsung</span><span>tủ lạnh LG</span><span>tủ lạnh Hitachi</span><span>tủ lạnh Toshiba</span><span>tủ lạnh inverter</span><span>tủ lạnh side by side</span><span>tủ lạnh 4 cánh</span><span>tủ lạnh mini</span><span>tủ lạnh Casper</span><span>tủ lạnh 2 cánh</span><span>tủ lạnh Sharp</span><span>tủ lạnh Panasonic</span><span>tủ lạnh Electrolux</span><span>tủ lạnh Aqua</span><span>tủ lạnh 300 lÃt</span><span>tủ lạnh 400 lÃt</span><span>tủ lạnh 500 lÃt</span><span>tủ lạnh French door</span><span>tủ lạnh multi door</span><span>tủ lạnh giá rẻ</span>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</main>
|
||
|
||
<!-- ===================== FOOTER ===================== -->
|
||
<footer class="w-full bg-white mt-2" style="min-width:1440px">
|
||
<div class="flex gap-[95px] px-[120px] py-4 h-[212px] items-start">
|
||
<div class="flex flex-col gap-1 w-[267px] shrink-0">
|
||
<p class="text-[14px] font-bold text-black leading-[27px]">Tổng đà i hỗ trợ</p>
|
||
<div class="text-[13px] text-black leading-[30px]">
|
||
<p>Gá»i mua: <a href="tel:0971490000" class="font-bold text-[#0084ff]">0971.49.0000</a> <span>(8h00-18h00)</span></p>
|
||
<p>Há»— trợ kỹ thuáºt : <a href="tel:0987762444" class="font-bold">0987.762.444</a> <span>(8h00-18h00)</span></p>
|
||
<p>Góp ý - Khiếu nại: <a href="tel:0824184444" class="font-bold">082.418.4444</a> <span>(8h00-18h00)</span></p>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-col gap-1 w-[148px] shrink-0">
|
||
<p class="text-[14px] font-bold text-black leading-[27px]">VỠcông ty</p>
|
||
<div class="text-[13px] text-black leading-[30px]">
|
||
<p>Giá»›i thiệu vá» công ty</p><p>Tuyển dụng</p><p>Gá»i góp ý, khiếu nại</p><p>Tìm siêu thị (215 shop)</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-col gap-1 w-[209px] shrink-0">
|
||
<p class="text-[14px] font-bold text-black leading-[27px]">ChÃnh sách chung</p>
|
||
<div class="text-[13px] text-black leading-[30px]">
|
||
<p>Quy định truy cáºp Website</p><p>ChÃnh sách bảo máºt thông tin</p><p>ChÃnh sách váºn chuyển, giao nháºn</p><p>ChÃnh sách cho doanh nghiệp</p><p>ChÃnh sách bảo hà nh, đổi trả</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-col gap-1 flex-1">
|
||
<p class="text-[14px] font-bold text-black leading-[27px]">Kết nối với chúng tôi</p>
|
||
<div class="flex items-center gap-6 mt-2">
|
||
<div class="flex items-center gap-2 cursor-pointer">
|
||
<img src="image/icon_facebook.svg" alt="" class="w-5 h-5" />
|
||
<span class="text-[13px] text-black">12.8k lượt thÃch</span>
|
||
</div>
|
||
<div class="flex items-center gap-2 cursor-pointer">
|
||
<img src="image/icon_youtube.svg" alt="" class="w-7 h-5" />
|
||
<span class="text-[13px] text-black">2.2T Äăng ký</span>
|
||
</div>
|
||
<div class="flex items-center gap-2 cursor-pointer">
|
||
<img src="image/icon_zalo.png" alt="" class="w-5 h-5" />
|
||
<span class="text-[13px] text-black">Zalo MIQ</span>
|
||
</div>
|
||
</div>
|
||
<div class="mt-3">
|
||
<img src="image/logo_bct.png" alt="Bộ Công Thương" class="h-[38px]" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="border-t border-[#f0f0f0] py-2 text-center">
|
||
<p class="text-[13px] text-black">Bản quyá»n thuá»™c vá» MIQ Việt Nam</p>
|
||
</div>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|
||
|