2593 lines
195 KiB
HTML
2593 lines
195 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|||
|
|
<meta charset="utf-8" />
|
|||
|
|
<link rel="stylesheet" href="globals.css" />
|
|||
|
|
<link rel="stylesheet" href="styleguide.css" />
|
|||
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|||
|
|
<script>
|
|||
|
|
/** @type {import('tailwindcss').Config} */
|
|||
|
|
tailwind.config = {
|
|||
|
|
theme: {
|
|||
|
|
extend: {
|
|||
|
|
colors: {
|
|||
|
|
"a-1": "var(--a-1)",
|
|||
|
|
style: "var(--style)",
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
plugins: [],
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<div class="bg-[#f4f4f4] w-full min-w-[1440px] min-h-[5627px] flex flex-col">
|
|||
|
|
<header
|
|||
|
|
class="grid w-[1440px] h-[131.42px] relative grid-cols-1 grid-rows-[repeat(3,fit-content(100%))] bg-transparent">
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-2 grid-rows-1 h-8 gap-[633px] px-[122px] py-1 relative row-[1_/_2] col-[1_/_2] w-full [background:linear-gradient(90deg,rgba(107,20,64,1)_0%,rgba(228,5,124,1)_47%,rgba(107,20,64,1)_100%)]">
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[2_/_3] justify-self-end self-center w-fit h-fit inline-flex items-center gap-2">
|
|||
|
|
<img class="relative w-5 h-5" src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-199.png" />
|
|||
|
|
<p
|
|||
|
|
class="relative w-fit [font-family:'Inter',Helvetica] font-normal text-white text-xs text-center tracking-[-0.23px] leading-[15.3px] whitespace-nowrap">
|
|||
|
|
<span class="font-semibold tracking-[-0.03px]">Hotline: 0967641641</span>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(2,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-6 relative row-[1_/_2] col-[1_/_2] self-center">
|
|||
|
|
<div class="relative row-[1_/_2] col-[1_/_2] w-fit h-fit inline-flex items-center gap-2">
|
|||
|
|
<img class="relative w-5 h-5"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/la-certificate.svg" />
|
|||
|
|
<p
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-white text-xs text-right tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
<span class="tracking-[-0.03px]">Sản phẩm </span>
|
|||
|
|
<span class="font-semibold tracking-[-0.03px]">Chính hãng - xuất VAT </span>
|
|||
|
|
<span class="tracking-[-0.03px]">đầy đủ</span>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="relative row-[1_/_2] col-[2_/_3] w-fit h-fit inline-flex items-center gap-2">
|
|||
|
|
<img class="relative w-5 h-5" src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-160.png" />
|
|||
|
|
<p
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-semibold text-white text-xs text-right tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Giao nhanh - Miễn phí
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(6,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-[1440px] h-fit gap-[38px] px-[120px] py-[7px] relative row-[2_/_3] col-[1_/_2] bg-[#e4057c]">
|
|||
|
|
<div class="relative row-[1_/_2] col-[2_/_3] self-center w-fit h-full inline-flex items-center gap-1">
|
|||
|
|
<img class="relative w-6 h-6" src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-59.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-semibold text-white text-sm tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
Danh mục
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative row-[1_/_2] col-[1_/_2] w-[76px] h-[53.42px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/frame.svg" />
|
|||
|
|
<div class="relative row-[1_/_2] col-[3_/_4] self-center w-[465px] h-9">
|
|||
|
|
<div
|
|||
|
|
class="flex w-full h-full items-center gap-[9px] px-[15px] py-2 relative bg-white rounded-[2222px]">
|
|||
|
|
<img class="relative w-5 h-5" src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-75.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-[#e4057c] text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
Tivi Samsung giá sốc
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-2 grid-rows-1 w-[199px] h-8 gap-[78px] px-[7px] py-1.5 relative row-[1_/_2] col-[6_/_7] self-center bg-[#b60061] rounded-[2222px]">
|
|||
|
|
<div class="relative row-[1_/_2] col-[1_/_2] self-center w-[91px] h-5">
|
|||
|
|
<img class="absolute w-[21.98%] top-0 left-0 h-5"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-122.png" />
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[69.23%] top-[calc(50.00%_-_8px)] left-[30.77%] [font-family:'Roboto',Helvetica] font-normal text-white text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
Showroom
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative row-[1_/_2] col-[2_/_3] justify-self-end self-center w-3 h-3"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-125.png" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[5_/_6] self-center w-fit h-fit inline-flex items-center gap-[5px]">
|
|||
|
|
<img class="relative w-[23px] h-[23px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-64.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-semibold text-white text-sm tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
Giỏ hàng
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="relative row-[1_/_2] col-[4_/_5] self-center w-fit h-fit inline-flex items-center gap-2">
|
|||
|
|
<img class="relative w-[16.93px] h-[19.5px] mt-[-0.75px] mb-[-0.75px] ml-[-0.75px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-61.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-semibold text-white text-sm tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đăng nhập
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-9 grid-rows-1 h-8 gap-[28px_4px] px-[313px] py-2 relative row-[3_/_4] col-[1_/_2] w-full bg-[#ebecf0]">
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[1_/_2] justify-self-center self-center w-[51px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|||
|
|
máy lạnh
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[2_/_3] justify-self-center self-center w-[38px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|||
|
|
tủ lạnh
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[3_/_4] justify-self-center self-center w-[75px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|||
|
|
máy lọc nước
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[4_/_5] justify-self-center self-center w-[53px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|||
|
|
quạt sưởi
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[5_/_6] justify-self-center self-center w-[51px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|||
|
|
nồi chiên
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[6_/_7] justify-self-center self-center w-[52px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|||
|
|
smart tivi
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[7_/_8] justify-self-center self-center w-[18px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|||
|
|
loa
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[8_/_9] justify-self-center self-center w-[73px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|||
|
|
nồi cơm điện
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[9_/_10] justify-self-center self-center w-[103px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|||
|
|
màn hình máy tính
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
<div class="flex ml-[120px] w-[1200px] h-[5187px] relative mt-[16.6px] flex-col items-center gap-[27px]">
|
|||
|
|
<img class="relative self-stretch w-full h-[364px] rounded-xl object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/banner-slider.png" />
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-8 grid-rows-2 h-[236px] gap-3 p-3 bg-white rounded-lg border border-dashed border-[#db0000]">
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[1_/_2] w-[136px] h-[100px] flex items-center justify-center gap-2.5 px-[41px] py-[15px] bg-white">
|
|||
|
|
<div class="flex flex-col w-12 items-center justify-center gap-1.5 relative">
|
|||
|
|
<img class="relative w-12 h-12 object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10.png" />
|
|||
|
|
<div
|
|||
|
|
class="self-stretch relative [font-family:'Inter',Helvetica] font-normal text-black text-xs text-center tracking-[-0.24px] leading-[normal]">
|
|||
|
|
Máy giặt
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[2_/_3] w-[136px] h-[100px] flex items-center justify-center gap-2.5 px-[41px] py-[15px] bg-white">
|
|||
|
|
<div class="flex flex-col w-12 items-center justify-center gap-1.5 relative">
|
|||
|
|
<img class="relative w-12 h-12 object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative self-stretch [font-family:'Inter',Helvetica] font-normal text-black text-xs text-center tracking-[-0.24px] leading-[normal]">
|
|||
|
|
Tivi
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[3_/_4] w-[136px] h-[100px] flex items-center justify-center gap-2.5 px-[41px] py-[15px] bg-white">
|
|||
|
|
<div class="flex flex-col w-12 items-center justify-center gap-1.5 relative">
|
|||
|
|
<img class="relative w-12 h-12 object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative self-stretch [font-family:'Inter',Helvetica] font-normal text-black text-xs text-center tracking-[-0.24px] leading-[normal]">
|
|||
|
|
Tủ lạnh
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[4_/_5] w-[136px] h-[100px] flex items-center justify-center gap-2.5 px-[41px] py-[15px] bg-white">
|
|||
|
|
<div
|
|||
|
|
class="ml-[-29.00px] mr-[-29.00px] inline-flex flex-col items-center justify-center gap-1.5 relative flex-[0_0_auto]">
|
|||
|
|
<img class="relative w-12 h-12 object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10.png" />
|
|||
|
|
<p
|
|||
|
|
class="relative w-28 [font-family:'Inter',Helvetica] font-normal text-black text-xs text-center tracking-[-0.24px] leading-[normal]">
|
|||
|
|
Sức khỏe & làm đẹp
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[5_/_6] w-[136px] h-[100px] flex items-center justify-center gap-2.5 px-[41px] py-[15px] bg-white">
|
|||
|
|
<div
|
|||
|
|
class="ml-[-10.00px] mr-[-10.00px] inline-flex flex-col items-center justify-center gap-1.5 relative flex-[0_0_auto]">
|
|||
|
|
<img class="relative w-12 h-12 object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-[74px] [font-family:'Inter',Helvetica] font-normal text-black text-xs text-center tracking-[-0.24px] leading-[normal]">
|
|||
|
|
Máy lọc nước
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[6_/_7] w-fit h-[100px] inline-flex items-center justify-center gap-2.5 px-[41px] py-[15px] bg-white">
|
|||
|
|
<div class="flex flex-col w-12 items-center justify-center gap-1.5 relative">
|
|||
|
|
<img class="relative w-12 h-12 object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative self-stretch [font-family:'Inter',Helvetica] font-normal text-black text-xs text-center tracking-[-0.24px] leading-[normal]">
|
|||
|
|
Hút bụi
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[7_/_8] w-[136px] h-[100px] flex items-center justify-center gap-2.5 px-[41px] py-[15px] bg-white">
|
|||
|
|
<div
|
|||
|
|
class="ml-[-24.00px] mr-[-24.00px] inline-flex flex-col items-center justify-center gap-1.5 relative flex-[0_0_auto]">
|
|||
|
|
<img class="relative w-12 h-12 object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-[102px] [font-family:'Inter',Helvetica] font-normal text-black text-xs text-center tracking-[-0.24px] leading-[normal]">
|
|||
|
|
Máy lọc không khí
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[8_/_9] w-[136px] h-[100px] flex items-center justify-center gap-2.5 px-[41px] py-[15px] bg-white">
|
|||
|
|
<div class="flex flex-col w-12 items-center justify-center gap-1.5 relative">
|
|||
|
|
<img class="relative w-12 h-12 object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative self-stretch [font-family:'Inter',Helvetica] font-normal text-black text-xs text-center tracking-[-0.24px] leading-[normal]">
|
|||
|
|
Loa
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[2_/_3] col-[1_/_2] w-[136px] h-[100px] flex items-center justify-center gap-2.5 px-[41px] py-[15px] bg-white">
|
|||
|
|
<div class="inline-flex flex-col items-center justify-center gap-1.5 relative flex-[0_0_auto]">
|
|||
|
|
<img class="relative w-12 h-12 object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10.png" />
|
|||
|
|
<div
|
|||
|
|
class="w-[52px] relative [font-family:'Inter',Helvetica] font-normal text-black text-xs text-center tracking-[-0.24px] leading-[normal]">
|
|||
|
|
Máy lạnh
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[2_/_3] col-[2_/_3] w-[136px] h-[100px] flex items-center justify-center gap-2.5 px-[41px] py-[15px] bg-white">
|
|||
|
|
<div class="inline-flex flex-col items-center justify-center gap-1.5 relative flex-[0_0_auto]">
|
|||
|
|
<img class="relative w-12 h-12 object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-[54px] [font-family:'Inter',Helvetica] font-normal text-black text-xs text-center tracking-[-0.24px] leading-[normal]">
|
|||
|
|
Gia dụng
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[2_/_3] col-[3_/_4] w-[136px] h-[100px] flex items-center justify-center gap-2.5 px-[41px] py-[15px] bg-white">
|
|||
|
|
<div
|
|||
|
|
class="ml-[-20.00px] mr-[-20.00px] inline-flex flex-col items-center justify-center gap-1.5 relative flex-[0_0_auto]">
|
|||
|
|
<img class="relative w-12 h-12 object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-[94px] [font-family:'Inter',Helvetica] font-normal text-black text-xs text-center tracking-[-0.24px] leading-[normal]">
|
|||
|
|
Máy sấy quần áo
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[2_/_3] col-[4_/_5] w-[136px] h-[100px] flex items-center justify-center gap-2.5 px-[41px] py-[15px] bg-white">
|
|||
|
|
<div
|
|||
|
|
class="ml-[-18.00px] mr-[-18.00px] inline-flex flex-col items-center justify-center gap-1.5 relative flex-[0_0_auto]">
|
|||
|
|
<img class="relative w-12 h-12 object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-[90px] h-[15px] [font-family:'Inter',Helvetica] font-normal text-black text-xs text-center tracking-[-0.24px] leading-[normal]">
|
|||
|
|
Máy nước nóng
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[2_/_3] col-[5_/_6] w-[136px] h-[100px] flex items-center justify-center gap-2.5 px-[41px] py-[15px] bg-white">
|
|||
|
|
<div
|
|||
|
|
class="ml-[-11.00px] mr-[-11.00px] inline-flex flex-col items-center justify-center gap-1.5 relative flex-[0_0_auto]">
|
|||
|
|
<img class="relative w-12 h-12 object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-[76px] h-[15px] [font-family:'Inter',Helvetica] font-normal text-black text-xs text-center tracking-[-0.24px] leading-[normal]">
|
|||
|
|
Nồi cơm điện
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[2_/_3] col-[6_/_7] w-[136px] h-[100px] flex items-center justify-center gap-2.5 px-[41px] py-[15px] bg-white">
|
|||
|
|
<div
|
|||
|
|
class="ml-[-9.00px] mr-[-9.00px] inline-flex flex-col items-center justify-center gap-1.5 relative flex-[0_0_auto]">
|
|||
|
|
<img class="relative w-12 h-12 object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-[72px] [font-family:'Inter',Helvetica] font-normal text-black text-xs text-center tracking-[-0.24px] leading-[normal]">
|
|||
|
|
Tủ đông mát
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[2_/_3] col-[7_/_8] w-[136px] h-[100px] flex items-center justify-center gap-2.5 px-[41px] py-[15px] bg-white">
|
|||
|
|
<div class="flex flex-col w-12 items-center justify-center gap-1.5 relative">
|
|||
|
|
<img class="relative w-12 h-12 object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative self-stretch [font-family:'Inter',Helvetica] font-normal text-black text-xs text-center tracking-[-0.24px] leading-[normal]">
|
|||
|
|
Bếp từ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="flex flex-col items-start gap-3 p-3 relative self-stretch w-full flex-[0_0_auto] bg-white rounded overflow-hidden">
|
|||
|
|
<div class="relative w-[186px] h-[23px]">
|
|||
|
|
<div
|
|||
|
|
class="absolute top-0 left-7 [font-family:'Roboto',Helvetica] font-bold text-black text-xl text-center tracking-[-0.40px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sản phẩm đã xem
|
|||
|
|
</div>
|
|||
|
|
<img class="absolute top-px left-0 w-5 h-5"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/noto-star.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-3">
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[1_/_2] w-[285px] h-20 flex flex-col items-start gap-2.5 p-2.5 bg-white rounded border border-solid border-[#f1f1f1]">
|
|||
|
|
<div class="inline-flex items-start gap-2 relative flex-[0_0_auto]">
|
|||
|
|
<img class="relative w-[60px] h-[60px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10.png" />
|
|||
|
|
<div class="flex flex-col w-[197px] items-start gap-3 relative">
|
|||
|
|
<div class="flex items-start gap-1 relative self-stretch w-full flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[177px] h-[30px] mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Toshiba inverter 555 lít GR - SFSADUYW - 234
|
|||
|
|
</p>
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/carbon-close-filled.svg" />
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch h-[17px] [font-family:'Roboto',Helvetica] font-normal text-transparent text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
<span class="font-extrabold text-[#df0000] tracking-[-0.03px]">12.990.000 </span>
|
|||
|
|
<span class="font-extrabold text-[#df0000] tracking-[-0.03px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="col-[2_/_3] relative row-[1_/_2] w-[285px] h-20 flex flex-col items-start gap-2.5 p-2.5 bg-white rounded border border-solid border-[#f1f1f1]">
|
|||
|
|
<div class="inline-flex items-start gap-2 relative flex-[0_0_auto]">
|
|||
|
|
<img class="relative w-[60px] h-[60px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10-1.png" />
|
|||
|
|
<div class="flex flex-col w-[197px] items-start gap-3 relative">
|
|||
|
|
<div class="flex items-start gap-1 relative self-stretch w-full flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[177px] h-[30px] mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Toshiba inverter 555 lít GR - SFSADUYW - 234
|
|||
|
|
</p>
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/carbon-close-filled.svg" />
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch h-[17px] [font-family:'Roboto',Helvetica] font-normal text-transparent text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
<span class="font-extrabold text-[#df0000] tracking-[-0.03px]">12.990.000 </span>
|
|||
|
|
<span class="font-extrabold text-[#df0000] tracking-[-0.03px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="col-[3_/_4] relative row-[1_/_2] w-[285px] h-20 flex flex-col items-start gap-2.5 p-2.5 bg-white rounded border border-solid border-[#f1f1f1]">
|
|||
|
|
<div class="inline-flex items-start gap-2 relative flex-[0_0_auto]">
|
|||
|
|
<img class="relative w-[60px] h-[60px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10-2.png" />
|
|||
|
|
<div class="flex flex-col w-[197px] items-start gap-3 relative">
|
|||
|
|
<div class="flex items-start gap-1 relative self-stretch w-full flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[177px] h-[30px] mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Toshiba inverter 555 lít GR - SFSADUYW - 234
|
|||
|
|
</p>
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/carbon-close-filled.svg" />
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch h-[17px] [font-family:'Roboto',Helvetica] font-normal text-transparent text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
<span class="font-extrabold text-[#df0000] tracking-[-0.03px]">12.990.000 </span>
|
|||
|
|
<span class="font-extrabold text-[#df0000] tracking-[-0.03px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="col-[4_/_5] relative row-[1_/_2] w-[285px] h-20 flex flex-col items-start gap-2.5 p-2.5 bg-white rounded border border-solid border-[#f1f1f1]">
|
|||
|
|
<div class="inline-flex items-start gap-2 relative flex-[0_0_auto]">
|
|||
|
|
<img class="relative w-[60px] h-[60px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-10-3.png" />
|
|||
|
|
<div class="flex flex-col w-[197px] items-start gap-3 relative">
|
|||
|
|
<div class="flex items-start gap-1 relative self-stretch w-full flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[177px] h-[30px] mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Toshiba inverter 555 lít GR - SFSADUYW - 234
|
|||
|
|
</p>
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/carbon-close-filled.svg" />
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch h-[17px] [font-family:'Roboto',Helvetica] font-normal text-transparent text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
<span class="font-extrabold text-[#df0000] tracking-[-0.03px]">12.990.000 </span>
|
|||
|
|
<span class="font-extrabold text-[#df0000] tracking-[-0.03px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative self-stretch w-full h-[1006px] bg-[url(https://c.animaapp.com/mm4knw6sjZoD1P/img/group-222-1.png)] bg-cover bg-[50%_50%]">
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-1 grid-rows-[repeat(4,fit-content(100%))] w-[1178px] h-[896px] gap-3 relative top-[93px] left-[11px]">
|
|||
|
|
<div class="relative row-[1_/_2] col-[1_/_2] justify-self-center w-[610px] h-[54px]">
|
|||
|
|
<p
|
|||
|
|
class="absolute top-[7px] left-[88px] w-[431px] [font-family:'Be_Vietnam_Pro',Helvetica] font-bold text-white text-2xl text-center tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
NGẬP TRÀN ƯU ĐÃI- ĐỪNG BỎ LỠ!
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="relative row-[2_/_3] col-[1_/_2] w-full h-fit flex items-center gap-2">
|
|||
|
|
<div
|
|||
|
|
class="inline-flex items-center justify-center gap-2.5 px-[17px] py-1.5 relative flex-[0_0_auto] bg-white rounded-[25222px]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
Tết Chill - Voucher 15%
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="inline-flex items-center justify-center gap-2.5 px-[17px] py-1.5 relative flex-[0_0_auto] bg-white rounded-[25222px]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
Tivi - Giảm 50%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="inline-flex items-center justify-center gap-2.5 px-[17px] py-1.5 relative flex-[0_0_auto] bg-white rounded-[25222px]">
|
|||
|
|
<div
|
|||
|
|
class="font-normal text-black text-[13px] tracking-[0] relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] leading-[normal] whitespace-nowrap">
|
|||
|
|
Gia Dụng - 50%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="inline-flex items-center justify-center gap-2.5 px-[17px] py-1.5 relative flex-[0_0_auto] bg-white rounded-[25222px]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
Máy Giặt - 50%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="inline-flex items-center justify-center gap-2.5 px-[17px] py-1.5 relative flex-[0_0_auto] bg-white rounded-[25222px]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
Phụ Kiện - 50%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="inline-flex items-center justify-center gap-2.5 px-[17px] py-1.5 relative flex-[0_0_auto] bg-white rounded-[25222px]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
Công Nghệ Cao - 50%
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="inline-flex items-center justify-center gap-2.5 px-[17px] py-1.5 relative flex-[0_0_auto] bg-white rounded-[25222px]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
Điều Hòa - 50%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="inline-flex items-center justify-center gap-2.5 px-[17px] py-1.5 relative flex-[0_0_auto] bg-white rounded-[25222px]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
Tủ Lạnh - 50%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-5 grid-rows-[repeat(2,fit-content(100%))] h-fit gap-2 relative row-[3_/_4] col-[1_/_2] w-full">
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[1_/_2] w-[227px] h-fit flex flex-col items-start gap-3 px-[11px] py-3 bg-white rounded-lg">
|
|||
|
|
<img class="relative self-stretch w-full h-[204px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-34-25.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex flex-col h-[51px] items-start justify-center gap-1 px-2 py-[7px] relative self-stretch w-full">
|
|||
|
|
<img class="absolute top-0 left-0 w-[204px] h-[51px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-220-1.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-[98px] mt-[-0.50px] font-bold text-white text-base tracking-[-0.32px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
15.000.000 đ
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[104px] font-normal text-white text-[11px] tracking-[-0.22px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
18.000.000 đ (-20%)
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="flex h-7 items-center justify-center gap-2.5 px-14 py-1.5 relative self-stretch w-full bg-white rounded-[222px] border border-solid border-[#df0000]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-medium text-[#bd0000] text-sm text-center tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|||
|
|
MUA DEAL HỜI
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="row-[1_/_2] col-[2_/_3] relative w-[227px] h-fit flex flex-col items-start gap-3 px-[11px] py-3 bg-white rounded-lg">
|
|||
|
|
<img class="relative self-stretch w-full h-[204px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-34-25.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex flex-col h-[51px] items-start justify-center gap-1 px-2 py-[7px] relative self-stretch w-full">
|
|||
|
|
<img class="absolute top-0 left-0 w-[204px] h-[51px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-220-2.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-[98px] mt-[-0.50px] font-bold text-white text-base tracking-[-0.32px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
15.000.000 đ
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[104px] font-normal text-white text-[11px] tracking-[-0.22px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
18.000.000 đ (-20%)
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="flex h-7 items-center justify-center gap-2.5 px-14 py-1.5 relative self-stretch w-full bg-white rounded-[222px] border border-solid border-[#df0000]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-medium text-[#bd0000] text-sm text-center tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|||
|
|
MUA DEAL HỜI
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="row-[1_/_2] col-[3_/_4] relative w-[227px] h-fit flex flex-col items-start gap-3 px-[11px] py-3 bg-white rounded-lg">
|
|||
|
|
<img class="relative self-stretch w-full h-[204px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-34-25.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex flex-col h-[51px] items-start justify-center gap-1 px-2 py-[7px] relative self-stretch w-full">
|
|||
|
|
<img class="absolute top-0 left-0 w-[204px] h-[51px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-220-3.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-[98px] mt-[-0.50px] font-bold text-white text-base tracking-[-0.32px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
15.000.000 đ
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[104px] font-normal text-white text-[11px] tracking-[-0.22px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
18.000.000 đ (-20%)
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="flex h-7 items-center justify-center gap-2.5 px-14 py-1.5 relative self-stretch w-full bg-white rounded-[222px] border border-solid border-[#df0000]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-medium text-[#bd0000] text-sm text-center tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|||
|
|
MUA DEAL HỜI
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="row-[1_/_2] col-[4_/_5] relative w-[227px] h-fit flex flex-col items-start gap-3 px-[11px] py-3 bg-white rounded-lg">
|
|||
|
|
<img class="relative self-stretch w-full h-[204px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-34-25.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex flex-col h-[51px] items-start justify-center gap-1 px-2 py-[7px] relative self-stretch w-full">
|
|||
|
|
<img class="absolute top-0 left-0 w-[204px] h-[51px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-220-4.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-[98px] mt-[-0.50px] font-bold text-white text-base tracking-[-0.32px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
15.000.000 đ
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[104px] font-normal text-white text-[11px] tracking-[-0.22px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
18.000.000 đ (-20%)
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="flex h-7 items-center justify-center gap-2.5 px-14 py-1.5 relative self-stretch w-full bg-white rounded-[222px] border border-solid border-[#df0000]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-medium text-[#bd0000] text-sm text-center tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|||
|
|
MUA DEAL HỜI
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="row-[1_/_2] col-[5_/_6] relative w-[227px] h-fit flex flex-col items-start gap-3 px-[11px] py-3 bg-white rounded-lg">
|
|||
|
|
<img class="relative self-stretch w-full h-[204px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-34-25.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex flex-col h-[51px] items-start justify-center gap-1 px-2 py-[7px] relative self-stretch w-full">
|
|||
|
|
<img class="absolute top-0 left-0 w-[204px] h-[51px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-220-5.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-[98px] mt-[-0.50px] font-bold text-white text-base tracking-[-0.32px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
15.000.000 đ
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[104px] font-normal text-white text-[11px] tracking-[-0.22px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
18.000.000 đ (-20%)
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="flex h-7 items-center justify-center gap-2.5 px-14 py-1.5 relative self-stretch w-full bg-white rounded-[222px] border border-solid border-[#df0000]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-medium text-[#bd0000] text-sm text-center tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|||
|
|
MUA DEAL HỜI
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="row-[2_/_3] col-[1_/_2] relative w-[227px] h-fit flex flex-col items-start gap-3 px-[11px] py-3 bg-white rounded-lg">
|
|||
|
|
<img class="relative self-stretch w-full h-[204px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-34-25.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex flex-col h-[51px] items-start justify-center gap-1 px-2 py-[7px] relative self-stretch w-full">
|
|||
|
|
<img class="absolute top-0 left-0 w-[204px] h-[51px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-220-6.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-[98px] mt-[-0.50px] font-bold text-white text-base tracking-[-0.32px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
15.000.000 đ
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[104px] font-normal text-white text-[11px] tracking-[-0.22px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
18.000.000 đ (-20%)
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="flex h-7 items-center justify-center gap-2.5 px-14 py-1.5 relative self-stretch w-full bg-white rounded-[222px] border border-solid border-[#df0000]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-medium text-[#bd0000] text-sm text-center tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|||
|
|
MUA DEAL HỜI
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="row-[2_/_3] col-[2_/_3] relative w-[227px] h-fit flex flex-col items-start gap-3 px-[11px] py-3 bg-white rounded-lg">
|
|||
|
|
<img class="relative self-stretch w-full h-[204px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-34-25.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex flex-col h-[51px] items-start justify-center gap-1 px-2 py-[7px] relative self-stretch w-full">
|
|||
|
|
<img class="absolute top-0 left-0 w-[204px] h-[51px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-220-7.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-[98px] mt-[-0.50px] font-bold text-white text-base tracking-[-0.32px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
15.000.000 đ
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[104px] font-normal text-white text-[11px] tracking-[-0.22px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
18.000.000 đ (-20%)
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="flex h-7 items-center justify-center gap-2.5 px-14 py-1.5 relative self-stretch w-full bg-white rounded-[222px] border border-solid border-[#df0000]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-medium text-[#bd0000] text-sm text-center tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|||
|
|
MUA DEAL HỜI
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="row-[2_/_3] col-[3_/_4] relative w-[227px] h-fit flex flex-col items-start gap-3 px-[11px] py-3 bg-white rounded-lg">
|
|||
|
|
<img class="relative self-stretch w-full h-[204px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-34-25.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex flex-col h-[51px] items-start justify-center gap-1 px-2 py-[7px] relative self-stretch w-full">
|
|||
|
|
<img class="absolute top-0 left-0 w-[204px] h-[51px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-220-8.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-[98px] mt-[-0.50px] font-bold text-white text-base tracking-[-0.32px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
15.000.000 đ
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[104px] font-normal text-white text-[11px] tracking-[-0.22px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
18.000.000 đ (-20%)
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="flex h-7 items-center justify-center gap-2.5 px-14 py-1.5 relative self-stretch w-full bg-white rounded-[222px] border border-solid border-[#df0000]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-medium text-[#bd0000] text-sm text-center tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|||
|
|
MUA DEAL HỜI
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="row-[2_/_3] col-[4_/_5] relative w-[227px] h-fit flex flex-col items-start gap-3 px-[11px] py-3 bg-white rounded-lg">
|
|||
|
|
<img class="relative self-stretch w-full h-[204px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-34-25.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex flex-col h-[51px] items-start justify-center gap-1 px-2 py-[7px] relative self-stretch w-full">
|
|||
|
|
<img class="absolute top-0 left-0 w-[204px] h-[51px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-220-9.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-[98px] mt-[-0.50px] font-bold text-white text-base tracking-[-0.32px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
15.000.000 đ
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[104px] font-normal text-white text-[11px] tracking-[-0.22px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
18.000.000 đ (-20%)
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="flex h-7 items-center justify-center gap-2.5 px-14 py-1.5 relative self-stretch w-full bg-white rounded-[222px] border border-solid border-[#df0000]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-medium text-[#bd0000] text-sm text-center tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|||
|
|
MUA DEAL HỜI
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="row-[2_/_3] col-[5_/_6] relative w-[227px] h-fit flex flex-col items-start gap-3 px-[11px] py-3 bg-white rounded-lg">
|
|||
|
|
<img class="relative self-stretch w-full h-[204px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-34-25.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex flex-col h-[51px] items-start justify-center gap-1 px-2 py-[7px] relative self-stretch w-full">
|
|||
|
|
<img class="absolute top-0 left-0 w-[204px] h-[51px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-220-10.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-[98px] mt-[-0.50px] font-bold text-white text-base tracking-[-0.32px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
15.000.000 đ
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[104px] font-normal text-white text-[11px] tracking-[-0.22px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
18.000.000 đ (-20%)
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="flex h-7 items-center justify-center gap-2.5 px-14 py-1.5 relative self-stretch w-full bg-white rounded-[222px] border border-solid border-[#df0000]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-medium text-[#bd0000] text-sm text-center tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|||
|
|
MUA DEAL HỜI
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="relative row-[4_/_5] col-[1_/_2] w-[104px] h-[25px]">
|
|||
|
|
<div class="w-[106px] flex gap-[3px]">
|
|||
|
|
<div
|
|||
|
|
class="w-[85px] h-[25px] [font-family:'Roboto',Helvetica] font-medium text-[#db0000] text-[13px] tracking-[-0.26px] leading-[24.8px] whitespace-nowrap">
|
|||
|
|
Xem thêm deal
|
|||
|
|
</div>
|
|||
|
|
<img class="mt-2 w-4 h-2.5" src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-141.png" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-1 grid-rows-[repeat(2,fit-content(100%))] h-fit gap-3 px-3 py-5 bg-white rounded-lg">
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[1_/_2] w-[1175px] h-[33px] [font-family:'Roboto',Helvetica] font-bold text-black text-[28px] tracking-[-0.56px] leading-[normal]">
|
|||
|
|
Top trending
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-[0px_12px] relative row-[2_/_3] col-[1_/_2]">
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[1_/_2] w-[285px] h-[420px] flex flex-col items-start gap-[19px] px-3 py-4 bg-white rounded">
|
|||
|
|
<div class="relative w-[148px] h-[19px]">
|
|||
|
|
<div
|
|||
|
|
class="absolute top-0 left-0 [font-family:'Roboto',Helvetica] font-bold text-[#1877f2] text-base tracking-[-0.32px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Combo văn phòng
|
|||
|
|
</div>
|
|||
|
|
<img class="absolute top-[5px] left-[130px] w-4 h-[11px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-188.png" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="flex flex-wrap w-[262px] items-start gap-[12px_12px] relative flex-[0_0_auto] mr-[-1.00px]">
|
|||
|
|
<div class="relative w-[124.72px] h-[166px] bg-white rounded">
|
|||
|
|
<div class="w-[127px] h-36 flex flex-col gap-1">
|
|||
|
|
<div class="w-[124.72px] h-[125px] flex bg-white rounded">
|
|||
|
|
<img class="mt-[21.3px] w-[125px] h-[83.39px] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-30.png" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="ml-[5.0px] w-[115.74px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Máy in laser trắng...
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-[125px] h-[166px]">
|
|||
|
|
<div class="absolute top-0 left-0 w-[124px] h-[166px] bg-white rounded"></div>
|
|||
|
|
<div class="absolute top-0 left-0 gap-1 w-[127px] h-36 flex flex-col">
|
|||
|
|
<div class="w-[125px] h-[125px] relative">
|
|||
|
|
<div class="absolute top-0 left-0 w-[124px] h-[125px] bg-white rounded"></div>
|
|||
|
|
<img class="absolute top-[21px] left-px w-[125px] h-[83px] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-30-1.png" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="ml-[1.0px] w-[122.39px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Màn hình máy tính...
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-[262px] h-[166px]">
|
|||
|
|
<div class="absolute top-0 left-0 w-[125px] h-[166px] flex bg-white rounded">
|
|||
|
|
<div class="gap-[5px] w-[127px] h-36 flex flex-col">
|
|||
|
|
<div class="w-[124.72px] h-[125px] flex bg-white rounded">
|
|||
|
|
<img class="mt-[21.9px] w-[124.97px] h-[83.37px] ml-0 object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-30-2.png" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="ml-[24.9px] w-[74.83px] h-3.5 [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Mac mini ...
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute top-0 left-[137px] w-[125px] h-[166px]">
|
|||
|
|
<div class="absolute top-0 left-0 w-[124px] h-[166px] bg-white rounded"></div>
|
|||
|
|
<div class="absolute top-0 left-0 gap-[5px] w-[127px] h-36 flex flex-col">
|
|||
|
|
<div class="w-[125px] h-[125px] relative">
|
|||
|
|
<div class="absolute top-0 left-0 w-[124px] h-[125px] bg-white rounded">
|
|||
|
|
</div>
|
|||
|
|
<img class="absolute top-[22px] left-px w-[125px] h-[83px] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-30-3.png" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="ml-[14.9px] w-[95.46px] h-3.5 [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Mực in phun...
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[2_/_3] w-[285px] h-[420px] flex flex-col items-start gap-4 px-3 py-4 bg-white rounded">
|
|||
|
|
<div class="relative w-[148px] h-[19px]">
|
|||
|
|
<div
|
|||
|
|
class="absolute top-0 left-0 [font-family:'Roboto',Helvetica] font-bold text-[#1877f2] text-base tracking-[-0.32px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Tivi bán chạy nhất
|
|||
|
|
</div>
|
|||
|
|
<img class="absolute top-[5px] left-[130px] w-4 h-[11px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-189.png" />
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-[262.36px] flex-[0_0_auto] mb-[-1.36px] mr-[-1.36px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/frame-59.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[3_/_4] w-[285px] h-[420px] flex flex-col items-start gap-4 px-3 py-4 bg-white rounded">
|
|||
|
|
<div class="relative w-[163px] h-[19px]">
|
|||
|
|
<div
|
|||
|
|
class="absolute top-0 left-0 [font-family:'Roboto',Helvetica] font-bold text-[#1877f2] text-base tracking-[-0.32px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sống khỏe mỗi ngày
|
|||
|
|
</div>
|
|||
|
|
<img class="absolute top-[5px] left-[145px] w-4 h-[11px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-190.png" />
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-[262.36px] flex-[0_0_auto] mb-[-1.36px] mr-[-1.36px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/frame-62.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[4_/_5] w-[285px] h-[420px] flex flex-col items-start gap-4 px-3 py-4 bg-white rounded">
|
|||
|
|
<div class="inline-flex items-center gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div
|
|||
|
|
class="font-bold text-[#1877f2] text-base tracking-[-0.32px] relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] leading-[normal] whitespace-nowrap">
|
|||
|
|
Gia dụng tiện ích
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-4 h-[10.67px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-191.png" />
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-[262px] flex-[0_0_auto] mb-[-1.00px] mr-[-1.00px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/frame-64.svg" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="relative self-stretch w-full h-[595px]">
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-5 grid-rows-1 w-[1200px] h-[462px] gap-3 px-3 py-[17px] absolute top-[133px] left-0 bg-white rounded-xl">
|
|||
|
|
<div
|
|||
|
|
class="relative row-[1_/_2] col-[1_/_2] w-[226px] h-fit flex flex-col items-start gap-2 px-[9px] py-2.5">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-full h-full top-0 left-0 bg-white rounded-lg border border-solid border-[#dbdbdb]">
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-52 h-52 rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-13-5.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex w-[86px] h-5 items-center gap-1 pl-0.5 pr-1.5 py-0.5 relative rounded-[2222px] overflow-hidden [background:linear-gradient(89deg,rgba(255,0,0,1)_0%,rgba(204,0,3,1)_95%)]">
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-18-2.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-white text-[10px] tracking-[-0.20px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sắm tết vô tư
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="inline-flex flex-col items-start gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2.5 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[109px] mt-[-1.00px] font-bold text-transparent text-lg tracking-[-0.36px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px]">7.490.000 </span>
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
<div class="relative w-[37px] h-4 mr-[-2.00px]">
|
|||
|
|
<div class="absolute w-[94.59%] h-full top-0 left-0 bg-[#ffeef0] rounded-[222px]">
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[59.46%] h-[75.00%] top-[12.50%] left-[18.92%] font-medium text-[#dc0d28] text-[10px] tracking-[-0.20px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
-20%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[63px] font-medium text-[#c5c5c5] text-xs tracking-[-0.24px] line-through [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
7.490.000 đ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="w-52 relative [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-2">
|
|||
|
|
<img class="col-[1_/_2] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-1-18.png" />
|
|||
|
|
<img class="col-[2_/_3] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[3_/_4] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[4_/_5] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-center justify-between relative self-stretch w-full flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[97px] h-3.5">
|
|||
|
|
<div class="absolute w-[11.34%] h-[78.57%] top-[7.14%] left-0">
|
|||
|
|
<img class="absolute w-[100.00%] h-full top-0 left-[3.90%]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/star-1.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute w-[88.66%] h-full top-0 left-[15.46%]">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[77.91%] h-full top-0 left-[17.44%] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đã bán 24,9k
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[8.14%] h-full top-0 left-0 [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
5
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[2.33%] h-[14.29%] top-[42.86%] left-[11.63%] bg-[#707070] rounded-[1px]">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-6 h-6"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-77-2.png" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="col-[2_/_3] relative row-[1_/_2] w-[226px] h-fit flex flex-col items-start gap-2 px-[9px] py-2.5">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-full h-full top-0 left-0 bg-white rounded-lg border border-solid border-[#dbdbdb]">
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-52 h-52 rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-13-5.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex w-[86px] h-5 items-center gap-1 pl-0.5 pr-1.5 py-0.5 relative rounded-[2222px] overflow-hidden [background:linear-gradient(89deg,rgba(255,0,0,1)_0%,rgba(204,0,3,1)_95%)]">
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-18-3.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-white text-[10px] tracking-[-0.20px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sắm tết vô tư
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="inline-flex flex-col items-start gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2.5 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[109px] mt-[-1.00px] font-bold text-transparent text-lg tracking-[-0.36px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px]">7.490.000 </span>
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
<div class="relative w-[37px] h-4 mr-[-2.00px]">
|
|||
|
|
<div class="absolute w-[94.59%] h-full top-0 left-0 bg-[#ffeef0] rounded-[222px]">
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[59.46%] h-[75.00%] top-[12.50%] left-[18.92%] font-medium text-[#dc0d28] text-[10px] tracking-[-0.20px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
-20%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[63px] font-medium text-[#c5c5c5] text-xs tracking-[-0.24px] line-through [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
7.490.000 đ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="w-52 relative [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-2">
|
|||
|
|
<img class="col-[1_/_2] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-1-18.png" />
|
|||
|
|
<img class="relative row-[1_/_2] col-[2_/_3] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[3_/_4] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[4_/_5] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-center justify-between relative self-stretch w-full flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[97px] h-3.5">
|
|||
|
|
<div class="absolute w-[11.34%] h-[78.57%] top-[7.14%] left-0">
|
|||
|
|
<img class="absolute w-[100.00%] h-full top-0 left-[3.90%]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/star-1.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute w-[88.66%] h-full top-0 left-[15.46%]">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[77.91%] h-full top-0 left-[17.44%] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đã bán 24,9k
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[8.14%] h-full top-0 left-0 [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
5
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[2.33%] h-[14.29%] top-[42.86%] left-[11.63%] bg-[#707070] rounded-[1px]">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-6 h-6"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-77-3.png" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="col-[3_/_4] relative row-[1_/_2] w-[226px] h-fit flex flex-col items-start gap-2 px-[9px] py-2.5">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-full h-full top-0 left-0 bg-white rounded-lg border border-solid border-[#dbdbdb]">
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-52 h-52 rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-13-5.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex w-[86px] h-5 items-center gap-1 pl-0.5 pr-1.5 py-0.5 relative rounded-[2222px] overflow-hidden [background:linear-gradient(89deg,rgba(255,0,0,1)_0%,rgba(204,0,3,1)_95%)]">
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-18-4.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-white text-[10px] tracking-[-0.20px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sắm tết vô tư
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="inline-flex flex-col items-start gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2.5 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[109px] mt-[-1.00px] font-bold text-transparent text-lg tracking-[-0.36px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px]">7.490.000 </span>
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
<div class="relative w-[37px] h-4 mr-[-2.00px]">
|
|||
|
|
<div class="absolute w-[94.59%] h-full top-0 left-0 bg-[#ffeef0] rounded-[222px]">
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[59.46%] h-[75.00%] top-[12.50%] left-[18.92%] font-medium text-[#dc0d28] text-[10px] tracking-[-0.20px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
-20%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[63px] font-medium text-[#c5c5c5] text-xs tracking-[-0.24px] line-through [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
7.490.000 đ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="w-52 relative [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-2">
|
|||
|
|
<img class="col-[1_/_2] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-1-18.png" />
|
|||
|
|
<img class="col-[2_/_3] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[3_/_4] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[4_/_5] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-center justify-between relative self-stretch w-full flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[97px] h-3.5">
|
|||
|
|
<div class="absolute w-[11.34%] h-[78.57%] top-[7.14%] left-0">
|
|||
|
|
<img class="absolute w-full h-full top-0 left-[3.90%]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/star-1.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute w-[88.66%] h-full top-0 left-[15.46%]">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[77.91%] h-full top-0 left-[17.44%] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đã bán 24,9k
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[8.14%] h-full top-0 left-0 [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
5
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[2.33%] h-[14.29%] top-[42.86%] left-[11.63%] bg-[#707070] rounded-[1px]">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-6 h-6"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-77-4.png" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="col-[4_/_5] relative row-[1_/_2] w-[226px] h-fit flex flex-col items-start gap-2 px-[9px] py-2.5">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-full h-full top-0 left-0 bg-white rounded-lg border border-solid border-[#dbdbdb]">
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-52 h-52 rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-13-5.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex w-[86px] h-5 items-center gap-1 pl-0.5 pr-1.5 py-0.5 relative rounded-[2222px] overflow-hidden [background:linear-gradient(89deg,rgba(255,0,0,1)_0%,rgba(204,0,3,1)_95%)]">
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-18-5.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-white text-[10px] tracking-[-0.20px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sắm tết vô tư
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="inline-flex flex-col items-start gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2.5 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[109px] mt-[-1.00px] font-bold text-transparent text-lg tracking-[-0.36px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px]">7.490.000 </span>
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
<div class="relative w-[37px] h-4 mr-[-2.00px]">
|
|||
|
|
<div class="absolute w-[94.59%] h-full top-0 left-0 bg-[#ffeef0] rounded-[222px]">
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[59.46%] h-[75.00%] top-[12.50%] left-[18.92%] font-medium text-[#dc0d28] text-[10px] tracking-[-0.20px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
-20%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[63px] font-medium text-[#c5c5c5] text-xs tracking-[-0.24px] line-through [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
7.490.000 đ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="w-52 relative [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-2">
|
|||
|
|
<img class="col-[1_/_2] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-1-18.png" />
|
|||
|
|
<img class="col-[2_/_3] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[3_/_4] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[4_/_5] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-center justify-between relative self-stretch w-full flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[97px] h-3.5">
|
|||
|
|
<div class="absolute w-[11.34%] h-[78.57%] top-[7.14%] left-0">
|
|||
|
|
<img class="absolute w-full h-full top-0 left-[3.90%]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/star-1.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute w-[88.66%] h-full top-0 left-[15.46%]">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[77.91%] h-full top-0 left-[17.44%] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đã bán 24,9k
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[8.14%] h-full top-0 left-0 [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
5
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[2.33%] h-[14.29%] top-[42.86%] left-[11.63%] bg-[#707070] rounded-[1px]">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-6 h-6"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-77-5.png" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="col-[5_/_6] relative row-[1_/_2] w-[226px] h-fit flex flex-col items-start gap-2 px-[9px] py-2.5">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-full h-full top-0 left-0 bg-white rounded-lg border border-solid border-[#dbdbdb]">
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-52 h-52 rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-13-5.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex w-[86px] h-5 items-center gap-1 pl-0.5 pr-1.5 py-0.5 relative rounded-[2222px] overflow-hidden [background:linear-gradient(89deg,rgba(255,0,0,1)_0%,rgba(204,0,3,1)_95%)]">
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-18-6.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-white text-[10px] tracking-[-0.20px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sắm tết vô tư
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="inline-flex flex-col items-start gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2.5 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[109px] mt-[-1.00px] font-bold text-transparent text-lg tracking-[-0.36px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px]">7.490.000 </span>
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
<div class="relative w-[37px] h-4 mr-[-2.00px]">
|
|||
|
|
<div class="absolute w-[94.59%] h-full top-0 left-0 bg-[#ffeef0] rounded-[222px]">
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[59.46%] h-[75.00%] top-[12.50%] left-[18.92%] font-medium text-[#dc0d28] text-[10px] tracking-[-0.20px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
-20%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[63px] font-medium text-[#c5c5c5] text-xs tracking-[-0.24px] line-through [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
7.490.000 đ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="w-52 relative [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-2">
|
|||
|
|
<img class="col-[1_/_2] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-1-18.png" />
|
|||
|
|
<img class="col-[2_/_3] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[3_/_4] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[4_/_5] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-center justify-between relative self-stretch w-full flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[97px] h-3.5">
|
|||
|
|
<div class="absolute w-[11.34%] h-[78.57%] top-[7.14%] left-0">
|
|||
|
|
<img class="absolute w-full h-full top-0 left-[3.90%]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/star-1.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute w-[88.66%] h-full top-0 left-[15.46%]">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[77.91%] h-full top-0 left-[17.44%] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đã bán 24,9k
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[8.14%] h-full top-0 left-0 [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
5
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[2.33%] h-[14.29%] top-[42.86%] left-[11.63%] bg-[#707070] rounded-[1px]">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-6 h-6"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-77-6.png" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="absolute top-0 left-[calc(50.00%_-_395px)] w-[790px] h-[117px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-184-1.png" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="flex flex-col h-[470px] items-start gap-3 px-3 py-5 relative self-stretch w-full bg-white rounded-lg">
|
|||
|
|
<div class="relative self-stretch w-full h-[33px]">
|
|||
|
|
<p
|
|||
|
|
class="absolute top-0 left-0 [font-family:'Roboto',Helvetica] font-bold text-black text-[28px] tracking-[-0.56px] leading-[normal] whitespace-nowrap">
|
|||
|
|
ĐIỆN TỬ - VIỄN THÔNG
|
|||
|
|
</p>
|
|||
|
|
<div class="inline-flex items-center gap-1 absolute top-[9px] left-[1099px]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-[#db0000] text-sm tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Xem tất cả
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-2 h-2"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ooui-next-ltr.svg" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-center gap-3 relative self-stretch w-full flex-[0_0_auto]">
|
|||
|
|
<img class="relative w-96 h-[385px]" src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-19.png" />
|
|||
|
|
<div class="flex flex-col w-[186px] h-[377px] items-start gap-[9px] px-[9px] py-2.5 relative">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-full h-full top-0 left-0 bg-white rounded-lg border border-solid border-[#dbdbdb]">
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-[168px] h-[168px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-27-12.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex w-[86px] h-5 items-center gap-1 pl-0.5 pr-1.5 py-0.5 relative rounded-[2222px] overflow-hidden [background:linear-gradient(89deg,rgba(255,0,0,1)_0%,rgba(204,0,3,1)_95%)]">
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-18-7.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-white text-[10px] tracking-[-0.20px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sắm tết vô tư
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="inline-flex flex-col items-start gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2.5 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[109px] mt-[-1.00px] font-bold text-transparent text-lg tracking-[-0.36px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px]">7.490.000 </span>
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
<div class="relative w-[37px] h-4 mr-[-2.00px]">
|
|||
|
|
<div class="absolute w-[94.59%] h-full top-0 left-0 bg-[#ffeef0] rounded-[222px]">
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[59.46%] h-[75.00%] top-[12.50%] left-[18.92%] font-medium text-[#dc0d28] text-[10px] tracking-[-0.20px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
-20%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[63px] font-medium text-[#c5c5c5] text-xs tracking-[-0.24px] line-through [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
7.490.000 đ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="w-[168px] relative [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-2">
|
|||
|
|
<img class="col-[1_/_2] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-1-18.png" />
|
|||
|
|
<img class="col-[2_/_3] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[3_/_4] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[4_/_5] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="flex w-[168px] items-center justify-between relative flex-[0_0_auto] mb-[-1.00px]">
|
|||
|
|
<div class="inline-flex items-center gap-[3px] relative flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[11px] h-[11px]">
|
|||
|
|
<img class="absolute w-full h-full top-0 left-[3.90%]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/star-1.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
5
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-0.5 h-0.5 bg-[#707070] rounded-[1px]"></div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đã bán 24,9k
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-6 h-6"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-77-7.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute top-[367px] left-[7px] w-[172px] h-10"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex flex-col w-[186px] h-[377px] items-start gap-[9px] px-[9px] py-2.5 relative">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-full h-full top-0 left-0 bg-white rounded-lg border border-solid border-[#dbdbdb]">
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-[168px] h-[168px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-27-12.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex w-[86px] h-5 items-center gap-1 pl-0.5 pr-1.5 py-0.5 relative rounded-[2222px] overflow-hidden [background:linear-gradient(89deg,rgba(255,0,0,1)_0%,rgba(204,0,3,1)_95%)]">
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-18-8.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-white text-[10px] tracking-[-0.20px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sắm tết vô tư
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="inline-flex flex-col items-start gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2.5 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[109px] mt-[-1.00px] font-bold text-transparent text-lg tracking-[-0.36px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px]">7.490.000 </span>
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
<div class="relative w-[37px] h-4 mr-[-2.00px]">
|
|||
|
|
<div class="absolute w-[94.59%] h-full top-0 left-0 bg-[#ffeef0] rounded-[222px]">
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[59.46%] h-[75.00%] top-[12.50%] left-[18.92%] font-medium text-[#dc0d28] text-[10px] tracking-[-0.20px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
-20%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[63px] font-medium text-[#c5c5c5] text-xs tracking-[-0.24px] line-through [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
7.490.000 đ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="w-[168px] relative [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-2">
|
|||
|
|
<img class="col-[1_/_2] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-1-18.png" />
|
|||
|
|
<img class="col-[2_/_3] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[3_/_4] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[4_/_5] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="flex w-[168px] items-center justify-between relative flex-[0_0_auto] mb-[-1.00px]">
|
|||
|
|
<div class="inline-flex items-center gap-[3px] relative flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[11px] h-[11px]">
|
|||
|
|
<img class="absolute w-full h-full top-0 left-[3.90%]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/star-1.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
5
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-0.5 h-0.5 bg-[#707070] rounded-[1px]"></div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đã bán 24,9k
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-6 h-6"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-77-8.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute top-[367px] left-[7px] w-[172px] h-10"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex flex-col w-[186px] h-[377px] items-start gap-[9px] px-[9px] py-2.5 relative">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-full h-full top-0 left-0 bg-white rounded-lg border border-solid border-[#dbdbdb]">
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-[168px] h-[168px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-27-12.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex w-[86px] h-5 items-center gap-1 pl-0.5 pr-1.5 py-0.5 relative rounded-[2222px] overflow-hidden [background:linear-gradient(89deg,rgba(255,0,0,1)_0%,rgba(204,0,3,1)_95%)]">
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-18-9.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-white text-[10px] tracking-[-0.20px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sắm tết vô tư
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="inline-flex flex-col items-start gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2.5 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[109px] mt-[-1.00px] font-bold text-transparent text-lg tracking-[-0.36px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px]">7.490.000 </span>
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
<div class="relative w-[37px] h-4 mr-[-2.00px]">
|
|||
|
|
<div class="absolute w-[94.59%] h-full top-0 left-0 bg-[#ffeef0] rounded-[222px]">
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[59.46%] h-[75.00%] top-[12.50%] left-[18.92%] font-medium text-[#dc0d28] text-[10px] tracking-[-0.20px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
-20%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[63px] font-medium text-[#c5c5c5] text-xs tracking-[-0.24px] line-through [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
7.490.000 đ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="w-[168px] relative [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-2">
|
|||
|
|
<img class="col-[1_/_2] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-1-18.png" />
|
|||
|
|
<img class="col-[2_/_3] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[3_/_4] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[4_/_5] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="flex w-[168px] items-center justify-between relative flex-[0_0_auto] mb-[-1.00px]">
|
|||
|
|
<div class="inline-flex items-center gap-[3px] relative flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[11px] h-[11px]">
|
|||
|
|
<img class="absolute w-full h-full top-0 left-[3.90%]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/star-1.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
5
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-0.5 h-0.5 bg-[#707070] rounded-[1px]"></div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đã bán 24,9k
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-6 h-6"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-77-9.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute top-[367px] left-[7px] w-[172px] h-10"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex flex-col w-[186px] h-[377px] items-start gap-[9px] px-[9px] py-2.5 relative">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-full h-full top-0 left-0 bg-white rounded-lg border border-solid border-[#dbdbdb]">
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-[168px] h-[168px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-27-12.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex w-[86px] h-5 items-center gap-1 pl-0.5 pr-1.5 py-0.5 relative rounded-[2222px] overflow-hidden [background:linear-gradient(89deg,rgba(255,0,0,1)_0%,rgba(204,0,3,1)_95%)]">
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-18-10.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-white text-[10px] tracking-[-0.20px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sắm tết vô tư
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="inline-flex flex-col items-start gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2.5 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[109px] mt-[-1.00px] font-bold text-transparent text-lg tracking-[-0.36px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px]">7.490.000 </span>
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
<div class="relative w-[37px] h-4 mr-[-2.00px]">
|
|||
|
|
<div class="absolute w-[94.59%] h-full top-0 left-0 bg-[#ffeef0] rounded-[222px]">
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[59.46%] h-[75.00%] top-[12.50%] left-[18.92%] font-medium text-[#dc0d28] text-[10px] tracking-[-0.20px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
-20%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[63px] font-medium text-[#c5c5c5] text-xs tracking-[-0.24px] line-through [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
7.490.000 đ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="w-[168px] relative [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-2">
|
|||
|
|
<img class="col-[1_/_2] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-1-18.png" />
|
|||
|
|
<img class="col-[2_/_3] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[3_/_4] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[4_/_5] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="flex w-[168px] items-center justify-between relative flex-[0_0_auto] mb-[-1.00px]">
|
|||
|
|
<div class="inline-flex items-center gap-[3px] relative flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[11px] h-[11px]">
|
|||
|
|
<img class="absolute w-full h-full top-0 left-[3.90%]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/star-1.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
5
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-0.5 h-0.5 bg-[#707070] rounded-[1px]"></div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đã bán 24,9k
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-6 h-6"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-77-10.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute top-[367px] left-[7px] w-[172px] h-10"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="flex flex-col h-[470px] items-start gap-3 px-3 py-5 relative self-stretch w-full bg-white rounded-lg">
|
|||
|
|
<div class="relative self-stretch w-full h-[33px]">
|
|||
|
|
<p
|
|||
|
|
class="absolute top-0 left-0 [font-family:'Roboto',Helvetica] font-bold text-black text-[28px] tracking-[-0.56px] leading-[normal] whitespace-nowrap">
|
|||
|
|
ĐIỆN TỬ - VIỄN THÔNG
|
|||
|
|
</p>
|
|||
|
|
<div class="inline-flex items-center gap-1 absolute top-[9px] left-[1099px]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-[#db0000] text-sm tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Xem tất cả
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-2 h-2"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ooui-next-ltr.svg" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-center gap-3 relative self-stretch w-full flex-[0_0_auto]">
|
|||
|
|
<img class="relative w-96 h-[385px]" src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-17.png" />
|
|||
|
|
<div class="flex flex-col w-[186px] h-[377px] items-start gap-[9px] px-[9px] py-2.5 relative">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-full h-full top-0 left-0 bg-white rounded-lg border border-solid border-[#dbdbdb]">
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-[168px] h-[168px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-27-12.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex w-[86px] h-5 items-center gap-1 pl-0.5 pr-1.5 py-0.5 relative rounded-[2222px] overflow-hidden [background:linear-gradient(89deg,rgba(255,0,0,1)_0%,rgba(204,0,3,1)_95%)]">
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-18-11.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-white text-[10px] tracking-[-0.20px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sắm tết vô tư
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="inline-flex flex-col items-start gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2.5 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[109px] mt-[-1.00px] font-bold text-transparent text-lg tracking-[-0.36px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px]">7.490.000 </span>
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
<div class="relative w-[37px] h-4 mr-[-2.00px]">
|
|||
|
|
<div class="absolute w-[94.59%] h-full top-0 left-0 bg-[#ffeef0] rounded-[222px]">
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[59.46%] h-[75.00%] top-[12.50%] left-[18.92%] font-medium text-[#dc0d28] text-[10px] tracking-[-0.20px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
-20%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[63px] font-medium text-[#c5c5c5] text-xs tracking-[-0.24px] line-through [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
7.490.000 đ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="w-[168px] relative [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-2">
|
|||
|
|
<img class="col-[1_/_2] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-1-18.png" />
|
|||
|
|
<img class="col-[2_/_3] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[3_/_4] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[4_/_5] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="flex w-[168px] items-center justify-between relative flex-[0_0_auto] mb-[-1.00px]">
|
|||
|
|
<div class="inline-flex items-center gap-[3px] relative flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[11px] h-[11px]">
|
|||
|
|
<img class="absolute w-full h-full top-0 left-[3.90%]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/star-1.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
5
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-0.5 h-0.5 bg-[#707070] rounded-[1px]"></div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đã bán 24,9k
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-6 h-6"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-77-11.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute top-[367px] left-[7px] w-[172px] h-10"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex flex-col w-[186px] h-[377px] items-start gap-[9px] px-[9px] py-2.5 relative">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-full h-full top-0 left-0 bg-white rounded-lg border border-solid border-[#dbdbdb]">
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-[168px] h-[168px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-27-12.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex w-[86px] h-5 items-center gap-1 pl-0.5 pr-1.5 py-0.5 relative rounded-[2222px] overflow-hidden [background:linear-gradient(89deg,rgba(255,0,0,1)_0%,rgba(204,0,3,1)_95%)]">
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-18-12.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-white text-[10px] tracking-[-0.20px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sắm tết vô tư
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="inline-flex flex-col items-start gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2.5 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[109px] mt-[-1.00px] font-bold text-transparent text-lg tracking-[-0.36px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px]">7.490.000 </span>
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
<div class="relative w-[37px] h-4 mr-[-2.00px]">
|
|||
|
|
<div class="absolute w-[94.59%] h-full top-0 left-0 bg-[#ffeef0] rounded-[222px]">
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[59.46%] h-[75.00%] top-[12.50%] left-[18.92%] font-medium text-[#dc0d28] text-[10px] tracking-[-0.20px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
-20%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[63px] font-medium text-[#c5c5c5] text-xs tracking-[-0.24px] line-through [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
7.490.000 đ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="w-[168px] relative [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-2">
|
|||
|
|
<img class="col-[1_/_2] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-1-18.png" />
|
|||
|
|
<img class="col-[2_/_3] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[3_/_4] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[4_/_5] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="flex w-[168px] items-center justify-between relative flex-[0_0_auto] mb-[-1.00px]">
|
|||
|
|
<div class="inline-flex items-center gap-[3px] relative flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[11px] h-[11px]">
|
|||
|
|
<img class="absolute w-full h-full top-0 left-[3.90%]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/star-1.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
5
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-0.5 h-0.5 bg-[#707070] rounded-[1px]"></div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đã bán 24,9k
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-6 h-6"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-77-12.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute top-[367px] left-[7px] w-[172px] h-10"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex flex-col w-[186px] h-[377px] items-start gap-[9px] px-[9px] py-2.5 relative">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-full h-full top-0 left-0 bg-white rounded-lg border border-solid border-[#dbdbdb]">
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-[168px] h-[168px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-27-12.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex w-[86px] h-5 items-center gap-1 pl-0.5 pr-1.5 py-0.5 relative rounded-[2222px] overflow-hidden [background:linear-gradient(89deg,rgba(255,0,0,1)_0%,rgba(204,0,3,1)_95%)]">
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-18-13.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-white text-[10px] tracking-[-0.20px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sắm tết vô tư
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="inline-flex flex-col items-start gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2.5 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[109px] mt-[-1.00px] font-bold text-transparent text-lg tracking-[-0.36px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px]">7.490.000 </span>
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
<div class="relative w-[37px] h-4 mr-[-2.00px]">
|
|||
|
|
<div class="absolute w-[94.59%] h-full top-0 left-0 bg-[#ffeef0] rounded-[222px]">
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[59.46%] h-[75.00%] top-[12.50%] left-[18.92%] font-medium text-[#dc0d28] text-[10px] tracking-[-0.20px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
-20%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[63px] font-medium text-[#c5c5c5] text-xs tracking-[-0.24px] line-through [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
7.490.000 đ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="w-[168px] relative [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-2">
|
|||
|
|
<img class="col-[1_/_2] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-1-18.png" />
|
|||
|
|
<img class="col-[2_/_3] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[3_/_4] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[4_/_5] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="flex w-[168px] items-center justify-between relative flex-[0_0_auto] mb-[-1.00px]">
|
|||
|
|
<div class="inline-flex items-center gap-[3px] relative flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[11px] h-[11px]">
|
|||
|
|
<img class="absolute w-full h-full top-0 left-[3.90%]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/star-1.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
5
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-0.5 h-0.5 bg-[#707070] rounded-[1px]"></div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đã bán 24,9k
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-6 h-6"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-77-13.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute top-[367px] left-[7px] w-[172px] h-10"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex flex-col w-[186px] h-[377px] items-start gap-[9px] px-[9px] py-2.5 relative">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-full h-full top-0 left-0 bg-white rounded-lg border border-solid border-[#dbdbdb]">
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-[168px] h-[168px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-27-12.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex w-[86px] h-5 items-center gap-1 pl-0.5 pr-1.5 py-0.5 relative rounded-[2222px] overflow-hidden [background:linear-gradient(89deg,rgba(255,0,0,1)_0%,rgba(204,0,3,1)_95%)]">
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-18-14.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-white text-[10px] tracking-[-0.20px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sắm tết vô tư
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="inline-flex flex-col items-start gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2.5 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[109px] mt-[-1.00px] font-bold text-transparent text-lg tracking-[-0.36px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px]">7.490.000 </span>
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
<div class="relative w-[37px] h-4 mr-[-2.00px]">
|
|||
|
|
<div class="absolute w-[94.59%] h-full top-0 left-0 bg-[#ffeef0] rounded-[222px]">
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[59.46%] h-[75.00%] top-[12.50%] left-[18.92%] font-medium text-[#dc0d28] text-[10px] tracking-[-0.20px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
-20%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[63px] font-medium text-[#c5c5c5] text-xs tracking-[-0.24px] line-through [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
7.490.000 đ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="w-[168px] relative [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-2">
|
|||
|
|
<img class="col-[1_/_2] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-1-18.png" />
|
|||
|
|
<img class="col-[2_/_3] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[3_/_4] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[4_/_5] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="flex w-[168px] items-center justify-between relative flex-[0_0_auto] mb-[-1.00px]">
|
|||
|
|
<div class="inline-flex items-center gap-[3px] relative flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[11px] h-[11px]">
|
|||
|
|
<img class="absolute w-full h-full top-0 left-[3.90%]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/star-1.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
5
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-0.5 h-0.5 bg-[#707070] rounded-[1px]"></div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đã bán 24,9k
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-6 h-6"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-77-14.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute top-[367px] left-[7px] w-[172px] h-10"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="flex flex-col h-[470px] items-start gap-3 px-3 py-5 relative self-stretch w-full bg-white rounded-lg">
|
|||
|
|
<div class="relative self-stretch w-full h-[33px]">
|
|||
|
|
<p
|
|||
|
|
class="absolute top-0 left-0 [font-family:'Roboto',Helvetica] font-bold text-black text-[28px] tracking-[-0.56px] leading-[normal] whitespace-nowrap">
|
|||
|
|
ĐIỆN TỬ - VIỄN THÔNG
|
|||
|
|
</p>
|
|||
|
|
<div class="inline-flex items-center gap-1 absolute top-[9px] left-[1099px]">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-[#db0000] text-sm tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Xem tất cả
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-2 h-2"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ooui-next-ltr.svg" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-center gap-3 relative self-stretch w-full flex-[0_0_auto]">
|
|||
|
|
<img class="relative w-96 h-[385px]" src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-15.png" />
|
|||
|
|
<div class="flex flex-col w-[186px] h-[377px] items-start gap-[9px] px-[9px] py-2.5 relative">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-full h-full top-0 left-0 bg-white rounded-lg border border-solid border-[#dbdbdb]">
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-[168px] h-[168px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-27-12.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex w-[86px] h-5 items-center gap-1 pl-0.5 pr-1.5 py-0.5 relative rounded-[2222px] overflow-hidden [background:linear-gradient(89deg,rgba(255,0,0,1)_0%,rgba(204,0,3,1)_95%)]">
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-18-15.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-white text-[10px] tracking-[-0.20px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sắm tết vô tư
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="inline-flex flex-col items-start gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2.5 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[109px] mt-[-1.00px] font-bold text-transparent text-lg tracking-[-0.36px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px]">7.490.000 </span>
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
<div class="relative w-[37px] h-4 mr-[-2.00px]">
|
|||
|
|
<div class="absolute w-[94.59%] h-full top-0 left-0 bg-[#ffeef0] rounded-[222px]">
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[59.46%] h-[75.00%] top-[12.50%] left-[18.92%] font-medium text-[#dc0d28] text-[10px] tracking-[-0.20px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
-20%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[63px] font-medium text-[#c5c5c5] text-xs tracking-[-0.24px] line-through [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
7.490.000 đ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="w-[168px] relative [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-2">
|
|||
|
|
<img class="col-[1_/_2] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-1-18.png" />
|
|||
|
|
<img class="col-[2_/_3] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[3_/_4] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[4_/_5] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="flex w-[168px] items-center justify-between relative flex-[0_0_auto] mb-[-1.00px]">
|
|||
|
|
<div class="inline-flex items-center gap-[3px] relative flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[11px] h-[11px]">
|
|||
|
|
<img class="absolute w-full h-full top-0 left-[3.90%]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/star-1.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
5
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-0.5 h-0.5 bg-[#707070] rounded-[1px]"></div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đã bán 24,9k
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-6 h-6"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-77-15.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute top-[367px] left-[7px] w-[172px] h-10"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex flex-col w-[186px] h-[377px] items-start gap-[9px] px-[9px] py-2.5 relative">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-full h-full top-0 left-0 bg-white rounded-lg border border-solid border-[#dbdbdb]">
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-[168px] h-[168px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-27-12.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex w-[86px] h-5 items-center gap-1 pl-0.5 pr-1.5 py-0.5 relative rounded-[2222px] overflow-hidden [background:linear-gradient(89deg,rgba(255,0,0,1)_0%,rgba(204,0,3,1)_95%)]">
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-18-16.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-white text-[10px] tracking-[-0.20px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sắm tết vô tư
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="inline-flex flex-col items-start gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2.5 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[109px] mt-[-1.00px] font-bold text-transparent text-lg tracking-[-0.36px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px]">7.490.000 </span>
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
<div class="relative w-[37px] h-4 mr-[-2.00px]">
|
|||
|
|
<div class="absolute w-[94.59%] h-full top-0 left-0 bg-[#ffeef0] rounded-[222px]">
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[59.46%] h-[75.00%] top-[12.50%] left-[18.92%] font-medium text-[#dc0d28] text-[10px] tracking-[-0.20px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
-20%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[63px] font-medium text-[#c5c5c5] text-xs tracking-[-0.24px] line-through [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
7.490.000 đ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="w-[168px] relative [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-2">
|
|||
|
|
<img class="col-[1_/_2] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-1-18.png" />
|
|||
|
|
<img class="col-[2_/_3] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[3_/_4] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[4_/_5] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="flex w-[168px] items-center justify-between relative flex-[0_0_auto] mb-[-1.00px]">
|
|||
|
|
<div class="inline-flex items-center gap-[3px] relative flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[11px] h-[11px]">
|
|||
|
|
<img class="absolute w-full h-full top-0 left-[3.90%]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/star-1.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
5
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-0.5 h-0.5 bg-[#707070] rounded-[1px]"></div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đã bán 24,9k
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-6 h-6"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-77-16.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute top-[367px] left-[7px] w-[172px] h-10"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex flex-col w-[186px] h-[377px] items-start gap-[9px] px-[9px] py-2.5 relative">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-full h-full top-0 left-0 bg-white rounded-lg border border-solid border-[#dbdbdb]">
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-[168px] h-[168px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-27-12.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex w-[86px] h-5 items-center gap-1 pl-0.5 pr-1.5 py-0.5 relative rounded-[2222px] overflow-hidden [background:linear-gradient(89deg,rgba(255,0,0,1)_0%,rgba(204,0,3,1)_95%)]">
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-18-17.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-white text-[10px] tracking-[-0.20px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sắm tết vô tư
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="inline-flex flex-col items-start gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2.5 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[109px] mt-[-1.00px] font-bold text-transparent text-lg tracking-[-0.36px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px]">7.490.000 </span>
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
<div class="relative w-[37px] h-4 mr-[-2.00px]">
|
|||
|
|
<div class="absolute w-[94.59%] h-full top-0 left-0 bg-[#ffeef0] rounded-[222px]">
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[59.46%] h-[75.00%] top-[12.50%] left-[18.92%] font-medium text-[#dc0d28] text-[10px] tracking-[-0.20px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
-20%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[63px] font-medium text-[#c5c5c5] text-xs tracking-[-0.24px] line-through [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
7.490.000 đ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="w-[168px] relative [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-2">
|
|||
|
|
<img class="col-[1_/_2] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-1-18.png" />
|
|||
|
|
<img class="col-[2_/_3] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[3_/_4] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[4_/_5] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="flex w-[168px] items-center justify-between relative flex-[0_0_auto] mb-[-1.00px]">
|
|||
|
|
<div class="inline-flex items-center gap-[3px] relative flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[11px] h-[11px]">
|
|||
|
|
<img class="absolute w-full h-full top-0 left-[3.90%]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/star-1.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
5
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-0.5 h-0.5 bg-[#707070] rounded-[1px]"></div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đã bán 24,9k
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-6 h-6"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-77-17.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute top-[367px] left-[7px] w-[172px] h-10"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex flex-col w-[186px] h-[377px] items-start gap-[9px] px-[9px] py-2.5 relative">
|
|||
|
|
<div
|
|||
|
|
class="absolute w-full h-full top-0 left-0 bg-white rounded-lg border border-solid border-[#dbdbdb]">
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-[168px] h-[168px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-27-12.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex w-[86px] h-5 items-center gap-1 pl-0.5 pr-1.5 py-0.5 relative rounded-[2222px] overflow-hidden [background:linear-gradient(89deg,rgba(255,0,0,1)_0%,rgba(204,0,3,1)_95%)]">
|
|||
|
|
<img class="relative w-4 h-4"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-18-18.png" />
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-white text-[10px] tracking-[-0.20px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Sắm tết vô tư
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="inline-flex flex-col items-start gap-1 relative flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2.5 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-[109px] mt-[-1.00px] font-bold text-transparent text-lg tracking-[-0.36px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px]">7.490.000 </span>
|
|||
|
|
<span class="text-[#db0000] tracking-[-0.06px] underline">đ</span>
|
|||
|
|
</p>
|
|||
|
|
<div class="relative w-[37px] h-4 mr-[-2.00px]">
|
|||
|
|
<div class="absolute w-[94.59%] h-full top-0 left-0 bg-[#ffeef0] rounded-[222px]">
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[59.46%] h-[75.00%] top-[12.50%] left-[18.92%] font-medium text-[#dc0d28] text-[10px] tracking-[-0.20px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
-20%
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-[63px] font-medium text-[#c5c5c5] text-xs tracking-[-0.24px] line-through [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
7.490.000 đ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="w-[168px] relative [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|||
|
|
Máy lạnh Casper Inverter 1.5 HP GC-12IB36
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="grid grid-cols-[repeat(4,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-2">
|
|||
|
|
<img class="col-[1_/_2] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-1-18.png" />
|
|||
|
|
<img class="col-[2_/_3] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[3_/_4] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
<img class="col-[4_/_5] relative row-[1_/_2] w-8 h-8 border border-solid border-[#fcc9d2] object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/ellipse-4-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="flex w-[168px] items-center justify-between relative flex-[0_0_auto] mb-[-1.00px]">
|
|||
|
|
<div class="inline-flex items-center gap-[3px] relative flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[11px] h-[11px]">
|
|||
|
|
<img class="absolute w-full h-full top-0 left-[3.90%]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/star-1.svg" />
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
5
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-0.5 h-0.5 bg-[#707070] rounded-[1px]"></div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#707070] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Đã bán 24,9k
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-6 h-6"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-77-18.png" />
|
|||
|
|
</div>
|
|||
|
|
<div class="absolute top-[367px] left-[7px] w-[172px] h-10"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="flex items-start gap-3 px-3 py-4 relative self-stretch w-full flex-[0_0_auto] bg-white rounded-xl">
|
|||
|
|
<div class="flex flex-col w-[885px] items-start gap-3 relative">
|
|||
|
|
<div
|
|||
|
|
class="relative self-stretch mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-black text-[28px] tracking-[-0.56px] leading-[normal]">
|
|||
|
|
TIN KHUYẾN MẠI
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-start gap-3 relative self-stretch w-full flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[481px] h-[354px]">
|
|||
|
|
<div class="w-[483px] h-[354px] flex flex-col gap-2">
|
|||
|
|
<img class="w-[481px] h-[300px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-33.png" />
|
|||
|
|
<p
|
|||
|
|
class="w-[481px] h-[46px] [font-family:'Roboto',Helvetica] font-bold text-black text-xl tracking-[-0.40px] leading-[normal]">
|
|||
|
|
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 class="flex flex-col w-[392px] items-start gap-3 relative">
|
|||
|
|
<div class="relative w-[394px] h-[92px] mr-[-2.00px]">
|
|||
|
|
<img class="absolute top-0 left-0 w-[153px] h-[92px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-34.png" />
|
|||
|
|
<p
|
|||
|
|
class="absolute top-0 left-[165px] w-[227px] [font-family:'Roboto',Helvetica] font-normal text-black text-sm tracking-[-0.28px] leading-[normal]">
|
|||
|
|
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>
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-[394px] h-[92px] mr-[-2.00px]">
|
|||
|
|
<img class="absolute top-0 left-0 w-[153px] h-[92px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-34-1.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex flex-col items-start gap-[3px] absolute w-[227px] h-[51px] top-0 left-[165px]">
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch font-normal text-black text-sm tracking-[-0.28px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="tracking-[-0.04px]">Ngày hội ĐIỆN MÁY - SIÊU RẺ.</span>
|
|||
|
|
</p>
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch font-normal text-black text-sm tracking-[-0.28px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="tracking-[-0.04px]">Duy nhất 17h ngày 10/02 Cơ hội trúng Máy
|
|||
|
|
nước</span>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-[394px] h-[92px] mr-[-2.00px]">
|
|||
|
|
<img class="absolute top-0 left-0 w-[153px] h-[92px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-34-2.png" />
|
|||
|
|
<div
|
|||
|
|
class="flex flex-col items-start gap-[3px] absolute w-[227px] h-[51px] top-0 left-[165px]">
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch font-normal text-black text-sm tracking-[-0.28px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="tracking-[-0.04px]">Ngày hội ĐIỆN MÁY - SIÊU RẺ.</span>
|
|||
|
|
</p>
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch font-normal text-black text-sm tracking-[-0.28px] [font-family:'Roboto',Helvetica] leading-[normal]">
|
|||
|
|
<span class="tracking-[-0.04px]">Duy nhất 17h ngày 10/02 Cơ hội trúng Máy
|
|||
|
|
nước</span>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex flex-col w-[279px] items-start gap-3 relative">
|
|||
|
|
<div
|
|||
|
|
class="relative self-stretch mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-black text-[28px] tracking-[-0.56px] leading-[normal]">
|
|||
|
|
VIDEO REVIEW
|
|||
|
|
</div>
|
|||
|
|
<div class="flex flex-col items-start gap-3 relative self-stretch w-full flex-[0_0_auto]">
|
|||
|
|
<img class="relative self-stretch w-full h-[159px] rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-37.png" />
|
|||
|
|
<div class="relative w-[281px] h-16 mr-[-2.00px]">
|
|||
|
|
<img class="absolute top-0 left-0 w-[107px] h-16 rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-34-3.png" />
|
|||
|
|
<p
|
|||
|
|
class="absolute top-0 left-[119px] w-40 [font-family:'Roboto',Helvetica] font-normal text-black text-sm tracking-[-0.28px] leading-[normal] overflow-hidden text-ellipsis [display:-webkit-box] [-webkit-line-clamp:2] [-webkit-box-orient:vertical]">
|
|||
|
|
Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-[281px] h-16 mr-[-2.00px]">
|
|||
|
|
<img class="absolute top-0 left-0 w-[107px] h-16 rounded object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/rectangle-34-4.png" />
|
|||
|
|
<p
|
|||
|
|
class="absolute top-0 left-[119px] w-40 [font-family:'Roboto',Helvetica] font-normal text-black text-sm tracking-[-0.28px] leading-[normal] overflow-hidden text-ellipsis [display:-webkit-box] [-webkit-line-clamp:2] [-webkit-box-orient:vertical]">
|
|||
|
|
Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="flex flex-col h-[231px] items-start gap-3 px-3 py-4 relative self-stretch w-full bg-white rounded-xl">
|
|||
|
|
<p
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-black text-2xl tracking-[-0.48px] leading-[normal] whitespace-nowrap">
|
|||
|
|
Mọi người cũng tìm kiếm
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="flex flex-wrap w-[1176px] items-start gap-[20px_20px] px-3 py-5 relative flex-[0_0_auto] bg-[#f3f4f7] rounded-xl">
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
hút mùi hafele
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
bếp từ cheft
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
nồi cơm điện Tiger
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
máy cạo râu Enchen
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
mũ bảo hiểm
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
nồi cơm điện Cuckoo
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
iPhone 15
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
chảo chống dính Elmich
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
máy massage X5 Pro Omni
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
điều hòa Samsung
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
máy lọc nước Korihome Kangen K8
|
|||
|
|
</p>
|
|||
|
|
<p
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
máy massage X5 Pro Omni
|
|||
|
|
</p>
|
|||
|
|
<p
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
máy massage X5 Pro Omni
|
|||
|
|
</p>
|
|||
|
|
<p
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
máy massage X5 Pro Omni
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
tông đơ cắt tóc
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
điều hoà Hisense
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
Máy chạy bộ
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
máy massage X5 Pro Omni
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
MacBook Air M4
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|||
|
|
điều hòa Nagakawa
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<footer class="flex w-[1440px] h-[248px] relative mt-11 flex-col items-center bg-transparent">
|
|||
|
|
<div class="flex h-[212px] items-start gap-[95px] px-[120px] py-4 relative self-stretch w-full bg-white">
|
|||
|
|
<div class="flex flex-col w-[267px] items-start gap-1 relative">
|
|||
|
|
<div
|
|||
|
|
class="relative self-stretch mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-black text-sm tracking-[0] leading-[26.7px]">
|
|||
|
|
Tổng đài hỗ trợ
|
|||
|
|
</div>
|
|||
|
|
<p
|
|||
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-transparent text-[13px] tracking-[0] leading-[13px]">
|
|||
|
|
<span class="text-black leading-[30px]">Gọi mua: </span>
|
|||
|
|
<span class="font-bold text-[#0083ff] leading-[30px]">0</span>
|
|||
|
|
<a href="tel:0971.49.0000" target="_blank" rel="noopener noreferrer"><span
|
|||
|
|
class="font-bold text-[#0083ff] leading-[30px]">971.49.0000</span></a>
|
|||
|
|
<span class="font-bold text-[#0083ff] leading-[30px]"> </span>
|
|||
|
|
<span class="text-black leading-[30px]">(8h00-18h00)<br />Hỗ trợ kỹ thuật : </span>
|
|||
|
|
<a href="tel:0987.762.444" target="_blank" rel="noopener noreferrer"><span
|
|||
|
|
class="font-bold text-black leading-[30px]">0987.762.444</span></a>
|
|||
|
|
<span class="font-bold text-black leading-[30px]"> </span>
|
|||
|
|
<span class="text-black leading-[30px]">(8h00-18h00)<br />Góp ý - Khiếu nại: </span>
|
|||
|
|
<a href="tel:082.418.4444" target="_blank" rel="noopener noreferrer"><span
|
|||
|
|
class="font-bold text-black leading-[30px]">082.418.4444</span></a>
|
|||
|
|
<span class="font-bold text-black leading-[30px]"> </span>
|
|||
|
|
<span class="text-black leading-[30px]">(8h00-18h00)</span>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex flex-col w-[148px] items-start gap-1 relative">
|
|||
|
|
<div
|
|||
|
|
class="relative self-stretch mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-black text-sm tracking-[0] leading-[26.7px]">
|
|||
|
|
Về công ty
|
|||
|
|
</div>
|
|||
|
|
<div class="flex flex-col items-start gap-3 relative self-stretch w-full flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2 relative flex-[0_0_auto]">
|
|||
|
|
<div class="flex w-[131px] items-center justify-around gap-2 relative">
|
|||
|
|
<p
|
|||
|
|
class="relative w-fit mt-[-1.00px] mr-[-3.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[30px]">
|
|||
|
|
Giới thiệu về công ty<br />Tuyển dụng<br />Gửi góp ý, khiếu nại<br />Tìm siêu thị
|
|||
|
|
(215 shop)
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex flex-col w-[209px] items-start gap-1 relative mb-[-1.00px]">
|
|||
|
|
<div
|
|||
|
|
class="relative self-stretch mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-black text-sm tracking-[0] leading-[26.7px]">
|
|||
|
|
Chính sách chung
|
|||
|
|
</div>
|
|||
|
|
<div class="flex flex-col items-start gap-3 relative self-stretch w-full flex-[0_0_auto]">
|
|||
|
|
<div class="inline-flex items-center gap-2 relative flex-[0_0_auto]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[30px]">
|
|||
|
|
Quy định truy cập Website<br />Chính sách bảo mật thông tin<br />Chính sách vận chuyển,
|
|||
|
|
giao nhận<br />Chính
|
|||
|
|
sách cho doanh nghiệp<br />Chính sách bảo hành, đổi trả
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex flex-col w-[291px] items-start gap-2 relative">
|
|||
|
|
<p
|
|||
|
|
class="relative self-stretch mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-black text-sm tracking-[0] leading-[26.7px]">
|
|||
|
|
Kết nối với chúng tôi
|
|||
|
|
</p>
|
|||
|
|
<div class="flex flex-col h-[71px] items-start gap-3 relative self-stretch w-full">
|
|||
|
|
<div class="flex items-center gap-3 relative self-stretch w-full flex-[0_0_auto]">
|
|||
|
|
<div class="relative w-[101px] h-[21px]">
|
|||
|
|
<img class="absolute top-px left-0 w-5 h-5"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-37.png" />
|
|||
|
|
<div
|
|||
|
|
class="absolute top-0 left-6 [font-family:'Roboto',Helvetica] font-normal text-[#0083ff] text-[11px] tracking-[0] leading-[21.0px] whitespace-nowrap">
|
|||
|
|
12.8k lượt thích
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-[98.56px] h-[21px]">
|
|||
|
|
<img class="absolute w-[28.98%] top-px left-0 h-5"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/group-38.png" />
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[64.94%] h-full top-0 left-[33.03%] [font-family:'Roboto',Helvetica] font-normal text-[#0083ff] text-[11px] tracking-[0] leading-[21.0px] whitespace-nowrap">
|
|||
|
|
2.2T Đăng ký
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="relative w-[71px] h-[21px] mr-[-1.56px]">
|
|||
|
|
<img class="absolute w-[28.17%] top-px left-0 h-5 object-cover"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-13.png" />
|
|||
|
|
<div
|
|||
|
|
class="absolute w-[63.38%] h-full top-0 left-[33.80%] [font-family:'Roboto',Helvetica] font-normal text-[#0083ff] text-[11px] tracking-[0] leading-[21.0px] whitespace-nowrap">
|
|||
|
|
Zalo MIQ
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<img class="relative w-[100px] h-[38px]"
|
|||
|
|
src="https://c.animaapp.com/mm4knw6sjZoD1P/img/image-14.png" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="flex h-9 items-center justify-center gap-2.5 px-[621px] py-[5px] relative self-stretch w-full bg-[#e3e3e3]">
|
|||
|
|
<p
|
|||
|
|
class="relative w-fit mt-[-0.50px] [font-family:'Roboto',Helvetica] font-normal text-a-1 text-[13px] tracking-[0] leading-[24.8px] whitespace-nowrap">
|
|||
|
|
Bản quyền thuộc về MIQ Việt Nam
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</footer>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|