887 lines
59 KiB
HTML
887 lines
59 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Đấu giá</title>
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
|
||
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
|
<link rel="stylesheet" href="./assets/css/style-global-mb.css">
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div class="container-mb">
|
||
|
|
<div class="banner-sale-top">
|
||
|
|
<a href="">
|
||
|
|
<img src="./assets/images/banner-sale-top.png" width="100%" height="100%" alt="sale">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="header bg-[var(--bg-header)] shadow-[0_1px_1px_#00000020] p-[6px_0] duration-[0.5s] delay-[0] top-[-50px]">
|
||
|
|
<div class="container">
|
||
|
|
<div class="content-main-header flex items-center justify-between p-[10px_0]">
|
||
|
|
<a href="/" class="logo w-[90px]">
|
||
|
|
<img src="./assets/images/logo-mobile.png" class="w-[100%] h-[100%] block" width="100%"
|
||
|
|
height="100%" alt="logo">
|
||
|
|
</a>
|
||
|
|
<div class="header-right flex items-center">
|
||
|
|
<a href="javascript:void(0)" class="item flex items-center">
|
||
|
|
<i class="fas fa-bars text-[23px]"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="homepage">
|
||
|
|
<div class="box-top-auction">
|
||
|
|
|
||
|
|
<div class="box-title w-[100%] h-[47px] bg-center bg-cover bg-no-repeat"
|
||
|
|
style="background-image: url(./assets/images/bg-top-auction.png);">
|
||
|
|
<h2 class="title leading-[47px] text-center mb-[12px] text-[16px] text-white uppercase font-[600]">
|
||
|
|
Top đấu giá sôi động</h2>
|
||
|
|
</div>
|
||
|
|
<div class="container bg-[#FCF6B4] p-[18px_15px]">
|
||
|
|
<div class="list-auction flex flex-wrap mr-[-10px]">
|
||
|
|
<div
|
||
|
|
class="item-auction w-[calc(100%_/_2_-10px)] mr-[10px] mb-[10px] p-[10px] border-[1px] border-[#e2e2e2] rounded-[10px] bg-white">
|
||
|
|
<div class="images block relative w-[100%] h-[150px] mb-[10px] overflow-hidden">
|
||
|
|
<a href="./detail.html">
|
||
|
|
<img class="block w-[100%] h-[100%] object-contain scale-[1] duration-[0.3s] hover:scale-[1.05] hover:duration-[0.3s]"
|
||
|
|
src="./assets/images/icon-pro-top.png" alt=""></a>
|
||
|
|
<div
|
||
|
|
class="box-join absolute left-[0] top-[0] w-[55px] h-[20px] leading-[55px] text-center text-white bg-[var(--color-icon-action)] flex items-center justify-center rounded-[10px]">
|
||
|
|
<i class="icon_auction"></i>
|
||
|
|
<span>220</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="info w-[100%]">
|
||
|
|
<div
|
||
|
|
class="box-sold w-full bg-[#FFD6B7] relative h-[18px] leading-[18px] rounded-[26px]">
|
||
|
|
<div class="line absolute left-[0] top-0 h-[100%] bg-[#FF750E] rounded-[26px]"
|
||
|
|
style="width: 90%;">
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="txt absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-full text-center z-9 text-[12px]">
|
||
|
|
<div class="box-time flex justify-center text-white">
|
||
|
|
<p class="font-bold">Hết sau</p>
|
||
|
|
<div class="item-time"><b>02</b></div>
|
||
|
|
<div class="item-time"><b>16</b></div>
|
||
|
|
<div class="item-time"><b>42</b></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<a href="./detail.html"
|
||
|
|
class="name line-clamp-2 font-[500] leading-[16px] mt-[10px]">Smart
|
||
|
|
Tivi Samsung Neo QLED 8K 85 inch QA85QN900C</a>
|
||
|
|
<div class="price-auction flex items-center mt-[10px]">
|
||
|
|
<p class="txt text-[12px] mr-[5px]">Trả cao nhất:</p>
|
||
|
|
<p class="price-highest text-red text-[12px] font-bold">230.490.000
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<a href="./detail.html" class="btn-add continue">Đấu giá</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item-auction w-[calc(100%_/_2_-10px)] mr-[10px] mb-[10px] p-[10px] border-[1px] border-[#e2e2e2] rounded-[10px] bg-white">
|
||
|
|
<div class="images block relative w-[100%] h-[150px] mb-[10px] overflow-hidden">
|
||
|
|
<a href="./detail.html">
|
||
|
|
<img class="block w-[100%] h-[100%] object-contain scale-[1] duration-[0.3s] hover:scale-[1.05] hover:duration-[0.3s]"
|
||
|
|
src="./assets/images/icon-pro-top.png" alt=""></a>
|
||
|
|
<div
|
||
|
|
class="box-join absolute left-[0] top-[0] w-[55px] h-[20px] leading-[55px] text-center text-white bg-[var(--color-icon-action)] flex items-center justify-center rounded-[10px]">
|
||
|
|
<i class="icon_auction"></i>
|
||
|
|
<span>220</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="info w-[100%]">
|
||
|
|
<div
|
||
|
|
class="box-sold w-full bg-[#FFD6B7] relative h-[18px] leading-[18px] rounded-[26px]">
|
||
|
|
<div class="line absolute left-[0] top-0 h-[100%] bg-[#FF750E] rounded-[26px]"
|
||
|
|
style="width: 90%;">
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="txt absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-full text-center z-9 text-[12px]">
|
||
|
|
<div class="box-time flex justify-center text-white">
|
||
|
|
<p class="font-bold">Hết sau</p>
|
||
|
|
<div class="item-time"><b>02</b></div>
|
||
|
|
<div class="item-time"><b>16</b></div>
|
||
|
|
<div class="item-time"><b>42</b></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<a href="./detail.html"
|
||
|
|
class="name line-clamp-2 font-[500] leading-[16px] mt-[10px]">Smart
|
||
|
|
Tivi Samsung Neo QLED 8K 85 inch QA85QN900C</a>
|
||
|
|
<div class="price-auction flex items-center mt-[10px]">
|
||
|
|
<p class="txt text-[12px] mr-[5px]">Trả cao nhất:</p>
|
||
|
|
<p class="price-highest text-red text-[12px] font-bold">230.490.000
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<a href="./detail.html" class="btn-add continue">Đấu giá</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item-auction w-[calc(100%_/_2_-10px)] mr-[10px] mb-[10px] p-[10px] border-[1px] border-[#e2e2e2] rounded-[10px] bg-white">
|
||
|
|
<div class="images block relative w-[100%] h-[150px] mb-[10px] overflow-hidden">
|
||
|
|
<a href="./detail.html">
|
||
|
|
<img class="block w-[100%] h-[100%] object-contain scale-[1] duration-[0.3s] hover:scale-[1.05] hover:duration-[0.3s]"
|
||
|
|
src="./assets/images/icon-pro-top.png" alt=""></a>
|
||
|
|
<div
|
||
|
|
class="box-join absolute left-[0] top-[0] w-[55px] h-[20px] leading-[55px] text-center text-white bg-[var(--color-icon-action)] flex items-center justify-center rounded-[10px]">
|
||
|
|
<i class="icon_auction"></i>
|
||
|
|
<span>220</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="info w-[100%]">
|
||
|
|
<div
|
||
|
|
class="box-sold w-full bg-[#FFD6B7] relative h-[18px] leading-[18px] rounded-[26px]">
|
||
|
|
<div class="line absolute left-[0] top-0 h-[100%] bg-[#FF750E] rounded-[26px]"
|
||
|
|
style="width: 90%;">
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="txt absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-full text-center z-9 text-[12px]">
|
||
|
|
<div class="box-time flex justify-center text-white">
|
||
|
|
<p class="font-bold">Hết sau</p>
|
||
|
|
<div class="item-time"><b>02</b></div>
|
||
|
|
<div class="item-time"><b>16</b></div>
|
||
|
|
<div class="item-time"><b>42</b></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<a href="./detail.html"
|
||
|
|
class="name line-clamp-2 font-[500] leading-[16px] mt-[10px]">Smart
|
||
|
|
Tivi Samsung Neo QLED 8K 85 inch QA85QN900C</a>
|
||
|
|
<div class="price-auction flex items-center mt-[10px]">
|
||
|
|
<p class="txt text-[12px] mr-[5px]">Trả cao nhất:</p>
|
||
|
|
<p class="price-highest text-red text-[12px] font-bold">230.490.000
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<a href="./detail.html" class="btn-add continue">Đấu giá</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item-auction w-[calc(100%_/_2_-10px)] mr-[10px] mb-[10px] p-[10px] border-[1px] border-[#e2e2e2] rounded-[10px] bg-white">
|
||
|
|
<div class="images block relative w-[100%] h-[150px] mb-[10px] overflow-hidden">
|
||
|
|
<a href="./detail.html">
|
||
|
|
<img class="block w-[100%] h-[100%] object-contain scale-[1] duration-[0.3s] hover:scale-[1.05] hover:duration-[0.3s]"
|
||
|
|
src="./assets/images/icon-pro-top.png" alt=""></a>
|
||
|
|
<div
|
||
|
|
class="box-join absolute left-[0] top-[0] w-[55px] h-[20px] leading-[55px] text-center text-white bg-[var(--color-icon-action)] flex items-center justify-center rounded-[10px]">
|
||
|
|
<i class="icon_auction"></i>
|
||
|
|
<span>220</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="info w-[100%]">
|
||
|
|
<div
|
||
|
|
class="box-sold w-full bg-[#FFD6B7] relative h-[18px] leading-[18px] rounded-[26px]">
|
||
|
|
<div class="line absolute left-[0] top-0 h-[100%] bg-[#FF750E] rounded-[26px]"
|
||
|
|
style="width: 90%;">
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="txt absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-full text-center z-9 text-[12px]">
|
||
|
|
<div class="box-time flex justify-center text-white">
|
||
|
|
<p class="font-bold">Hết sau</p>
|
||
|
|
<div class="item-time"><b>02</b></div>
|
||
|
|
<div class="item-time"><b>16</b></div>
|
||
|
|
<div class="item-time"><b>42</b></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<a href="./detail.html"
|
||
|
|
class="name line-clamp-2 font-[500] leading-[16px] mt-[10px]">Smart
|
||
|
|
Tivi Samsung Neo QLED 8K 85 inch QA85QN900C</a>
|
||
|
|
<div class="price-auction flex items-center mt-[10px]">
|
||
|
|
<p class="txt text-[12px] mr-[5px]">Trả cao nhất:</p>
|
||
|
|
<p class="price-highest text-red text-[12px] font-bold">230.490.000
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<a href="./detail.html" class="btn-add continue">Đấu giá</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="box-list-auction bg-[#F4F4F4] pb-[10px]">
|
||
|
|
<div class="box-auction mb-[30px] going-on">
|
||
|
|
<div class="main-title w-[100%] bg-center bg-cover bg-no-repeat p-[14px]"
|
||
|
|
style="background-image: url(./assets/images/bg-title-auction.png);">
|
||
|
|
<div
|
||
|
|
class="w-[212px] h-[80px] shadow-[0px_4px_15px_0px_#00000033] bg-[#ffdd66] m-[10px_auto] rounded-[14px] flex items-center justify-center flex-col">
|
||
|
|
<span class="text-[14px] text-[#000] font-[700] uppercase">Đang diễn ra</span>
|
||
|
|
<div class="box-time flex mt-[5px]">
|
||
|
|
<span class="text-[#666666]">Còn lại</span>
|
||
|
|
<div class="item-time"><b>02</b></div>
|
||
|
|
<div class="item-time"><b>16</b></div>
|
||
|
|
<div class="item-time"><b>42</b></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="list-auction flex mt-[10px] overflow-x-auto">
|
||
|
|
<div
|
||
|
|
class="item-auction mr-[10px] mb-[10px] p-[10px] border-[1px] border-[#e2e2e2] rounded-[10px] bg-white">
|
||
|
|
<div class="images block relative w-[100%] h-[150px] mb-[10px] overflow-hidden">
|
||
|
|
<a href="./detail.html">
|
||
|
|
<img class="block w-[100%] h-[100%] object-contain scale-[1] duration-[0.3s] hover:scale-[1.05] hover:duration-[0.3s]"
|
||
|
|
src="./assets/images/icon-pro-top.png" alt=""></a>
|
||
|
|
<div
|
||
|
|
class="box-join absolute left-[0] top-[0] w-[55px] h-[20px] leading-[55px] text-center text-white bg-[var(--color-icon-action)] flex items-center justify-center rounded-[10px]">
|
||
|
|
<i class="icon_auction"></i>
|
||
|
|
<span>220</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="info w-[180px]">
|
||
|
|
<div
|
||
|
|
class="box-sold w-full bg-[#FFD6B7] relative h-[18px] leading-[18px] rounded-[26px]">
|
||
|
|
<div class="line absolute left-[0] top-0 h-[100%] bg-[#FF750E] rounded-[26px]"
|
||
|
|
style="width: 90%;">
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="txt absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-full text-center z-9 text-[12px]">
|
||
|
|
<div class="box-time flex justify-center text-white">
|
||
|
|
<p class="font-bold">Hết sau</p>
|
||
|
|
<div class="item-time"><b>02</b></div>
|
||
|
|
<div class="item-time"><b>16</b></div>
|
||
|
|
<div class="item-time"><b>42</b></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<a href="./detail.html"
|
||
|
|
class="name line-clamp-2 font-[500] leading-[16px] mt-[10px]">Smart
|
||
|
|
Tivi Samsung Neo QLED 8K 85 inch QA85QN900C</a>
|
||
|
|
<div class="price-auction flex items-center mt-[10px]">
|
||
|
|
<p class="txt text-[12px] mr-[5px]">Trả cao nhất:</p>
|
||
|
|
<p class="price-highest text-red text-[12px] font-bold">230.490.000
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<a href="./detail.html" class="btn-add continue">Đấu giá</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item-auction mr-[10px] mb-[10px] p-[10px] border-[1px] border-[#e2e2e2] rounded-[10px] bg-white">
|
||
|
|
<div class="images block relative w-[100%] h-[150px] mb-[10px] overflow-hidden">
|
||
|
|
<a href="./detail.html">
|
||
|
|
<img class="block w-[100%] h-[100%] object-contain scale-[1] duration-[0.3s] hover:scale-[1.05] hover:duration-[0.3s]"
|
||
|
|
src="./assets/images/icon-pro-top.png" alt=""></a>
|
||
|
|
<div
|
||
|
|
class="box-join absolute left-[0] top-[0] w-[55px] h-[20px] leading-[55px] text-center text-white bg-[var(--color-icon-action)] flex items-center justify-center rounded-[10px]">
|
||
|
|
<i class="icon_auction"></i>
|
||
|
|
<span>220</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="info w-[180px]">
|
||
|
|
<div
|
||
|
|
class="box-sold w-full bg-[#FFD6B7] relative h-[18px] leading-[18px] rounded-[26px]">
|
||
|
|
<div class="line absolute left-[0] top-0 h-[100%] bg-[#FF750E] rounded-[26px]"
|
||
|
|
style="width: 90%;">
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="txt absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-full text-center z-9 text-[12px]">
|
||
|
|
<div class="box-time flex justify-center text-white">
|
||
|
|
<p class="font-bold">Hết sau</p>
|
||
|
|
<div class="item-time"><b>02</b></div>
|
||
|
|
<div class="item-time"><b>16</b></div>
|
||
|
|
<div class="item-time"><b>42</b></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<a href="./detail.html"
|
||
|
|
class="name line-clamp-2 font-[500] leading-[16px] mt-[10px]">Smart
|
||
|
|
Tivi Samsung Neo QLED 8K 85 inch QA85QN900C</a>
|
||
|
|
<div class="price-auction flex items-center mt-[10px]">
|
||
|
|
<p class="txt text-[12px] mr-[5px]">Trả cao nhất:</p>
|
||
|
|
<p class="price-highest text-red text-[12px] font-bold">230.490.000
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<a href="./detail.html" class="btn-add continue">Đấu giá</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item-auction mr-[10px] mb-[10px] p-[10px] border-[1px] border-[#e2e2e2] rounded-[10px] bg-white">
|
||
|
|
<div class="images block relative w-[100%] h-[150px] mb-[10px] overflow-hidden">
|
||
|
|
<a href="./detail.html">
|
||
|
|
<img class="block w-[100%] h-[100%] object-contain scale-[1] duration-[0.3s] hover:scale-[1.05] hover:duration-[0.3s]"
|
||
|
|
src="./assets/images/icon-pro-top.png" alt=""></a>
|
||
|
|
<div
|
||
|
|
class="box-join absolute left-[0] top-[0] w-[55px] h-[20px] leading-[55px] text-center text-white bg-[var(--color-icon-action)] flex items-center justify-center rounded-[10px]">
|
||
|
|
<i class="icon_auction"></i>
|
||
|
|
<span>220</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="info w-[180px]">
|
||
|
|
<div
|
||
|
|
class="box-sold w-full bg-[#FFD6B7] relative h-[18px] leading-[18px] rounded-[26px]">
|
||
|
|
<div class="line absolute left-[0] top-0 h-[100%] bg-[#FF750E] rounded-[26px]"
|
||
|
|
style="width: 90%;">
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="txt absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-full text-center z-9 text-[12px]">
|
||
|
|
<div class="box-time flex justify-center text-white">
|
||
|
|
<p class="font-bold">Hết sau</p>
|
||
|
|
<div class="item-time"><b>02</b></div>
|
||
|
|
<div class="item-time"><b>16</b></div>
|
||
|
|
<div class="item-time"><b>42</b></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<a href="./detail.html"
|
||
|
|
class="name line-clamp-2 font-[500] leading-[16px] mt-[10px]">Smart
|
||
|
|
Tivi Samsung Neo QLED 8K 85 inch QA85QN900C</a>
|
||
|
|
<div class="price-auction flex items-center mt-[10px]">
|
||
|
|
<p class="txt text-[12px] mr-[5px]">Trả cao nhất:</p>
|
||
|
|
<p class="price-highest text-red text-[12px] font-bold">230.490.000
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<a href="./detail.html" class="btn-add continue">Đấu giá</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="more-all block bg-[#fff] m-[18px_auto] text-center w-[126px] h-[40px] leading-[40px] rounded-[20px] uppercase font-bold">Xem
|
||
|
|
tất cả</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="box-auction coming-soon">
|
||
|
|
<div class="main-title w-[100%] bg-center bg-cover bg-no-repeat p-[14px]"
|
||
|
|
style="background-image: url(./assets/images/bg-title-auction-coming.png);">
|
||
|
|
<div
|
||
|
|
class="w-[245px] h-[80px] shadow-[0px_4px_15px_0px_#00000033] bg-[#b9ddff] m-[10px_auto] rounded-[14px] flex items-center justify-center flex-col">
|
||
|
|
<span class="text-[14px] text-[#000] font-[700] uppercase">Sắp diễn ra</span>
|
||
|
|
<div class="box-time flex mt-[5px]">
|
||
|
|
<span class="text-[#666666]">Bắt đầu sau</span>
|
||
|
|
<div class="item-time"><b>02</b></div>
|
||
|
|
<div class="item-time"><b>16</b></div>
|
||
|
|
<div class="item-time"><b>42</b></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="list-auction flex mt-[10px] overflow-x-auto">
|
||
|
|
<div
|
||
|
|
class="item-auction mr-[10px] mb-[10px] p-[10px] border-[1px] border-[#e2e2e2] rounded-[10px] bg-white">
|
||
|
|
<div class="images block relative w-[100%] h-[150px] mb-[10px] overflow-hidden">
|
||
|
|
<a href="./detail.html">
|
||
|
|
<img class="block w-[100%] h-[100%] object-contain scale-[1] duration-[0.3s] hover:scale-[1.05] hover:duration-[0.3s]"
|
||
|
|
src="./assets/images/icon-pro-top.png" alt=""></a>
|
||
|
|
<div
|
||
|
|
class="box-join absolute left-[0] top-[0] w-[55px] h-[20px] leading-[55px] text-center text-white bg-[var(--color-icon-action)] flex items-center justify-center rounded-[10px]">
|
||
|
|
<i class="icon_auction"></i>
|
||
|
|
<span>220</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="info w-[180px]">
|
||
|
|
<div
|
||
|
|
class="box-sold w-full bg-[#FFD6B7] relative h-[18px] leading-[18px] rounded-[26px]">
|
||
|
|
<div class="line absolute left-[0] top-0 h-[100%] bg-[#FF750E] rounded-[26px]"
|
||
|
|
style="width: 90%;">
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="txt absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-full text-center z-9 text-[12px]">
|
||
|
|
<div class="box-time flex justify-center text-white">
|
||
|
|
<p class="font-bold">Hết sau</p>
|
||
|
|
<div class="item-time"><b>02</b></div>
|
||
|
|
<div class="item-time"><b>16</b></div>
|
||
|
|
<div class="item-time"><b>42</b></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<a href="./detail.html"
|
||
|
|
class="name line-clamp-2 font-[500] leading-[16px] mt-[10px]">Smart
|
||
|
|
Tivi Samsung Neo QLED 8K 85 inch QA85QN900C</a>
|
||
|
|
<div class="price-auction flex items-center mt-[10px]">
|
||
|
|
<p class="txt text-[12px] mr-[5px]">Trả cao nhất:</p>
|
||
|
|
<p class="price-highest text-red text-[12px] font-bold">230.490.000
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<a href="./detail.html" class="btn-add continue">Đấu giá</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item-auction mr-[10px] mb-[10px] p-[10px] border-[1px] border-[#e2e2e2] rounded-[10px] bg-white">
|
||
|
|
<div class="images block relative w-[100%] h-[150px] mb-[10px] overflow-hidden">
|
||
|
|
<a href="./detail.html">
|
||
|
|
<img class="block w-[100%] h-[100%] object-contain scale-[1] duration-[0.3s] hover:scale-[1.05] hover:duration-[0.3s]"
|
||
|
|
src="./assets/images/icon-pro-top.png" alt=""></a>
|
||
|
|
<div
|
||
|
|
class="box-join absolute left-[0] top-[0] w-[55px] h-[20px] leading-[55px] text-center text-white bg-[var(--color-icon-action)] flex items-center justify-center rounded-[10px]">
|
||
|
|
<i class="icon_auction"></i>
|
||
|
|
<span>220</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="info w-[180px]">
|
||
|
|
<div
|
||
|
|
class="box-sold w-full bg-[#FFD6B7] relative h-[18px] leading-[18px] rounded-[26px]">
|
||
|
|
<div class="line absolute left-[0] top-0 h-[100%] bg-[#FF750E] rounded-[26px]"
|
||
|
|
style="width: 90%;">
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="txt absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-full text-center z-9 text-[12px]">
|
||
|
|
<div class="box-time flex justify-center text-white">
|
||
|
|
<p class="font-bold">Hết sau</p>
|
||
|
|
<div class="item-time"><b>02</b></div>
|
||
|
|
<div class="item-time"><b>16</b></div>
|
||
|
|
<div class="item-time"><b>42</b></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<a href="./detail.html"
|
||
|
|
class="name line-clamp-2 font-[500] leading-[16px] mt-[10px]">Smart
|
||
|
|
Tivi Samsung Neo QLED 8K 85 inch QA85QN900C</a>
|
||
|
|
<div class="price-auction flex items-center mt-[10px]">
|
||
|
|
<p class="txt text-[12px] mr-[5px]">Trả cao nhất:</p>
|
||
|
|
<p class="price-highest text-red text-[12px] font-bold">230.490.000
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<a href="./detail.html" class="btn-add continue">Đấu giá</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item-auction mr-[10px] mb-[10px] p-[10px] border-[1px] border-[#e2e2e2] rounded-[10px] bg-white">
|
||
|
|
<div class="images block relative w-[100%] h-[150px] mb-[10px] overflow-hidden">
|
||
|
|
<a href="./detail.html">
|
||
|
|
<img class="block w-[100%] h-[100%] object-contain scale-[1] duration-[0.3s] hover:scale-[1.05] hover:duration-[0.3s]"
|
||
|
|
src="./assets/images/icon-pro-top.png" alt=""></a>
|
||
|
|
<div
|
||
|
|
class="box-join absolute left-[0] top-[0] w-[55px] h-[20px] leading-[55px] text-center text-white bg-[var(--color-icon-action)] flex items-center justify-center rounded-[10px]">
|
||
|
|
<i class="icon_auction"></i>
|
||
|
|
<span>220</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="info w-[180px]">
|
||
|
|
<div
|
||
|
|
class="box-sold w-full bg-[#FFD6B7] relative h-[18px] leading-[18px] rounded-[26px]">
|
||
|
|
<div class="line absolute left-[0] top-0 h-[100%] bg-[#FF750E] rounded-[26px]"
|
||
|
|
style="width: 90%;">
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="txt absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-full text-center z-9 text-[12px]">
|
||
|
|
<div class="box-time flex justify-center text-white">
|
||
|
|
<p class="font-bold">Hết sau</p>
|
||
|
|
<div class="item-time"><b>02</b></div>
|
||
|
|
<div class="item-time"><b>16</b></div>
|
||
|
|
<div class="item-time"><b>42</b></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<a href="./detail.html"
|
||
|
|
class="name line-clamp-2 font-[500] leading-[16px] mt-[10px]">Smart
|
||
|
|
Tivi Samsung Neo QLED 8K 85 inch QA85QN900C</a>
|
||
|
|
<div class="price-auction flex items-center mt-[10px]">
|
||
|
|
<p class="txt text-[12px] mr-[5px]">Trả cao nhất:</p>
|
||
|
|
<p class="price-highest text-red text-[12px] font-bold">230.490.000
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<a href="./detail.html" class="btn-add continue">Đấu giá</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="more-all block bg-[#fff] m-[18px_auto] text-center w-[126px] h-[40px] leading-[40px] rounded-[20px] uppercase font-bold">Xem
|
||
|
|
tất cả</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="box-deal-hot bg-[#F0292B] pb-[10px]">
|
||
|
|
<div class="container">
|
||
|
|
<h2 class="title flex items-center justify-center p-[10px]">
|
||
|
|
<p class="ml-[7px] uppercase text-[16px] font-[700] text-white">Deal hot</p>
|
||
|
|
</h2>
|
||
|
|
<div class="tab-list">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="item coming flex items-center justify-between w-full bg-[#afafaf] text-white p-[5px_10px] rounded-[15px]">
|
||
|
|
<p class="text-[14px] text-center font-[700]">Sắp diễn ra
|
||
|
|
</p>
|
||
|
|
<div class="box-time flex items-center">
|
||
|
|
<span class="text-[13px]">Còn lại</span>
|
||
|
|
<div class="item-time"><b>02</b></div>
|
||
|
|
<div class="item-time"><b>16</b></div>
|
||
|
|
<div class="item-time"><b>42</b></div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="item flex items-center justify-between mt-[10px] w-full text-white p-[5px_0] rounded-[15px]">
|
||
|
|
<p
|
||
|
|
class="text-[14px] text-center font-[700] mb-[5px] bg-[#FFD9D9] text-[#F0292B] p-[5px_10px] rounded-[20px]">
|
||
|
|
Đang diễn
|
||
|
|
ra
|
||
|
|
</p>
|
||
|
|
<div class="box-time flex items-center">
|
||
|
|
<span class="text-[13px]">Còn lại</span>
|
||
|
|
<div class="item-time"><b class="bg-[#fff] w-[26px] h-[26px] leading-[26px] ">02</b>
|
||
|
|
</div>
|
||
|
|
<div class="item-time"><b class="bg-[#fff] w-[26px] h-[26px] leading-[26px] ">16</b>
|
||
|
|
</div>
|
||
|
|
<div class="item-time"><b class="bg-[#fff] w-[26px] h-[26px] leading-[26px] ">42</b>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="product-list flex overflow-x-auto mr-[-10px]">
|
||
|
|
<div class="item-deal mr-[10px] mb-[10px] p-[10px] rounded-[12px] bg-white">
|
||
|
|
<div class="images w-[100%] h-[140px] block m-[auto_auto_10px_auto] overflow-hidden">
|
||
|
|
<a href="/deal-detail.html" class="block"><img src="./assets/images/icon-pro-top.png"
|
||
|
|
class="block m-[auto] w-[100%] h-[100%] object-contain scale-[1] duration-[0.3s] hover:scale-[1.05] hover:duration-[0.3s]"
|
||
|
|
alt=""></a>
|
||
|
|
</div>
|
||
|
|
<div class="info w-[180px]">
|
||
|
|
<div
|
||
|
|
class="box-sold w-full bg-[#ffe9c2] relative h-[18px] leading-[18px] rounded-[26px]">
|
||
|
|
<div class="line absolute left-[0] top-0 h-[100%] bg-[#FF750E] rounded-[26px]"
|
||
|
|
style="width: 90%;">
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="txt text-white absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-full text-center z-9 text-[12px] font-bold">
|
||
|
|
Đã bán <span class="ql-sold">8</span>/ <span class="ql-conlai">10</span> Sản
|
||
|
|
phẩm</div>
|
||
|
|
</div>
|
||
|
|
<a href="/deal-detail.html"
|
||
|
|
class="name line-clamp-4 mt-[8px] text-[14px] font-bold">Smart
|
||
|
|
Tivi Samsung Neo QLED 8K 85 inch QA85QN900C</a>
|
||
|
|
|
||
|
|
<div class="group-price flex items-center mb-[10px]">
|
||
|
|
<del class="old-price text-[#afafaf] text-[13px] mr-[10px]">30.490.000
|
||
|
|
</del>
|
||
|
|
<div class="price text-center text-[14px] font-[700] text-red">
|
||
|
|
28.490.000
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="./deal-detail.html"
|
||
|
|
class="btn-add font-bold m-[auto] bg-[#FFD9D9] text-[#FF0002]">Mua
|
||
|
|
ngay</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-deal mr-[10px] mb-[10px] p-[10px] rounded-[12px] bg-white">
|
||
|
|
<div class="images w-[100%] h-[140px] block m-[auto_auto_10px_auto] overflow-hidden">
|
||
|
|
<a href="/deal-detail.html" class="block"><img src="./assets/images/icon-pro-top.png"
|
||
|
|
class="block m-[auto] w-[100%] h-[100%] object-contain scale-[1] duration-[0.3s] hover:scale-[1.05] hover:duration-[0.3s]"
|
||
|
|
alt=""></a>
|
||
|
|
</div>
|
||
|
|
<div class="info w-[180px]">
|
||
|
|
<div
|
||
|
|
class="box-sold w-full bg-[#ffe9c2] relative h-[18px] leading-[18px] rounded-[26px]">
|
||
|
|
<div class="line absolute left-[0] top-0 h-[100%] bg-[#FF750E] rounded-[26px]"
|
||
|
|
style="width: 90%;">
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="txt text-white absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-full text-center z-9 text-[12px] font-bold">
|
||
|
|
Đã bán <span class="ql-sold">8</span>/ <span class="ql-conlai">10</span> Sản
|
||
|
|
phẩm</div>
|
||
|
|
</div>
|
||
|
|
<a href="/deal-detail.html"
|
||
|
|
class="name line-clamp-4 mt-[8px] text-[14px] font-bold">Smart
|
||
|
|
Tivi Samsung Neo QLED 8K 85 inch QA85QN900C</a>
|
||
|
|
|
||
|
|
<div class="group-price flex items-center mb-[10px]">
|
||
|
|
<del class="old-price text-[#afafaf] text-[13px] mr-[10px]">30.490.000
|
||
|
|
</del>
|
||
|
|
<div class="price text-center text-[14px] font-[700] text-red">
|
||
|
|
28.490.000
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="./deal-detail.html"
|
||
|
|
class="btn-add font-bold m-[auto] bg-[#FFD9D9] text-[#FF0002]">Mua
|
||
|
|
ngay</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-deal mr-[10px] mb-[10px] p-[10px] rounded-[12px] bg-white">
|
||
|
|
<div class="images w-[100%] h-[140px] block m-[auto_auto_10px_auto] overflow-hidden">
|
||
|
|
<a href="/deal-detail.html" class="block"><img src="./assets/images/icon-pro-top.png"
|
||
|
|
class="block m-[auto] w-[100%] h-[100%] object-contain scale-[1] duration-[0.3s] hover:scale-[1.05] hover:duration-[0.3s]"
|
||
|
|
alt=""></a>
|
||
|
|
</div>
|
||
|
|
<div class="info w-[180px]">
|
||
|
|
<div
|
||
|
|
class="box-sold w-full bg-[#ffe9c2] relative h-[18px] leading-[18px] rounded-[26px]">
|
||
|
|
<div class="line absolute left-[0] top-0 h-[100%] bg-[#FF750E] rounded-[26px]"
|
||
|
|
style="width: 90%;">
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="txt text-white absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-full text-center z-9 text-[12px] font-bold">
|
||
|
|
Đã bán <span class="ql-sold">8</span>/ <span class="ql-conlai">10</span> Sản
|
||
|
|
phẩm</div>
|
||
|
|
</div>
|
||
|
|
<a href="/deal-detail.html"
|
||
|
|
class="name line-clamp-4 mt-[8px] text-[14px] font-bold">Smart
|
||
|
|
Tivi Samsung Neo QLED 8K 85 inch QA85QN900C</a>
|
||
|
|
|
||
|
|
<div class="group-price flex items-center mb-[10px]">
|
||
|
|
<del class="old-price text-[#afafaf] text-[13px] mr-[10px]">30.490.000
|
||
|
|
</del>
|
||
|
|
<div class="price text-center text-[14px] font-[700] text-red">
|
||
|
|
28.490.000
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="./deal-detail.html"
|
||
|
|
class="btn-add font-bold m-[auto] bg-[#FFD9D9] text-[#FF0002]">Mua
|
||
|
|
ngay</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-deal mr-[10px] mb-[10px] p-[10px] rounded-[12px] bg-white">
|
||
|
|
<div class="images w-[100%] h-[140px] block m-[auto_auto_10px_auto] overflow-hidden">
|
||
|
|
<a href="/deal-detail.html" class="block"><img src="./assets/images/icon-pro-top.png"
|
||
|
|
class="block m-[auto] w-[100%] h-[100%] object-contain scale-[1] duration-[0.3s] hover:scale-[1.05] hover:duration-[0.3s]"
|
||
|
|
alt=""></a>
|
||
|
|
</div>
|
||
|
|
<div class="info w-[180px]">
|
||
|
|
<div
|
||
|
|
class="box-sold w-full bg-[#ffe9c2] relative h-[18px] leading-[18px] rounded-[26px]">
|
||
|
|
<div class="line absolute left-[0] top-0 h-[100%] bg-[#FF750E] rounded-[26px]"
|
||
|
|
style="width: 90%;">
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="txt text-white absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-full text-center z-9 text-[12px] font-bold">
|
||
|
|
Đã bán <span class="ql-sold">8</span>/ <span class="ql-conlai">10</span> Sản
|
||
|
|
phẩm</div>
|
||
|
|
</div>
|
||
|
|
<a href="/deal-detail.html"
|
||
|
|
class="name line-clamp-4 mt-[8px] text-[14px] font-bold">Smart
|
||
|
|
Tivi Samsung Neo QLED 8K 85 inch QA85QN900C</a>
|
||
|
|
|
||
|
|
<div class="group-price flex items-center mb-[10px]">
|
||
|
|
<del class="old-price text-[#afafaf] text-[13px] mr-[10px]">30.490.000
|
||
|
|
</del>
|
||
|
|
<div class="price text-center text-[14px] font-[700] text-red">
|
||
|
|
28.490.000
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="./deal-detail.html"
|
||
|
|
class="btn-add font-bold m-[auto] bg-[#FFD9D9] text-[#FF0002]">Mua
|
||
|
|
ngay</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="/listdeal-mb.html"
|
||
|
|
class="more-all block bg-[#fff] m-[18px_auto] text-center w-[126px] h-[40px] leading-[40px] rounded-[20px] uppercase font-bold text-[#F0292B]">
|
||
|
|
Xem tất cả
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="footer pb-[70px]">
|
||
|
|
<div class="box-faq mt-[15px]">
|
||
|
|
<div class="container">
|
||
|
|
<h2
|
||
|
|
class="title text-center text-[16px] font-[600] uppercase text-[#000000] m-[30px_auto_15px_auto]">
|
||
|
|
Câu hỏi
|
||
|
|
thường gặp
|
||
|
|
</h2>
|
||
|
|
<div class="content-faq">
|
||
|
|
<div class="item float-left w-[100%] mb-[10px]
|
||
|
|
border-[1px] border-[#e2e2e2] rounded-[8px] p-[10px] bg-[var(--title-faq)]">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="faqlink flex items-center justify-between text-[15px] font-[600] text-[#3a3a3a]">
|
||
|
|
<span>Đấu giá trực tuyến có phức tạp không?</span>
|
||
|
|
<i class="fas fa-chevron-right"></i>
|
||
|
|
</a>
|
||
|
|
<div class="content hidden m-[5px_0_0_10px] font-[400] text-[14px]">Rất dễ dàng, tham
|
||
|
|
gia
|
||
|
|
mọi lúc mọi nơi chỉ cần có smartphone và
|
||
|
|
internet
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item float-left w-[100%] mb-[10px]
|
||
|
|
border-[1px] border-[#e2e2e2] rounded-[8px] p-[10px] bg-[var(--title-faq)]">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="faqlink flex items-center justify-between text-[15px] font-[600] text-[#3a3a3a]">
|
||
|
|
<span>Làm thế nào để xác thực tài khoản đấu giá thành công?</span>
|
||
|
|
<i class="fas fa-chevron-right"></i>
|
||
|
|
</a>
|
||
|
|
<div class="content hidden m-[5px_0_0_10px] font-[400] text-[14px]">Rất dễ dàng, tham
|
||
|
|
gia
|
||
|
|
mọi lúc mọi nơi chỉ cần có smartphone và internet
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item float-left w-[100%] mb-[10px]
|
||
|
|
border-[1px] border-[#e2e2e2] rounded-[8px] p-[10px] bg-[var(--title-faq)]">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="faqlink flex items-center justify-between text-[15px] font-[600] text-[#3a3a3a]">
|
||
|
|
<span>Tại sao nên chọn đấu giá trực tuyến tại Anphatpc?</span>
|
||
|
|
<i class="fas fa-chevron-right"></i>
|
||
|
|
</a>
|
||
|
|
<div class="content hidden m-[5px_0_0_10px] font-[400] text-[14px]">Rất dễ dàng, tham
|
||
|
|
gia
|
||
|
|
mọi lúc mọi nơi chỉ cần có smartphone và internet
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item float-left w-[100%] mb-[10px]
|
||
|
|
border-[1px] border-[#e2e2e2] rounded-[8px] p-[10px] bg-[var(--title-faq)]">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="faqlink flex items-center justify-between text-[15px] font-[600] text-[#3a3a3a]">
|
||
|
|
<span>Quy trình đấu giá sản phẩm của Anphatpc như thế nào?</span>
|
||
|
|
<i class="fas fa-chevron-right"></i>
|
||
|
|
</a>
|
||
|
|
<div class="content hidden m-[5px_0_0_10px] font-[400] text-[14px]">Rất dễ dàng, tham
|
||
|
|
gia
|
||
|
|
mọi lúc mọi nơi chỉ cần có smartphone và internet
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item float-left w-[100%] mb-[10px]
|
||
|
|
border-[1px] border-[#e2e2e2] rounded-[8px] p-[10px] bg-[var(--title-faq)]">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="faqlink flex items-center justify-between text-16px font-[600] text-[#3a3a3a]">
|
||
|
|
<span>Điều kiện để chiến thắng đấu giá là gì?</span>
|
||
|
|
<i class="fas fa-chevron-right"></i>
|
||
|
|
</a>
|
||
|
|
<div class="content hidden m-[5px_0_0_10px] font-[400] text-[14px]">Rất dễ dàng, tham
|
||
|
|
gia
|
||
|
|
mọi lúc mọi nơi chỉ cần có smartphone và internet
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="clearfix"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="main-footer bg-[#000] mt-[15px] pb-[20px]">
|
||
|
|
<div class="container">
|
||
|
|
<div
|
||
|
|
class="footer-policies flex flex-wrap items-center p-[25px_0] border-b-[1px] border-[#646386] mr-[-20px]">
|
||
|
|
<div
|
||
|
|
class="item-policies flex items-center flex-col w-[calc(100%_/2_-20px)] mr-[20px] mb-[20px]">
|
||
|
|
<div class="icons w-[40px] h-[30px] block mb-[13px]">
|
||
|
|
<img src="./assets/images/icon-ship.png" width="100%" height="100%"
|
||
|
|
class="block w-[100%] h-[100%] object-contain" alt="ship">
|
||
|
|
</div>
|
||
|
|
<div class="txt text-center text-white text-[13px]">
|
||
|
|
<b class="uppercase">Chính sách giao hàng</b>
|
||
|
|
<p>Nhận hàng & thanh toán tại nhà</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item-policies flex items-center flex-col w-[calc(100%_/2_-20px)] mr-[20px] mb-[20px]">
|
||
|
|
<div class="icons w-[40px] h-[30px] block mb-[13px]">
|
||
|
|
<img src="./assets/images/icon-return.png" width="100%" height="100%"
|
||
|
|
class="block w-[100%] h-[100%] object-contain" alt="ship">
|
||
|
|
</div>
|
||
|
|
<div class="txt text-center text-white text-[13px]">
|
||
|
|
<b class="uppercase">Đổi mới 15 ngày đầu</b>
|
||
|
|
<p>Áp dụng với sản phẩm laptop</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item-policies flex items-center flex-col w-[calc(100%_/2_-20px)] mr-[20px] mb-[20px]">
|
||
|
|
<div class="icons w-[40px] h-[30px] block mb-[13px]">
|
||
|
|
<img src="./assets/images/icon-pay.png" width="100%" height="100%"
|
||
|
|
class="block w-[100%] h-[100%] object-contain" alt="ship">
|
||
|
|
</div>
|
||
|
|
<div class="txt text-center text-white text-[13px]">
|
||
|
|
<b class="uppercase">Thanh toán tiện lợi</b>
|
||
|
|
<p>Trả tiền mặt, CK, trả góp 0%</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item-policies flex items-center flex-col w-[calc(100%_/2_-20px)] mr-[20px] mb-[20px]">
|
||
|
|
<div class="icons w-[40px] h-[30px] block mb-[13px]">
|
||
|
|
<img src="./assets/images/icon-chat.png" width="100%" height="100%"
|
||
|
|
class="block w-[100%] h-[100%] object-contain" alt="ship">
|
||
|
|
</div>
|
||
|
|
<div class="txt text-center text-white text-[13px]">
|
||
|
|
<b class="uppercase">Hỗ trợ nhiệt tình</b>
|
||
|
|
<p>Tư vấn, giải pháp mọi thắc mắc</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="contact-footer relative">
|
||
|
|
<div class="info-contact text-center p-[15px_0_20px_0] text-white">
|
||
|
|
<b class="uppercase text-[15px] mb-[2px] block">Công ty cổ phần thương mại máy tính an
|
||
|
|
phát</b>
|
||
|
|
<p class="font-[300]">Giấy chứng nhận ĐKDN số 0108940873 do Sở kế hoạch và Đầu tư Thành phố
|
||
|
|
Hà Nội cấp ngày
|
||
|
|
11/10/2019</p>
|
||
|
|
<p class="font-[300]">Trụ sở: Tầng 5, Số 49 phố Thái Hà, Phương Trung Liệt, Quận Đống Đa,
|
||
|
|
Thành phố Hà nội,
|
||
|
|
Việt
|
||
|
|
Nam</p>
|
||
|
|
<p class="font-[300]">Điện thoại: 19000323 Email: Giang@anphat.com.vn</p>
|
||
|
|
</div>
|
||
|
|
<a href="tel:19000323" class="btn-phone m-[0_auto] w-[270px] block">
|
||
|
|
<img src="./assets/images/btn-phone.png" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="btn-fixed shadow-[0_-2px_15px_0px_#00000026] left-[0] bottom-[0] bg-white fixed w-[100%] flex items-center h-[70px]">
|
||
|
|
<a href="/" class="w-[25%] block text-center text-[#3D52BE]">
|
||
|
|
<i class="fas fa-home text-[14px]"></i>
|
||
|
|
<span class="block font-[700]">Trang chủ</span>
|
||
|
|
</a>
|
||
|
|
<a href="/listdaugia-mb.html" class="w-[25%] block text-center text-[#666666]">
|
||
|
|
<i class="fas fa-database text-[14px]"></i>
|
||
|
|
<span class="block font-[700]">Đấu giá</span>
|
||
|
|
</a>
|
||
|
|
<a href="/listdeal-mb.html" class="w-[25%] block text-center text-[#FF0002]">
|
||
|
|
<i class="fas fa-fire-alt text-[18px]"></i>
|
||
|
|
<span class="block font-[700]">Deal hot</span>
|
||
|
|
</a>
|
||
|
|
<a href="/account-mb.html" class="w-[25%] block text-center text-[#666666]">
|
||
|
|
<i class="far fa-user-circle text-[14px]"></i>
|
||
|
|
<span class="block font-[700]">Tài khoản</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
var swiper = new Swiper("#js-list-auction-top", {
|
||
|
|
slidesPerView: 1,
|
||
|
|
spaceBetween: 10,
|
||
|
|
pagination: {
|
||
|
|
el: ".swiper-pagination",
|
||
|
|
clickable: true,
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
$(document).ready(function () {
|
||
|
|
$('.faqlink').click(function () {
|
||
|
|
$(this).parents('.item').toggleClass('active');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
$(window).scroll(function () {
|
||
|
|
|
||
|
|
if ($(window).scrollTop() > 100) {
|
||
|
|
$(".header").addClass('header-fixed');
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$(".header").removeClass('header-fixed');
|
||
|
|
}
|
||
|
|
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</html>
|