up
This commit is contained in:
3
.vscode/extensions.json
vendored
Normal file
3
.vscode/extensions.json
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"recommendations": ["ritwickdey.liveserver"]
|
||||
}
|
||||
4
.vscode/settings.json
vendored
Normal file
4
.vscode/settings.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"liveServer.settings.AdvanceCustomBrowserCmdLine": "",
|
||||
"liveServer.settings.ChromeDebuggingAttachment": false
|
||||
}
|
||||
375
account-mb.html
Normal file
375
account-mb.html
Normal file
@@ -0,0 +1,375 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,user-scalable=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="./assets/css/style-mb.css">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container-mb">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="content-main-header d-flex align-items space-between">
|
||||
<a href="/" class="logo">
|
||||
<img src="./assets/images/logo-mobile.png" width="100%" height="100%" alt="logo">
|
||||
</a>
|
||||
<div class="header-right d-flex align-items">
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/icon-clipboard.png" alt="">
|
||||
<span>Thể lệ đấu giá</span>
|
||||
</a>
|
||||
<a href="/taikhoan" class="item">
|
||||
<img src="./assets/images/icon-user.png" alt="">
|
||||
<span>Tài khoản</span>
|
||||
<i class="fa-solid fa-caret-down"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-account">
|
||||
<div class="container">
|
||||
<div class="breadcrumb">
|
||||
<a href="javascript:void(0)" onclick="history.back()" class="link-back">
|
||||
<i class="fas fa-chevron-left"></i>
|
||||
</a>
|
||||
<a href="" class="name text-center block line-clamp-1">Tài khoản</a>
|
||||
</div>
|
||||
<div class="content-account">
|
||||
<div class="name-avatar d-flex align-items">
|
||||
<div class="avatar">P</div>
|
||||
<div class="info">
|
||||
<span>Tài khoản của</span>
|
||||
<b>Phương Phạm</b>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab d-flex align-items">
|
||||
<a href="javascript:void(0)" data-id="#form-info" class="item-tab active">
|
||||
<i class="fas fa-address-card"></i>
|
||||
<span>Thông tin tài khoản</span>
|
||||
</a>
|
||||
<a href="javascript:void(0)" data-id="#table-history" class="item-tab">
|
||||
<i class="fas fa-shopping-cart"></i>
|
||||
<span>Lịch sửa mua hàng</span>
|
||||
</a>
|
||||
<a href="/logout.php" class="item-tab">
|
||||
<i class="fas fa-sign-in-alt"></i>
|
||||
<span>Đăng xuất tài khoản</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="content-tab active" id="form-info">
|
||||
<div class="form-info" id="">
|
||||
<input type="text" class="input" name="name" placeholder="Họ và tên">
|
||||
<input type="text" class="input" name="email" placeholder="Email">
|
||||
<div class="d-flex align-items box-phone">
|
||||
<input type="text" class="input" name="phone" placeholder="Số điện thoại">
|
||||
<a href="javascript:void(0)" class="btn-otp" onclick="checkOTP()">Gửi mã xác
|
||||
thực</a>
|
||||
</div>
|
||||
|
||||
<div class="box-sex d-flex align-items">
|
||||
<span>Giới tính</span>
|
||||
<div class="item">
|
||||
<label class="radio-checkbox">Nam
|
||||
<input type="radio" checked="checked" name="sex" value="1" name="radio">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="item">
|
||||
<label class="radio-checkbox">Nữ
|
||||
<input type="radio" checked="checked" name="sex" value="2" name="radio">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" class="input" name="address" placeholder="Địa chỉ">
|
||||
|
||||
<button type="submit" class="btn-update">Cập nhật</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-tab" id="table-history">
|
||||
<div class="table-history">
|
||||
<h2 class="title">Lịch sử mua hàng</h2>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Tên sản phẩm</th>
|
||||
<th>Giá</th>
|
||||
<th>Thời gian</th>
|
||||
<th>Số lượng</th>
|
||||
<th>Trạng thái</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||||
<td><b>2.200.000 VNĐ</b></td>
|
||||
<td>14:30:40 12/09/2024</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<p class="status ship">
|
||||
Đang vận chuyển
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||||
<td><b>2.200.000 VNĐ</b></td>
|
||||
<td>14:30:40 12/09/2024</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<p class="status cancel">
|
||||
Đã hủ<y></y>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||||
<td><b>2.200.000 VNĐ</b></td>
|
||||
<td>14:30:40 12/09/2024</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<p class="status processing">
|
||||
Đang chờ xác nhận
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||||
<td><b>2.200.000 VNĐ</b></td>
|
||||
<td>14:30:40 12/09/2024</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<p class="status success">
|
||||
Thành công
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||||
<td><b>2.200.000 VNĐ</b></td>
|
||||
<td>14:30:40 12/09/2024</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<p class="status">
|
||||
Đang vận chuyển
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||||
<td><b>2.200.000 VNĐ</b></td>
|
||||
<td>14:30:40 12/09/2024</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<p class="status">
|
||||
Đang vận chuyển
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||||
<td><b>2.200.000 VNĐ</b></td>
|
||||
<td>14:30:40 12/09/2024</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<p class="status">
|
||||
Đang vận chuyển
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="overlay"></div>
|
||||
<div class="box-popup popup-thongbao">
|
||||
<div class="title">Vui lòng xác thực SĐT của bạn</div>
|
||||
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
|
||||
<i class="fa fa-times"></i>
|
||||
</a>
|
||||
|
||||
<p>Vui lòng xác thực SĐT của bạn tại trang tài khoản</p>
|
||||
|
||||
<a href="javascript:void(0)" class="btn-submit" onclick="SendcheckOTP()">
|
||||
ok
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="box-popup popup-input-opt">
|
||||
<div class="title">Vui lòng xác nhận bằng mã OTP</div>
|
||||
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
|
||||
<i class="fa fa-times"></i>
|
||||
</a>
|
||||
|
||||
<input type="text" class="input-otp" inputmode="numeric" pattern="[0-9]*" placeholder="Vui lòng nhập OTP">
|
||||
|
||||
<a href="javascript:void(0)" class="btn-submit" onclick="checkOTP()">
|
||||
Xác nhận
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="box-faq">
|
||||
<div class="container">
|
||||
<div class="background-faq">
|
||||
<h2 class="title">Câu hỏi thường gặp</h2>
|
||||
<div class="content-faq">
|
||||
<div class="item">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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>
|
||||
<div class="main-footer">
|
||||
<div class="container">
|
||||
<div class="footer-policies d-flex flex-wrap">
|
||||
<div class="item-policies">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-ship.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-return.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>Đổ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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-pay.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-chat.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="info-contact text-center">
|
||||
<b>Công ty cổ phần thương mại máy tính an phát</b>
|
||||
<p>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>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>Điện thoại: 19000323 Email: Giang@anphat.com.vn</p>
|
||||
</div>
|
||||
<a href="tel:19000323" class="btn-phone">
|
||||
<img src="./assets/images/btn-phone.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||||
|
||||
<script>
|
||||
function checkOTP() {
|
||||
$('.box-popup').removeClass('active');
|
||||
$('.overlay').addClass('active')
|
||||
$('.popup-thongbao').addClass('active')
|
||||
}
|
||||
|
||||
function SendcheckOTP() {
|
||||
$('.box-popup').removeClass('active');
|
||||
$('.overlay').addClass('active')
|
||||
$('.popup-input-opt').addClass('active')
|
||||
}
|
||||
|
||||
|
||||
function closePopop() {
|
||||
$('.box-popup').removeClass('active');
|
||||
$('.overlay').removeClass('active')
|
||||
}
|
||||
|
||||
|
||||
Tab();
|
||||
function Tab() {
|
||||
$(".tab .item-tab").click(function () {
|
||||
var datatab = $(this).attr("data-id");
|
||||
$(".tab .item-tab").removeClass("active");
|
||||
$('.content-tab').removeClass("active");
|
||||
$(this).addClass("active");
|
||||
$(datatab).addClass("active");
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
</html>
|
||||
393
account.html
Normal file
393
account.html
Normal file
@@ -0,0 +1,393 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
|
||||
<link rel="stylesheet" href="./assets/css/style.css">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="header-main d-flex align-items space-between">
|
||||
<div class="header-left">
|
||||
<a href="/" class="logo">
|
||||
<img src="./assets/images/logo.png" alt="logo">
|
||||
</a>
|
||||
</div>
|
||||
<div class="header-right d-flex align-items">
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/icon-clipboard.png" alt="">
|
||||
<span>Thể lệ đấu giá</span>
|
||||
</a>
|
||||
<a href="./account.html" class="item">
|
||||
<img src="./assets/images/icon-user.png" alt="">
|
||||
<span>Tài khoản</span>
|
||||
<i class="fa-solid fa-caret-down"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-account">
|
||||
<div class="container">
|
||||
<div class="breadcrumb">
|
||||
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul clearfix">
|
||||
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
|
||||
<a href="/" itemprop="item" class="nopad-l">
|
||||
<span itemprop="name"><span>Trang chủ</span></span>
|
||||
</a> <i>/</i>
|
||||
<meta itemprop="position" content="1">
|
||||
</li>
|
||||
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
|
||||
<a href="/" itemprop="item">
|
||||
<span itemprop="name">
|
||||
Tài khoản
|
||||
</span>
|
||||
</a>
|
||||
<meta itemprop="position" content="2">
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="content-account">
|
||||
<div class="name-avatar d-flex align-items">
|
||||
<div class="avatar">P</div>
|
||||
<div class="info">
|
||||
<span>Tài khoản của</span>
|
||||
<b>Phương Phạm</b>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content d-flex">
|
||||
<div class="content-left">
|
||||
<div class="tab">
|
||||
<a href="javascript:void(0)" data-id="#form-info" class="item-tab active">
|
||||
<i class="fas fa-address-card"></i>
|
||||
<span>Thông tin tài khoản</span>
|
||||
</a>
|
||||
<a href="javascript:void(0)" data-id="#table-history" class="item-tab">
|
||||
<i class="fas fa-shopping-cart"></i>
|
||||
<span>Lịch sửa mua hàng</span>
|
||||
</a>
|
||||
<a href="/logout.php" class="item-tab">
|
||||
<i class="fas fa-sign-in-alt"></i>
|
||||
<span>Đăng xuất tài khoản</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-right">
|
||||
<div class="content-tab active" id="form-info">
|
||||
<div class="form-info" id="">
|
||||
<input type="text" class="input" name="name" placeholder="Họ và tên">
|
||||
<input type="text" class="input" name="email" placeholder="Email">
|
||||
<div class="d-flex align-items box-phone">
|
||||
<input type="text" class="input" name="phone" placeholder="Số điện thoại">
|
||||
<a href="javascript:void(0)" class="btn-otp" onclick="checkOTP()">Gửi mã xác
|
||||
thực</a>
|
||||
</div>
|
||||
|
||||
<div class="box-sex d-flex align-items">
|
||||
<span>Giới tính</span>
|
||||
<div class="item">
|
||||
<label class="radio-checkbox">Nam
|
||||
<input type="radio" checked="checked" name="sex" value="1" name="radio">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="item">
|
||||
<label class="radio-checkbox">Nữ
|
||||
<input type="radio" checked="checked" name="sex" value="2" name="radio">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" class="input" name="address" placeholder="Địa chỉ">
|
||||
|
||||
<button type="submit" class="btn-update">Cập nhật</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-tab" id="table-history">
|
||||
<div class="table-history">
|
||||
<h2 class="title">Lịch sử mua hàng</h2>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Tên sản phẩm</th>
|
||||
<th>Giá</th>
|
||||
<th>Thời gian</th>
|
||||
<th>Số lượng</th>
|
||||
<th>Trạng thái</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||||
<td>2.200.000 VNĐ</td>
|
||||
<td>14:30:40 12/09/2024</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<p class="status ship">
|
||||
Đang vận chuyển
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||||
<td>2.200.000 VNĐ</td>
|
||||
<td>14:30:40 12/09/2024</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<p class="status cancel">
|
||||
Đã hủ<y></y>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||||
<td>2.200.000 VNĐ</td>
|
||||
<td>14:30:40 12/09/2024</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<p class="status processing">
|
||||
Đang chờ xác nhận
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||||
<td>2.200.000 VNĐ</td>
|
||||
<td>14:30:40 12/09/2024</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<p class="status success">
|
||||
Thành công
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||||
<td>2.200.000 VNĐ</td>
|
||||
<td>14:30:40 12/09/2024</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<p class="status">
|
||||
Đang vận chuyển
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||||
<td>2.200.000 VNĐ</td>
|
||||
<td>14:30:40 12/09/2024</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<p class="status">
|
||||
Đang vận chuyển
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||||
<td>2.200.000 VNĐ</td>
|
||||
<td>14:30:40 12/09/2024</td>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<p class="status">
|
||||
Đang vận chuyển
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="overlay"></div>
|
||||
<div class="box-popup popup-thongbao">
|
||||
<div class="title">Vui lòng xác thực SĐT của bạn</div>
|
||||
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
|
||||
<i class="fa fa-times"></i>
|
||||
</a>
|
||||
|
||||
<p>Vui lòng xác thực SĐT của bạn tại trang tài khoản</p>
|
||||
|
||||
<a href="javascript:void(0)" class="btn-submit" onclick="SendcheckOTP()">
|
||||
ok
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="box-popup popup-input-opt">
|
||||
<div class="title">Vui lòng xác nhận bằng mã OTP</div>
|
||||
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
|
||||
<i class="fa fa-times"></i>
|
||||
</a>
|
||||
|
||||
<input type="text" class="input-otp" placeholder="Vui lòng nhập OTP">
|
||||
|
||||
<a href="javascript:void(0)" class="btn-submit" onclick="checkOTP()">
|
||||
Xác nhận
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="box-faq">
|
||||
<div class="container">
|
||||
<div class="background-faq">
|
||||
<h2 class="title">Câu hỏi thường gặp</h2>
|
||||
<div class="content-faq">
|
||||
<div class="item">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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>
|
||||
<div class="main-footer">
|
||||
<div class="container">
|
||||
<div class="footer-policies d-flex align-items space-between">
|
||||
<div class="item-policies">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-ship.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-return.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>Đổ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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-pay.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-chat.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="info-contact text-center">
|
||||
<b>Công ty cổ phần thương mại máy tính an phát</b>
|
||||
<p>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>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>Điện thoại: 19000323 Email: Giang@anphat.com.vn</p>
|
||||
</div>
|
||||
<a href="tel:19000323" class="btn-phone">
|
||||
<img src="./assets/images/btn-phone.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
function checkOTP() {
|
||||
$('.box-popup').removeClass('active');
|
||||
$('.overlay').addClass('active')
|
||||
$('.popup-thongbao').addClass('active')
|
||||
}
|
||||
|
||||
function SendcheckOTP() {
|
||||
$('.box-popup').removeClass('active');
|
||||
$('.overlay').addClass('active')
|
||||
$('.popup-input-opt').addClass('active')
|
||||
}
|
||||
|
||||
|
||||
function closePopop() {
|
||||
$('.box-popup').removeClass('active');
|
||||
$('.overlay').removeClass('active')
|
||||
}
|
||||
|
||||
|
||||
|
||||
Tab();
|
||||
function Tab() {
|
||||
$(".tab .item-tab").click(function () {
|
||||
var datatab = $(this).attr("data-id");
|
||||
$(".tab .item-tab").removeClass("active");
|
||||
$('.content-tab').removeClass("active");
|
||||
$(this).addClass("active");
|
||||
$(datatab).addClass("active");
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
</html>
|
||||
2867
assets/css/style-mb.css
Normal file
2867
assets/css/style-mb.css
Normal file
File diff suppressed because it is too large
Load Diff
1
assets/css/style-mb.css.map
Normal file
1
assets/css/style-mb.css.map
Normal file
File diff suppressed because one or more lines are too long
2934
assets/css/style-mb.scss
Normal file
2934
assets/css/style-mb.scss
Normal file
File diff suppressed because it is too large
Load Diff
2864
assets/css/style.css
Normal file
2864
assets/css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
1
assets/css/style.css.map
Normal file
1
assets/css/style.css.map
Normal file
File diff suppressed because one or more lines are too long
2940
assets/css/style.scss
Normal file
2940
assets/css/style.scss
Normal file
File diff suppressed because it is too large
Load Diff
BIN
assets/images/avatar-admin.png
Normal file
BIN
assets/images/avatar-admin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
BIN
assets/images/avatar-user.png
Normal file
BIN
assets/images/avatar-user.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
assets/images/background-firework.png
Normal file
BIN
assets/images/background-firework.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
assets/images/banner-mobile.png
Normal file
BIN
assets/images/banner-mobile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 272 KiB |
BIN
assets/images/banner.png
Normal file
BIN
assets/images/banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 778 KiB |
BIN
assets/images/btn-phone.png
Normal file
BIN
assets/images/btn-phone.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
assets/images/icon-auction-2.png
Normal file
BIN
assets/images/icon-auction-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
assets/images/icon-auction.png
Normal file
BIN
assets/images/icon-auction.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 409 B |
BIN
assets/images/icon-chat.png
Normal file
BIN
assets/images/icon-chat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
assets/images/icon-clipboard.png
Normal file
BIN
assets/images/icon-clipboard.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 339 B |
BIN
assets/images/icon-cup.png
Normal file
BIN
assets/images/icon-cup.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 706 B |
BIN
assets/images/icon-facebook-login.png
Normal file
BIN
assets/images/icon-facebook-login.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
assets/images/icon-facebook.png
Normal file
BIN
assets/images/icon-facebook.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
assets/images/icon-fire-time.png
Normal file
BIN
assets/images/icon-fire-time.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
assets/images/icon-flash.png
Normal file
BIN
assets/images/icon-flash.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 773 B |
BIN
assets/images/icon-google.png
Normal file
BIN
assets/images/icon-google.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
assets/images/icon-home.png
Normal file
BIN
assets/images/icon-home.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 515 B |
BIN
assets/images/icon-locahost.png
Normal file
BIN
assets/images/icon-locahost.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
assets/images/icon-pay.png
Normal file
BIN
assets/images/icon-pay.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
assets/images/icon-pro-top.png
Normal file
BIN
assets/images/icon-pro-top.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
BIN
assets/images/icon-return.png
Normal file
BIN
assets/images/icon-return.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
assets/images/icon-ship.png
Normal file
BIN
assets/images/icon-ship.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
assets/images/icon-star.png
Normal file
BIN
assets/images/icon-star.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
assets/images/icon-user.png
Normal file
BIN
assets/images/icon-user.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 553 B |
BIN
assets/images/icon-zalo.png
Normal file
BIN
assets/images/icon-zalo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
assets/images/image-checkbox.png
Normal file
BIN
assets/images/image-checkbox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
assets/images/image-qr.png
Normal file
BIN
assets/images/image-qr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
assets/images/image-review-1.png
Normal file
BIN
assets/images/image-review-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
assets/images/image-review-2.png
Normal file
BIN
assets/images/image-review-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
assets/images/image-review-3.png
Normal file
BIN
assets/images/image-review-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
assets/images/image-thumb-1.png
Normal file
BIN
assets/images/image-thumb-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
assets/images/image-thumb-2.png
Normal file
BIN
assets/images/image-thumb-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
assets/images/image-thumb-3.png
Normal file
BIN
assets/images/image-thumb-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
assets/images/image-thumb-4.png
Normal file
BIN
assets/images/image-thumb-4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
assets/images/image-thumb-5.png
Normal file
BIN
assets/images/image-thumb-5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
BIN
assets/images/logo-mobile.png
Normal file
BIN
assets/images/logo-mobile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
BIN
assets/images/logo.png
Normal file
BIN
assets/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
assets/images/product-detail-big.png
Normal file
BIN
assets/images/product-detail-big.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 784 KiB |
0
assets/js/main.js
Normal file
0
assets/js/main.js
Normal file
814
deal-detail-mb.html
Normal file
814
deal-detail-mb.html
Normal file
@@ -0,0 +1,814 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,user-scalable=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="./assets/css/style-mb.css">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
||||
</head>
|
||||
|
||||
<body class="page-detail">
|
||||
<div class="container-mb">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="content-main-header d-flex align-items space-between">
|
||||
<a href="/" class="logo">
|
||||
<img src="./assets/images/logo-mobile.png" width="100%" height="100%" alt="logo">
|
||||
</a>
|
||||
<div class="header-right d-flex align-items">
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/icon-clipboard.png" alt="">
|
||||
<span>Thể lệ đấu giá</span>
|
||||
</a>
|
||||
<a href="/taikhoan" class="item">
|
||||
<img src="./assets/images/icon-user.png" alt="">
|
||||
<span>Tài khoản</span>
|
||||
<i class="fa-solid fa-caret-down"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-detail deal">
|
||||
<div class="container">
|
||||
<div class="breadcrumb">
|
||||
<a href="javascript:void(0)" onclick="history.back()" class="link-back">
|
||||
<i class="fas fa-chevron-left"></i>
|
||||
</a>
|
||||
<a href="" class="name text-center block line-clamp-1">Laptop Acer Aspire 7 A715-76-53PJ Laptop Acer
|
||||
Aspire 7 A715-76-53PJ Laptop Acer Aspire 7 A715-76-53PJ</a>
|
||||
</div>
|
||||
<div class="content-main-detail">
|
||||
<div class="content-top">
|
||||
<div class="box-group-images">
|
||||
<div class="swiper" id="js-slider-image">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<a href="./assets/images/product-detail-big.png" data-fancybox="gallery">
|
||||
<img src="./assets/images/product-detail-big.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<a href="./assets/images/product-detail-big.png" data-fancybox="gallery">
|
||||
<img src="./assets/images/product-detail-big.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<a href="./assets/images/product-detail-big.png" data-fancybox="gallery">
|
||||
<img src="./assets/images/product-detail-big.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<a href="./assets/images/product-detail-big.png" data-fancybox="gallery">
|
||||
<img src="./assets/images/product-detail-big.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<a href="./assets/images/product-detail-big.png" data-fancybox="gallery">
|
||||
<img src="./assets/images/product-detail-big.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Add Pagination -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-bottom">
|
||||
<h2 class="product-name">
|
||||
Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007 (Intel Core i5-12450H | Đen)
|
||||
</h2>
|
||||
<div class="box-deal-time d-flex align-items space-between">
|
||||
<div class="left d-flex align-items">
|
||||
<img src="./assets/images/icon-flash.png" width="100%" height="100%" alt="flash">
|
||||
<p class="title">Deal hot</p>
|
||||
</div>
|
||||
<div class="right d-flex align-items">
|
||||
<span>Kết thúc trong</span>
|
||||
<div class="p-box-time d-flex align-items">
|
||||
<div class="box-time">
|
||||
<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>
|
||||
<div class="group-price-deail">
|
||||
<div class="main-price d-flex align-items">
|
||||
<div class="price">29.490.000 <u>đ</u></div>
|
||||
<div class="old-price">29.990.000 <u>đ</u></div>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
<div class="box-sold-detail">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span>
|
||||
Sản phẩm</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-specification">
|
||||
<div class="item">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<p>CPU: Intel Core i5-12450H (3.3GHz up to 4.4GHz 12MB)</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<p>VGA: NVIDIA® GeForce RTX™ 2050 4GB GDDR6 + Intel UHD Graphics</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<p>Màn hình: 15.6inch FHD (1920 x 1080) IPS, 144Hz, Slim Bezel, Acer ComfyView™</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<p>RAM: 8GB (8x1) DDR4 3200MHz (2x SO-DIMM socket, up to 32GB SDRAM)</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-btn-deal">
|
||||
<a href="javascript:void(0)" class="btn-deal" onclick="addDealCart()">Mua giá sốc</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-revew-history">
|
||||
<div class="box-review">
|
||||
<div class="container">
|
||||
<div class="main-title">
|
||||
<div class="title-left">
|
||||
<div class="title d-flex align-items">
|
||||
<h2>Đánh giá sản phẩm</h2>
|
||||
<span>(100 đánh giá)</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items space-between">
|
||||
<div class="d-flex align-items">
|
||||
<div class="rating">
|
||||
<i class="icon-star star5"></i>
|
||||
</div>
|
||||
<div class="total">
|
||||
<span>4.9</span>
|
||||
<span>/</span>
|
||||
<span>5</span>
|
||||
</div>
|
||||
</div>
|
||||
<a href="javascript:void(0)" class="btn-review">Gửi đánh giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-review">
|
||||
<div class="item-review d-flex flex-wrap">
|
||||
<div class="avatar">
|
||||
<img src="./assets/images/avatar-user.png" width="100%" height="100%" alt="avatar">
|
||||
</div>
|
||||
<div class="info-cnt">
|
||||
<div class="name-user">Anh quang</div>
|
||||
<div class="total-view">
|
||||
5.0 <i class="fa fa-star"></i>
|
||||
</div>
|
||||
<p class="cnt">Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt
|
||||
lắm,
|
||||
giao hành nhanh, uy tín.</p>
|
||||
<div class="time-reply d-flex align-items">
|
||||
<span class="time">20-06-2024, 10:46 am</span>
|
||||
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
|
||||
</div>
|
||||
<div class="list-image d-flex align-items">
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/image-review-1.png" alt="">
|
||||
</a>
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/image-review-2.png" alt="">
|
||||
</a>
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/image-review-3.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-reppy">
|
||||
<div class="item-reply d-flex">
|
||||
<div class="avatar">
|
||||
<img src="./assets/images/avatar-admin.png" width="100%" height="100%"
|
||||
alt="avatar">
|
||||
</div>
|
||||
<div class="info-cnt">
|
||||
<div class="name-user">Anphatcomputer</div>
|
||||
<p class="cnt">Anphat xin cảm ơn anh Quang đã ủng hộ.
|
||||
<br> <br>
|
||||
Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm
|
||||
thông tin chương trình khuyến mãi hấp dẫn từ Anphat
|
||||
ạ! <br>
|
||||
Trân trọng cảm ơn anh!
|
||||
</p>
|
||||
<div class="time-reply d-flex align-items">
|
||||
<span class="time">20-06-2024, 10:46 am</span>
|
||||
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-reply d-flex">
|
||||
<div class="avatar">
|
||||
<img src="./assets/images/avatar-admin.png" width="100%" height="100%"
|
||||
alt="avatar">
|
||||
</div>
|
||||
<div class="info-cnt">
|
||||
<div class="name-user">Anphatcomputer</div>
|
||||
<p class="cnt">Anphat xin cảm ơn anh Quang đã ủng hộ.
|
||||
<br> <br>
|
||||
Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm
|
||||
thông tin chương trình khuyến mãi hấp dẫn từ Anphat
|
||||
ạ! <br>
|
||||
Trân trọng cảm ơn anh!
|
||||
</p>
|
||||
<div class="time-reply d-flex align-items">
|
||||
<span class="time">20-06-2024, 10:46 am</span>
|
||||
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-review d-flex flex-wrap">
|
||||
<div class="avatar">
|
||||
<img src="./assets/images/avatar-user.png" width="100%" height="100%" alt="avatar">
|
||||
</div>
|
||||
<div class="info-cnt">
|
||||
<div class="name-user">Anh quang</div>
|
||||
<div class="total-view">
|
||||
5.0 <i class="fa fa-star"></i>
|
||||
</div>
|
||||
<p class="cnt">Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt
|
||||
lắm,
|
||||
giao hành nhanh, uy tín.</p>
|
||||
<div class="time-reply d-flex align-items">
|
||||
<span class="time">20-06-2024, 10:46 am</span>
|
||||
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
|
||||
</div>
|
||||
<div class="list-image d-flex align-items">
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/image-review-1.png" alt="">
|
||||
</a>
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/image-review-2.png" alt="">
|
||||
</a>
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/image-review-3.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="javascript:void(0)" class="more-review">
|
||||
<span>Xem tất cả đánh giá</span> <i class="fas fa-chevron-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-question">
|
||||
<h2 class="title">Hỏi đáp <span>(100 bình luận)</span></h2>
|
||||
<div class="form-question">
|
||||
<textarea name="" id="" class="input-question"
|
||||
placeholder="Xin mời để lại câu hỏi, Anphat sẽ trả lời lại trong 1h, các câu hỏi sau 22h - 8h sẽ được trả lời vào sáng hôm sau"
|
||||
height=""></textarea>
|
||||
<button type="submit" class="btn-question">
|
||||
<i class="fas fa-paper-plane"></i>
|
||||
<span>Gửi</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="list-question">
|
||||
<div class="item-question d-flex flex-wrap">
|
||||
<div class="avatar">
|
||||
<img src="./assets/images/avatar-user.png" width="100%" height="100%" alt="avatar">
|
||||
</div>
|
||||
<div class="info-cnt">
|
||||
<div class="info-user d-flex align-items">
|
||||
<div class="name-user">Anh Quang</div>
|
||||
<span class="time">20-06-2024, 10:46 am</span>
|
||||
</div>
|
||||
<div class="cnt">
|
||||
<p>Sau khi thắng đấu gía thời gian bao lâu để thanh toán nhận hàng</p>
|
||||
<a href="javascript:void(0)" class="click-question">
|
||||
<i class="fas fa-comments"></i> <span>Trả lời</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-reply">
|
||||
<div class="reply-question d-flex">
|
||||
<div class="avatar">
|
||||
<img src="./assets/images/avatar-admin.png" width="100%" height="100%"
|
||||
alt="avatar">
|
||||
</div>
|
||||
<div class="info-cnt">
|
||||
<div class="info-user d-flex align-items">
|
||||
<div class="name-user">Anphatcomputer</div>
|
||||
</div>
|
||||
<div class="cnt">
|
||||
<p>Dạ, bộ phận CSKH sẽ liên hệ với người chiến thắng ngay trong ngày
|
||||
để
|
||||
hướng dẫn thanh toán nhận hàng ạ</p>
|
||||
<a href="javascript:void(0)" class="click-question">
|
||||
<i class="fas fa-comments"></i> <span>Trả lời</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="javascript:void(0)" class="more-question">
|
||||
<span>Xem tất cả hỏi đáp</span> <i class="fas fa-chevron-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="list-product-deal">
|
||||
<div class="container">
|
||||
<div class="backgrond-deal">
|
||||
<h2 class="title">Flash sale đang diễn ra</h2>
|
||||
<div class="list d-flex flex-wrap">
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria
|
||||
Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria
|
||||
Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria
|
||||
Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria
|
||||
Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-info-product">
|
||||
<div class="container">
|
||||
<div class="tab d-flex align-items space-between">
|
||||
<a href="javascrit:void(0)" data-id="#tab-info" class="item-tab active">Thông tin sản
|
||||
phẩm</a>
|
||||
</div>
|
||||
<div class="content-tab active" id="tab-info">
|
||||
<div class="info">
|
||||
<img src="./assets/images/product-detail-big.png" width="100%" height="100%" alt="">
|
||||
<ul>
|
||||
<li>Tên sản phẩm: Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</li>
|
||||
<li>Dòng Laptop: Laptop | Laptop Acer Aspire | Laptop Đồ Họa | Laptop văn phòng
|
||||
</li>
|
||||
<b>Bộ vi xử lý</b>
|
||||
<li>Công nghệ CPU: Intel Core i5-12450H</li>
|
||||
<li>Số nhân: 8</li>
|
||||
<li>Số luồng: 12</li>
|
||||
<li>Tốc độ tối đa: 4.4GHz</li>
|
||||
<li>Bộ nhớ đệm: 12MB</li>
|
||||
<b>Bộ nhớ trong (RAM)</b>
|
||||
<li>RAM: 16GB (2x8GB)</li>
|
||||
<li>Loại RAM: DDR4</li>
|
||||
<li>Tốc độ Bus RAM: 3200Mhz</li>
|
||||
<li>Số khe cắm: 2 khe</li>
|
||||
<li>Hỗ trợ RAM tối đa: Nâng cấp tối đa 32GB</li>
|
||||
<b>Ổ cứng</b>
|
||||
<li>Dung lượng: 512GB PCIe NVMe SSD</li>
|
||||
<li>Tốc độ vòng quay</li>
|
||||
<li>Khe cắm SSD mở rộng: nâng cấp tối đa 1 TB SSD PCIe Gen4, 16 Gb/s, NVMe</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="overlay" onclick="closePopop()"></div>
|
||||
<div class="box-popup popup-add-cart">
|
||||
<h2 class="title">Thông tin đặt hàng</h2>
|
||||
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
|
||||
<i class="fa fa-times"></i>
|
||||
</a>
|
||||
<div class="form-cart">
|
||||
<div class="title-form d-flex align-items">
|
||||
<i class="fas fa-map-marker-alt"></i>
|
||||
Địa chỉ nhân hàng
|
||||
</div>
|
||||
<div class="item-input">
|
||||
<input type="text" class="input" id="name" name="name" placeholder="Họ và tên">
|
||||
<div class="note-error"></div>
|
||||
</div>
|
||||
<div class="item-input">
|
||||
<input type="text" class="input" id="email" name="email" placeholder="Email">
|
||||
<div class="note-error"></div>
|
||||
</div>
|
||||
<div class="item-input">
|
||||
<input type="text" class="input" id="phone" name="phone" placeholder="Số điện thoại">
|
||||
<div class="note-error"></div>
|
||||
</div>
|
||||
<div class="item-input">
|
||||
<select name="" id="city" class="input">
|
||||
<option value="0">Tỉnh/Thành phố</option>
|
||||
<option value="28">Hà nội</option>
|
||||
</select>
|
||||
<div class="note-error"></div>
|
||||
</div>
|
||||
<div class="item-input">
|
||||
<select name="" id="district" class="input">
|
||||
<option value="0">Quận/Huyện</option>
|
||||
<option value="2">Láng hạ</option>
|
||||
</select>
|
||||
<div class="note-error"></div>
|
||||
</div>
|
||||
<div class="item-input">
|
||||
<input type="text" class="input" id="address" name="address" placeholder="Tòa nhà, Tên đường..">
|
||||
<div class="note-error"></div>
|
||||
</div>
|
||||
<div class="item-input">
|
||||
<input type="text" class="input" name="note" placeholder="Nhập ghi chú cho chúng tôi">
|
||||
<div class="note-error"></div>
|
||||
</div>
|
||||
|
||||
<div class="box-total-price">
|
||||
<div class="box-provisional d-flex align-items space-between">
|
||||
<span>Tạm tính <span>(1 sản phẩm)</span></span>
|
||||
<div class="provisional">29.000.000 <u>đ</u></div>
|
||||
</div>
|
||||
<div class="box-total-amount d-flex align-items space-between">
|
||||
<b>Tổng tiền</b>
|
||||
<div class="total-amount">29.000.000 <u>đ</u></div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="javascript:void(0)" class="btn-send-cart" onclick="checkbuy()">
|
||||
Đặt mua
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-popup popup-buy-success">
|
||||
<div class="title">
|
||||
<img src="./assets/images/image-checkbox.png" width="100%" height="100%" alt="checkbox">
|
||||
<h2>Đặt hàng thành công</h2>
|
||||
</div>
|
||||
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
|
||||
<i class="fa fa-times"></i>
|
||||
</a>
|
||||
<div class="content">
|
||||
<p>Cảm ơn bạn đã mua hàng tại <a href="#">Anphatpc.com.vn.</a> <br>
|
||||
Nhân viên <a href="#">Anphatpc.com.vn</a> sẽ liên hệ với bạn trong thời gian sớm nhất.</p>
|
||||
<b>Mã đơn hàng của bạn <a href="#">#0061</a></b>
|
||||
<i>Khi cần hỗ trợ vui lòng liên hệ hotline 1800xx</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="box-faq">
|
||||
<div class="container">
|
||||
<div class="background-faq">
|
||||
<h2 class="title">Câu hỏi thường gặp</h2>
|
||||
<div class="content-faq">
|
||||
<div class="item">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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>
|
||||
<div class="main-footer">
|
||||
<div class="container">
|
||||
<div class="footer-policies d-flex flex-wrap">
|
||||
<div class="item-policies">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-ship.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-return.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>Đổ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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-pay.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-chat.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="info-contact text-center">
|
||||
<b>Công ty cổ phần thương mại máy tính an phát</b>
|
||||
<p>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>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>Điện thoại: 19000323 Email: Giang@anphat.com.vn</p>
|
||||
</div>
|
||||
<a href="tel:19000323" class="btn-phone">
|
||||
<img src="./assets/images/btn-phone.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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 src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
|
||||
<script>
|
||||
var swiper_big = new Swiper("#js-slider-image", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
watchSlidesProgress: true,
|
||||
noSwiping: true,
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
type: 'fraction',
|
||||
}
|
||||
});
|
||||
|
||||
function addDealCart() {
|
||||
$('.box-popup').removeClass('active')
|
||||
$('.overlay').addClass('active')
|
||||
$('.popup-add-cart').addClass('active')
|
||||
}
|
||||
|
||||
|
||||
function checkbuy() {
|
||||
var number_regex1 = /^[0]\d{9}$/i;
|
||||
var number_regex2 = /^[0]\d{10}$/i;
|
||||
var error = false;
|
||||
var name = $('#name').val();
|
||||
var $name = $('#name');
|
||||
var email = $('#email').val();
|
||||
var $email = $('#email');
|
||||
var phone = $('#phone').val();
|
||||
var $phone = $('#phone');
|
||||
var city = $('#city').val();
|
||||
var $city = $('#city');
|
||||
var district = $('#district').val();
|
||||
var $district = $('#district');
|
||||
var address = $('#address').val();
|
||||
var $address = $('#address');
|
||||
|
||||
var item_name = $name.parents(".item-input");
|
||||
if (name.length < 4) {
|
||||
item_name.addClass('error');
|
||||
item_name.find($('.note-error')).html('Tên quá ngắn')
|
||||
} else if (name.indexOf('<script') > -1) {
|
||||
item_name.addClass('error');
|
||||
item_name.find($('.note-error')).html('Họ tên chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại');
|
||||
}
|
||||
|
||||
var item_email = $email.parents(".item-input");
|
||||
if (email.length < 4) {
|
||||
item_email.addClass('error')
|
||||
item_email.find($('.note-error')).html("Bạn chưa nhập Email");
|
||||
error = true;
|
||||
} else if (!validateEmail(email)) {
|
||||
item_email.addClass('error')
|
||||
item_email.find($('.note-error')).html("Địa chỉ email chưa chính xác");
|
||||
error = true;
|
||||
} else {
|
||||
item_email.removeClass('error');
|
||||
item_email.find($('.note-error')).html("");
|
||||
}
|
||||
|
||||
var item_phone = $phone.parents(".item-input");
|
||||
if (phone.length < 4) {
|
||||
item_phone.addClass('error')
|
||||
item_phone.find($('.note-error')).html("Bạn chưa nhập SĐT");
|
||||
error = true;
|
||||
} else if (!phone.match(number_regex1) && !phone.match(number_regex2)) {
|
||||
item_phone.addClass('error')
|
||||
item_phone.find($('.note-error')).html("Số điện thoại chưa chính xác");
|
||||
error = true;
|
||||
} else {
|
||||
item_phone.removeClass('error');
|
||||
item_phone.find($('.note-error')).html("");
|
||||
}
|
||||
|
||||
|
||||
var item_city = $city.parents('.item-input');
|
||||
if (city == 0) {
|
||||
item_city.addClass('error');
|
||||
item_city.find($('.note-error')).html("Bạn chưa chọn Tỉnh/Thành phố");
|
||||
error = true;
|
||||
} else {
|
||||
item_city.removeClass('error');
|
||||
item_city.find($('.note-error')).html("");
|
||||
}
|
||||
|
||||
var item_district = $district.parents('.item-input');
|
||||
if (district == 0) {
|
||||
item_district.addClass('error');
|
||||
item_district.find($('.note-error')).html("Bạn chưa chọn Quận/Huyện");
|
||||
error = true;
|
||||
} else {
|
||||
item_district.removeClass('error');
|
||||
item_district.find($('.note-error')).html("");
|
||||
}
|
||||
|
||||
var item_check_add = $address.parents(".item-input");
|
||||
if (address.length < 5) {
|
||||
item_check_add.addClass('error')
|
||||
item_check_add.find($('.note-error')).html("Địa chỉ quá ngắn");
|
||||
error = true;
|
||||
} else if (address.indexOf('<script') > -1) {
|
||||
item_check_add.addClass('error')
|
||||
item_check_add.find($('.note-error')).html("Địa chỉ chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại");
|
||||
error = true;
|
||||
} else {
|
||||
item_check_add.removeClass('error');
|
||||
item_check_add.find($('.note-error')).html("");
|
||||
}
|
||||
|
||||
|
||||
if (error) {
|
||||
alert('Vui lòng kiểm tra lại thông tin đơn hàng');
|
||||
return false;
|
||||
} else {
|
||||
$('.box-popup').removeClass('active');
|
||||
$('.popup-buy-success').addClass('active')
|
||||
$('.overlay').addClass('active')
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
function closePopop() {
|
||||
$('.box-popup').removeClass('active');
|
||||
$('.overlay').removeClass('active')
|
||||
}
|
||||
|
||||
|
||||
function validateEmail(sEmail) {
|
||||
var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
|
||||
if (filter.test(sEmail)) {
|
||||
return true;
|
||||
}
|
||||
else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function validatePhoneNumber(a) {
|
||||
var number_regex1 = /^[0]\d{9}$/i;
|
||||
var number_regex2 = /^[0]\d{10}$/i;
|
||||
|
||||
if (number_regex1.test(a) == false && number_regex2.test(a) == false) return false;
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
|
||||
</html>
|
||||
717
deal-detail.html
Normal file
717
deal-detail.html
Normal file
@@ -0,0 +1,717 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
|
||||
<link rel="stylesheet" href="./assets/css/style.css">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="page-detail deal">
|
||||
<div class="container">
|
||||
<div class="breadcrumb">
|
||||
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul clearfix">
|
||||
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
|
||||
<a href="/" itemprop="item" class="nopad-l">
|
||||
<span itemprop="name"><span>Trang chủ</span></span>
|
||||
</a> <i>/</i>
|
||||
<meta itemprop="position" content="1">
|
||||
</li>
|
||||
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
|
||||
<a href="/" itemprop="item">
|
||||
<span itemprop="name">
|
||||
Flash sale
|
||||
</span>
|
||||
</a><i>/</i>
|
||||
<meta itemprop="position" content="2">
|
||||
</li>
|
||||
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
|
||||
<a href="/" itemprop="item">
|
||||
<span itemprop="name">
|
||||
Đấu giá
|
||||
</span>
|
||||
</a>
|
||||
<meta itemprop="position" content="2">
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="content-main-detail d-flex">
|
||||
<div class="content-left">
|
||||
<div class="box-group-images d-flex">
|
||||
<div class="box-thumbImage">
|
||||
<div class="swiper-button swiper-button-next" id="js-image-next"></div>
|
||||
<div thumbsSlider="" class="swiper thumbImage">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/images/image-thumb-1.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/images/image-thumb-2.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/images/image-thumb-3.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/images/image-thumb-4.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/images/image-thumb-5.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-button swiper-button-prev" id="js-image-prev"></div>
|
||||
</div>
|
||||
<div class="swiper BigImage">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/images/product-detail-big.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/images/product-detail-big.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/images/product-detail-big.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/images/product-detail-big.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/images/product-detail-big.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-right">
|
||||
<h2 class="product-name">
|
||||
Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007 (Intel Core i5-12450H | Đen)
|
||||
</h2>
|
||||
<div class="box-deal-time d-flex align-items space-between">
|
||||
<div class="left d-flex align-items">
|
||||
<img src="./assets/images/icon-flash.png" width="100%" height="100%" alt="flash">
|
||||
<p class="title">Deal hot</p>
|
||||
</div>
|
||||
<div class="right d-flex align-items">
|
||||
<span>Kết thúc trong</span>
|
||||
<div class="p-box-time d-flex align-items">
|
||||
<div class="box-time">
|
||||
<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>
|
||||
<div class="group-price-deail">
|
||||
<div class="main-price d-flex align-items">
|
||||
<div class="price">29.490.000 <u>đ</u></div>
|
||||
<div class="old-price">29.990.000 <u>đ</u></div>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
<div class="box-sold-detail">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span class="ql-conlai">10</span>
|
||||
Sản phẩm</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-specification">
|
||||
<div class="item">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<p>CPU: Intel Core i5-12450H (3.3GHz up to 4.4GHz 12MB)</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<p>VGA: NVIDIA® GeForce RTX™ 2050 4GB GDDR6 + Intel UHD Graphics</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<p>Màn hình: 15.6inch FHD (1920 x 1080) IPS, 144Hz, Slim Bezel, Acer ComfyView™</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<p>RAM: 8GB (8x1) DDR4 3200MHz (2x SO-DIMM socket, up to 32GB SDRAM)</p>
|
||||
</div>
|
||||
</div>
|
||||
<a href="javascript:void(0)" class="btn-deal" onclick="addDealCart()">Mua giá sốc</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-revew-history d-flex">
|
||||
<div class="content-left">
|
||||
<div class="box-review">
|
||||
<div class="main-title d-flex align-items space-between">
|
||||
<div class="title-left">
|
||||
<div class="title d-flex align-items">
|
||||
<h2>Đánh giá sản phẩm</h2>
|
||||
<span>(100 đánh giá)</span>
|
||||
</div>
|
||||
<div class="d-flex align-items">
|
||||
<div class="rating">
|
||||
<i class="icon-star star5"></i>
|
||||
</div>
|
||||
<div class="total">
|
||||
<span>4.9</span>
|
||||
<span>/</span>
|
||||
<span>5</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="javascript:void(0)" class="btn-review">Gửi đánh giá</a>
|
||||
</div>
|
||||
|
||||
<div class="list-review">
|
||||
<div class="item-review d-flex flex-wrap">
|
||||
<div class="avatar">
|
||||
<img src="./assets/images/avatar-user.png" width="100%" height="100%" alt="avatar">
|
||||
</div>
|
||||
<div class="info-cnt">
|
||||
<div class="name-user">Anh quang</div>
|
||||
<div class="total-view">
|
||||
5.0 <i class="fa fa-star"></i>
|
||||
</div>
|
||||
<p class="cnt">Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt lắm,
|
||||
giao hành nhanh, uy tín.</p>
|
||||
<div class="time-reply d-flex align-items">
|
||||
<span class="time">20-06-2024, 10:46 am</span>
|
||||
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
|
||||
</div>
|
||||
<div class="list-image d-flex align-items">
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/image-review-1.png" alt="">
|
||||
</a>
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/image-review-2.png" alt="">
|
||||
</a>
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/image-review-3.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-reppy">
|
||||
<div class="item-reply d-flex">
|
||||
<div class="avatar">
|
||||
<img src="./assets/images/avatar-admin.png" width="100%" height="100%"
|
||||
alt="avatar">
|
||||
</div>
|
||||
<div class="info-cnt">
|
||||
<div class="name-user">Anphatcomputer</div>
|
||||
<p class="cnt">Anphat xin cảm ơn anh Quang đã ủng hộ.
|
||||
<br> <br>
|
||||
Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm
|
||||
thông tin chương trình khuyến mãi hấp dẫn từ Anphat
|
||||
ạ! <br>
|
||||
Trân trọng cảm ơn anh!
|
||||
</p>
|
||||
<div class="time-reply d-flex align-items">
|
||||
<span class="time">20-06-2024, 10:46 am</span>
|
||||
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-reply d-flex">
|
||||
<div class="avatar">
|
||||
<img src="./assets/images/avatar-admin.png" width="100%" height="100%"
|
||||
alt="avatar">
|
||||
</div>
|
||||
<div class="info-cnt">
|
||||
<div class="name-user">Anphatcomputer</div>
|
||||
<p class="cnt">Anphat xin cảm ơn anh Quang đã ủng hộ.
|
||||
<br> <br>
|
||||
Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm
|
||||
thông tin chương trình khuyến mãi hấp dẫn từ Anphat
|
||||
ạ! <br>
|
||||
Trân trọng cảm ơn anh!
|
||||
</p>
|
||||
<div class="time-reply d-flex align-items">
|
||||
<span class="time">20-06-2024, 10:46 am</span>
|
||||
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-review d-flex flex-wrap">
|
||||
<div class="avatar">
|
||||
<img src="./assets/images/avatar-user.png" width="100%" height="100%" alt="avatar">
|
||||
</div>
|
||||
<div class="info-cnt">
|
||||
<div class="name-user">Anh quang</div>
|
||||
<div class="total-view">
|
||||
5.0 <i class="fa fa-star"></i>
|
||||
</div>
|
||||
<p class="cnt">Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt lắm,
|
||||
giao hành nhanh, uy tín.</p>
|
||||
<div class="time-reply d-flex align-items">
|
||||
<span class="time">20-06-2024, 10:46 am</span>
|
||||
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
|
||||
</div>
|
||||
<div class="list-image d-flex align-items">
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/image-review-1.png" alt="">
|
||||
</a>
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/image-review-2.png" alt="">
|
||||
</a>
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/image-review-3.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="javascript:void(0)" class="more-review">
|
||||
<span>Xem tất cả đánh giá</span> <i class="fas fa-chevron-right"></i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="box-question">
|
||||
<h2 class="title">Hỏi đáp <span>(100 bình luận)</span></h2>
|
||||
<div class="form-question">
|
||||
<textarea name="" id="" class="input-question"
|
||||
placeholder="Xin mời để lại câu hỏi, Anphat sẽ trả lời lại trong 1h, các câu hỏi sau 22h - 8h sẽ được trả lời vào sáng hôm sau"
|
||||
height=""></textarea>
|
||||
<button type="submit" class="btn-question">
|
||||
<i class="fas fa-paper-plane"></i>
|
||||
<span>Gửi</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="list-question">
|
||||
<div class="item-question d-flex flex-wrap">
|
||||
<div class="avatar">
|
||||
<img src="./assets/images/avatar-user.png" width="100%" height="100%" alt="avatar">
|
||||
</div>
|
||||
<div class="info-cnt">
|
||||
<div class="info-user d-flex align-items">
|
||||
<div class="name-user">Anh Quang</div>
|
||||
<span class="time">20-06-2024, 10:46 am</span>
|
||||
</div>
|
||||
<div class="cnt">
|
||||
<p>Sau khi thắng đấu gía thời gian bao lâu để thanh toán nhận hàng</p>
|
||||
<a href="javascript:void(0)" class="click-question">
|
||||
<i class="fas fa-comments"></i> <span>Trả lời</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-reply">
|
||||
<div class="reply-question d-flex">
|
||||
<div class="avatar">
|
||||
<img src="./assets/images/avatar-admin.png" width="100%" height="100%"
|
||||
alt="avatar">
|
||||
</div>
|
||||
<div class="info-cnt">
|
||||
<div class="info-user d-flex align-items">
|
||||
<div class="name-user">Anphatcomputer</div>
|
||||
</div>
|
||||
<div class="cnt">
|
||||
<p>Dạ, bộ phận CSKH sẽ liên hệ với người chiến thắng ngay trong ngày để
|
||||
hướng dẫn thanh toán nhận hàng ạ</p>
|
||||
<a href="javascript:void(0)" class="click-question">
|
||||
<i class="fas fa-comments"></i> <span>Trả lời</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="javascript:void(0)" class="more-question">
|
||||
<span>Xem tất cả hỏi đáp</span> <i class="fas fa-chevron-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="box-info-product">
|
||||
<div class="tab d-flex align-items">
|
||||
<a href="javascrit:void(0)" data-id="#tab-info" class="item-tab active">Thông tin sản
|
||||
phẩm</a>
|
||||
</div>
|
||||
<div class="content-tab active" id="tab-info">
|
||||
<div class="d-flex info">
|
||||
<img src="./assets/images/product-detail-big.png" width="100%" height="100%" alt="">
|
||||
<ul>
|
||||
<li>Tên sản phẩm: Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</li>
|
||||
<li>Dòng Laptop: Laptop | Laptop Acer Aspire | Laptop Đồ Họa | Laptop văn phòng</li>
|
||||
<b>Bộ vi xử lý</b>
|
||||
<li>Công nghệ CPU: Intel Core i5-12450H</li>
|
||||
<li>Số nhân: 8</li>
|
||||
<li>Số luồng: 12</li>
|
||||
<li>Tốc độ tối đa: 4.4GHz</li>
|
||||
<li>Bộ nhớ đệm: 12MB</li>
|
||||
<b>Bộ nhớ trong (RAM)</b>
|
||||
<li>RAM: 16GB (2x8GB)</li>
|
||||
<li>Loại RAM: DDR4</li>
|
||||
<li>Tốc độ Bus RAM: 3200Mhz</li>
|
||||
<li>Số khe cắm: 2 khe</li>
|
||||
<li>Hỗ trợ RAM tối đa: Nâng cấp tối đa 32GB</li>
|
||||
<b>Ổ cứng</b>
|
||||
<li>Dung lượng: 512GB PCIe NVMe SSD</li>
|
||||
<li>Tốc độ vòng quay</li>
|
||||
<li>Khe cắm SSD mở rộng: nâng cấp tối đa 1 TB SSD PCIe Gen4, 16 Gb/s, NVMe</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-right">
|
||||
<div class="list-product-deal">
|
||||
<h2 class="title">Flash sale đang diễn ra</h2>
|
||||
<div class="list d-flex flex-wrap">
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="overlay"></div>
|
||||
<div class="box-popup popup-add-cart">
|
||||
<h2 class="title">Thông tin đặt hàng</h2>
|
||||
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
|
||||
<i class="fa fa-times"></i>
|
||||
</a>
|
||||
<div class="form-cart">
|
||||
<div class="title-form d-flex align-items">
|
||||
<i class="fas fa-map-marker-alt"></i>
|
||||
Địa chỉ nhân hàng
|
||||
</div>
|
||||
<div class="item-input">
|
||||
<input type="text" class="input" id="name" name="name" placeholder="Họ và tên">
|
||||
<div class="note-error"></div>
|
||||
</div>
|
||||
<div class="item-input">
|
||||
<input type="text" class="input" id="email" name="email" placeholder="Email">
|
||||
<div class="note-error"></div>
|
||||
</div>
|
||||
<div class="item-input">
|
||||
<input type="text" class="input" id="phone" name="phone" placeholder="Số điện thoại">
|
||||
<div class="note-error"></div>
|
||||
</div>
|
||||
<div class="d-flex align-items space-between box-select">
|
||||
<div class="item-input">
|
||||
<select name="" id="city" class="input">
|
||||
<option value="0">Tỉnh/Thành phố</option>
|
||||
<option value="28">Hà nội</option>
|
||||
</select>
|
||||
<div class="note-error"></div>
|
||||
</div>
|
||||
<div class="item-input">
|
||||
<select name="" id="district" class="input">
|
||||
<option value="0">Quận/Huyện</option>
|
||||
<option value="2">Láng hạ</option>
|
||||
</select>
|
||||
<div class="note-error"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-input">
|
||||
<input type="text" class="input" id="address" name="address" placeholder="Tòa nhà, Tên đường..">
|
||||
<div class="note-error"></div>
|
||||
</div>
|
||||
<div class="item-input">
|
||||
<input type="text" class="input" name="note" placeholder="Nhập ghi chú cho chúng tôi">
|
||||
<div class="note-error"></div>
|
||||
</div>
|
||||
|
||||
<div class="box-total-price">
|
||||
<div class="box-provisional d-flex align-items space-between">
|
||||
<span>Tạm tính <span>(1 sản phẩm)</span></span>
|
||||
<div class="provisional">29.000.000 <u>đ</u></div>
|
||||
</div>
|
||||
<div class="box-total-amount d-flex align-items space-between">
|
||||
<b>Tổng tiền</b>
|
||||
<div class="total-amount">29.000.000 <u>đ</u></div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="javascript:void(0)" class="btn-send-cart" onclick="checkbuy()">
|
||||
Đặt mua
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="box-popup popup-buy-success">
|
||||
<div class="title">
|
||||
<img src="./assets/images/image-checkbox.png" width="100%" height="100%" alt="checkbox">
|
||||
<h2>Đặt hàng thành công</h2>
|
||||
</div>
|
||||
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
|
||||
<i class="fa fa-times"></i>
|
||||
</a>
|
||||
<div class="content">
|
||||
<p>Cảm ơn bạn đã mua hàng tại <a href="#">Anphatpc.com.vn.</a> <br>
|
||||
Nhân viên <a href="#">Anphatpc.com.vn</a> sẽ liên hệ với bạn trong thời gian sớm nhất.</p>
|
||||
<b>Mã đơn hàng của bạn <a href="#">#0061</a></b>
|
||||
<i>Khi cần hỗ trợ vui lòng liên hệ hotline 1800xx</i>
|
||||
</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_thumb = new Swiper(".thumbImage", {
|
||||
spaceBetween: 10,
|
||||
slidesPerView: 4,
|
||||
direction: "vertical",
|
||||
loop: true,
|
||||
on: {
|
||||
init: (swiper) => {
|
||||
let totalGap = swiper.passedParams.spaceBetween * (swiper.passedParams.slidesPerView - 1);
|
||||
let containerHeight = swiper.passedParams.slidesPerView * swiper.slides[0].clientHeight + totalGap;
|
||||
swiper.el.style.height = containerHeight + 'px';
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
var swiper_big = new Swiper(".BigImage", {
|
||||
spaceBetween: 10,
|
||||
watchSlidesProgress: true,
|
||||
noSwiping: true,
|
||||
navigation: {
|
||||
nextEl: "#js-image-next",
|
||||
prevEl: "#js-image-prev",
|
||||
},
|
||||
thumbs: {
|
||||
swiper: swiper_thumb,
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
function addDealCart() {
|
||||
$('.box-popup').removeClass('active')
|
||||
$('.overlay').addClass('active')
|
||||
$('.popup-add-cart').addClass('active')
|
||||
}
|
||||
|
||||
|
||||
function checkbuy() {
|
||||
var number_regex1 = /^[0]\d{9}$/i;
|
||||
var number_regex2 = /^[0]\d{10}$/i;
|
||||
var error = false;
|
||||
var name = $('#name').val();
|
||||
var $name = $('#name');
|
||||
var email = $('#email').val();
|
||||
var $email = $('#email');
|
||||
var phone = $('#phone').val();
|
||||
var $phone = $('#phone');
|
||||
var city = $('#city').val();
|
||||
var $city = $('#city');
|
||||
var district = $('#district').val();
|
||||
var $district = $('#district');
|
||||
var address = $('#address').val();
|
||||
var $address = $('#address');
|
||||
|
||||
var item_name = $name.parents(".item-input");
|
||||
if (name.length < 4) {
|
||||
item_name.addClass('error');
|
||||
item_name.find($('.note-error')).html('Tên quá ngắn')
|
||||
} else if (name.indexOf('<script') > -1) {
|
||||
item_name.addClass('error');
|
||||
item_name.find($('.note-error')).html('Họ tên chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại');
|
||||
}
|
||||
|
||||
var item_email = $email.parents(".item-input");
|
||||
if (email.length < 4) {
|
||||
item_email.addClass('error')
|
||||
item_email.find($('.note-error')).html("Bạn chưa nhập Email");
|
||||
error = true;
|
||||
} else if (!validateEmail(email)) {
|
||||
item_email.addClass('error')
|
||||
item_email.find($('.note-error')).html("Địa chỉ email chưa chính xác");
|
||||
error = true;
|
||||
} else {
|
||||
item_email.removeClass('error');
|
||||
item_email.find($('.note-error')).html("");
|
||||
}
|
||||
|
||||
var item_phone = $phone.parents(".item-input");
|
||||
if (phone.length < 4) {
|
||||
item_phone.addClass('error')
|
||||
item_phone.find($('.note-error')).html("Bạn chưa nhập SĐT");
|
||||
error = true;
|
||||
} else if (!phone.match(number_regex1) && !phone.match(number_regex2)) {
|
||||
item_phone.addClass('error')
|
||||
item_phone.find($('.note-error')).html("Số điện thoại chưa chính xác");
|
||||
error = true;
|
||||
} else {
|
||||
item_phone.removeClass('error');
|
||||
item_phone.find($('.note-error')).html("");
|
||||
}
|
||||
|
||||
|
||||
var item_city = $city.parents('.item-input');
|
||||
if (city == 0) {
|
||||
item_city.addClass('error');
|
||||
item_city.find($('.note-error')).html("Bạn chưa chọn Tỉnh/Thành phố");
|
||||
error = true;
|
||||
} else {
|
||||
item_city.removeClass('error');
|
||||
item_city.find($('.note-error')).html("");
|
||||
}
|
||||
|
||||
var item_district = $district.parents('.item-input');
|
||||
if (district == 0) {
|
||||
item_district.addClass('error');
|
||||
item_district.find($('.note-error')).html("Bạn chưa chọn Quận/Huyện");
|
||||
error = true;
|
||||
} else {
|
||||
item_district.removeClass('error');
|
||||
item_district.find($('.note-error')).html("");
|
||||
}
|
||||
|
||||
var item_check_add = $address.parents(".item-input");
|
||||
if (address.length < 5) {
|
||||
item_check_add.addClass('error')
|
||||
item_check_add.find($('.note-error')).html("Địa chỉ quá ngắn");
|
||||
error = true;
|
||||
} else if (address.indexOf('<script') > -1) {
|
||||
item_check_add.addClass('error')
|
||||
item_check_add.find($('.note-error')).html("Địa chỉ chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại");
|
||||
error = true;
|
||||
} else {
|
||||
item_check_add.removeClass('error');
|
||||
item_check_add.find($('.note-error')).html("");
|
||||
}
|
||||
|
||||
|
||||
if (error) {
|
||||
alert('Vui lòng kiểm tra lại thông tin đơn hàng');
|
||||
return false;
|
||||
} else {
|
||||
$('.box-popup').removeClass('active');
|
||||
$('.popup-buy-success').addClass('active')
|
||||
$('.overlay').addClass('active')
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
function closePopop() {
|
||||
$('.box-popup').removeClass('active');
|
||||
$('.overlay').removeClass('active')
|
||||
}
|
||||
|
||||
|
||||
function validateEmail(sEmail) {
|
||||
var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
|
||||
if (filter.test(sEmail)) {
|
||||
return true;
|
||||
}
|
||||
else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function validatePhoneNumber(a) {
|
||||
var number_regex1 = /^[0]\d{9}$/i;
|
||||
var number_regex2 = /^[0]\d{10}$/i;
|
||||
|
||||
if (number_regex1.test(a) == false && number_regex2.test(a) == false) return false;
|
||||
return true;
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</html>
|
||||
1156
detail-mobile.html
Normal file
1156
detail-mobile.html
Normal file
File diff suppressed because it is too large
Load Diff
1034
detail.html
Normal file
1034
detail.html
Normal file
File diff suppressed because it is too large
Load Diff
808
home-mobile.html
Normal file
808
home-mobile.html
Normal file
@@ -0,0 +1,808 @@
|
||||
<!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" />
|
||||
<link rel="stylesheet" href="./assets/css/style-mb.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container-mb">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="content-main-header d-flex align-items space-between">
|
||||
<a href="/" class="logo">
|
||||
<img src="./assets/images/logo-mobile.png" width="100%" height="100%" alt="logo">
|
||||
</a>
|
||||
<div class="header-right d-flex align-items">
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/icon-clipboard.png" alt="">
|
||||
<span>Thể lệ đấu giá</span>
|
||||
</a>
|
||||
<a href="/taikhoan" class="item">
|
||||
<img src="./assets/images/icon-user.png" alt="">
|
||||
<span>Tài khoản</span>
|
||||
<i class="fa-solid fa-caret-down"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="homepage">
|
||||
<div class="banner">
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/banner-mobile.png" width="100%" height="100%" alt="banner">
|
||||
</a>
|
||||
</div>
|
||||
<div class="box-top-auction">
|
||||
<div class="container">
|
||||
<h2 class="title">Top đấu giá sôi động</h2>
|
||||
<div class="list-auction swiper" id="js-list-auction-top">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="/detail-mobile.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell
|
||||
UltraSharp
|
||||
U2723QE (27.0 inch
|
||||
- 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="/detail-mobile.html" class="btn-add">Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="/detail-mobile.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell
|
||||
UltraSharp
|
||||
U2723QE (27.0 inch
|
||||
- 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="/detail-mobile.html" class="btn-add">Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="/detail-mobile.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell
|
||||
UltraSharp
|
||||
U2723QE (27.0 inch
|
||||
- 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="/detail-mobile.html" class="btn-add">Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="/detail-mobile.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell
|
||||
UltraSharp
|
||||
U2723QE (27.0 inch
|
||||
- 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="/detail-mobile.html" class="btn-add">Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-list-auction">
|
||||
<div class="container">
|
||||
<div class="background-auction">
|
||||
<h2 class="title">Đấu giá kịch tÍnh từ 0Đ</h2>
|
||||
<div class="box-auction going-on">
|
||||
<div class="main-title d-flex align-items space-between">
|
||||
<div class="left">
|
||||
<p>20:00</p>
|
||||
<span>Đang diễn ra</span>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="box-time">
|
||||
<span>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 href="/listdaugia-mb.html" class="more-all">Xem tất cả +</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-auction">
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell
|
||||
UltraSharp U2723QE (27.0 inch
|
||||
- 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add continue">Tiếp tục Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell
|
||||
UltraSharp U2723QE (27.0 inch
|
||||
- 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add continue">Tiếp tục Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell
|
||||
UltraSharp U2723QE (27.0 inch
|
||||
- 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add continue">Tiếp tục Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell
|
||||
UltraSharp U2723QE (27.0 inch
|
||||
- 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add">Tiếp tục Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell
|
||||
UltraSharp U2723QE (27.0 inch
|
||||
- 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add">Tiếp tục Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell
|
||||
UltraSharp U2723QE (27.0 inch
|
||||
- 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add">Tiếp tục Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-auction coming-soon">
|
||||
<div class="main-title d-flex align-items space-between">
|
||||
<div class="left">
|
||||
<p>20:00</p>
|
||||
<span>Sắp diễn ra</span>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="box-time">
|
||||
<span>Bắt đầu</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 href="./listdaugia-mb.html" class="more-all">Xem tất cả +</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-auction">
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell
|
||||
UltraSharp U2723QE (27.0 inch
|
||||
- 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add coming">Sắp Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell
|
||||
UltraSharp U2723QE (27.0 inch
|
||||
- 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add coming">Sắp Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell
|
||||
UltraSharp U2723QE (27.0 inch
|
||||
- 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add coming">Sắp Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell
|
||||
UltraSharp U2723QE (27.0 inch
|
||||
- 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add coming">Sắp Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell
|
||||
UltraSharp U2723QE (27.0 inch
|
||||
- 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add coming">Sắp Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell
|
||||
UltraSharp U2723QE (27.0 inch
|
||||
- 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add coming">Sắp Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="box-deal-hot">
|
||||
<div class="container">
|
||||
<div class="background-deal">
|
||||
<h2 class="title">
|
||||
<i class="icon-deal"></i>
|
||||
<p>Deal hot</p>
|
||||
</h2>
|
||||
<div class="tab-list d-flex align-items space-between">
|
||||
<a href="javascript:void(0)" class="item active">
|
||||
<p>Đang diễn ra 20:00</p>
|
||||
<div class="box-time">
|
||||
<span>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">
|
||||
<p>Sắp diễn ra 22:00</p>
|
||||
<div class="box-time">
|
||||
<span>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>
|
||||
</div>
|
||||
<div class="product-list d-flex flex-wrap">
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail-mb.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="name line-clamp-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail-mb.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="name line-clamp-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail-mb.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="name line-clamp-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail-mb.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="name line-clamp-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail-mb.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="name line-clamp-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail-mb.html"><img src="./assets/images/icon-pro-top.png"
|
||||
alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="name line-clamp-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/listdeal-mb.html" class="more-all">
|
||||
Xem tất cả +
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="box-faq">
|
||||
<div class="container">
|
||||
<div class="background-faq">
|
||||
<h2 class="title">Câu hỏi thường gặp</h2>
|
||||
<div class="content-faq">
|
||||
<div class="item">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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>
|
||||
<div class="main-footer">
|
||||
<div class="container">
|
||||
<div class="footer-policies d-flex flex-wrap">
|
||||
<div class="item-policies">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-ship.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-return.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>Đổ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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-pay.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-chat.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="info-contact text-center">
|
||||
<b>Công ty cổ phần thương mại máy tính an phát</b>
|
||||
<p>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>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>Điện thoại: 19000323 Email: Giang@anphat.com.vn</p>
|
||||
</div>
|
||||
<a href="tel:19000323" class="btn-phone">
|
||||
<img src="./assets/images/btn-phone.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</html>
|
||||
541
home.html
Normal file
541
home.html
Normal file
@@ -0,0 +1,541 @@
|
||||
<!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="./assets/css/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="header-main d-flex align-items space-between">
|
||||
<div class="header-left">
|
||||
<a href="/" class="logo">
|
||||
<img src="./assets/images/logo.png" alt="logo">
|
||||
</a>
|
||||
</div>
|
||||
<div class="header-right d-flex align-items">
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/icon-clipboard.png" alt="">
|
||||
<span>Thể lệ đấu giá</span>
|
||||
</a>
|
||||
<a href="./account.html" class="item">
|
||||
<img src="./assets/images/icon-user.png" alt="">
|
||||
<span>Tài khoản</span>
|
||||
<i class="fa-solid fa-caret-down"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="homepage">
|
||||
<div class="banner">
|
||||
<a href="">
|
||||
<img src="./assets/images/banner.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="box-top-auction">
|
||||
<div class="container">
|
||||
<h2 class="title">Top đấu giá sôi động</h2>
|
||||
<div class="list-auction d-flex">
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail.html" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0
|
||||
inch - 4K - IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail.html" class="btn-add">Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail.html" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0
|
||||
inch - 4K - IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail.html" class="btn-add">Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail.html" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0
|
||||
inch - 4K - IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail.html" class="btn-add">Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-list-auction">
|
||||
<div class="container">
|
||||
<div class="background-auction">
|
||||
<h2 class="title">Đấu giá kịch tính từ 0Đ</h2>
|
||||
<div class="tab-list d-flex align-items space-center">
|
||||
<a href="javascript:void(0)" class="item active">
|
||||
<p>Đang diễn ra 20:00</p>
|
||||
<span>Còn lại</span>
|
||||
<div class="box-time">
|
||||
<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">
|
||||
<p>Sắp diễn ra 22:00</p>
|
||||
<span>Còn lại</span>
|
||||
<div class="box-time">
|
||||
<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>
|
||||
</div>
|
||||
<div class="list-auction d-flex flex-wrap">
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail.html" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0
|
||||
inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail.html" class="btn-add continue">Tiếp tục Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail.html" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0
|
||||
inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail.html" class="btn-add">Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail.html" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0
|
||||
inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail.html" class="btn-add">Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail.html" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0
|
||||
inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="/detail.html" class="btn-add">Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail.html" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0
|
||||
inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail.html" class="btn-add">Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail.html" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0
|
||||
inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="/detail.html" class="btn-add">Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/listdaugia.html" class="more-all">
|
||||
Xem tất cả +
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-deal-hot">
|
||||
<div class="container">
|
||||
<div class="background-deal">
|
||||
<h2 class="title">
|
||||
<i class="icon-deal"></i>
|
||||
<p>Deal hot</p>
|
||||
</h2>
|
||||
<div class="tab-list d-flex align-items space-center">
|
||||
<a href="javascript:void(0)" class="item active">
|
||||
<p>Đang diễn ra 20:00</p>
|
||||
<span>Còn lại</span>
|
||||
<div class="box-time">
|
||||
<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">
|
||||
<p>Sắp diễn ra 22:00</p>
|
||||
<span>Còn lại</span>
|
||||
<div class="box-time">
|
||||
<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>
|
||||
</div>
|
||||
<div class="product-list d-flex">
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="/deal-detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã 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-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="/deal-detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã 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-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="/deal-detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã 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-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="/deal-detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã 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-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="/deal-detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã 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-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/listdeal.html" class="more-all">
|
||||
Xem tất cả +
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="box-faq">
|
||||
<div class="container">
|
||||
<div class="background-faq">
|
||||
<h2 class="title">Câu hỏi thường gặp</h2>
|
||||
<div class="content-faq">
|
||||
<div class="item">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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>
|
||||
<div class="main-footer">
|
||||
<div class="container">
|
||||
<div class="footer-policies d-flex align-items space-between">
|
||||
<div class="item-policies">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-ship.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-return.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>Đổ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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-pay.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-chat.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="info-contact text-center">
|
||||
<b>Công ty cổ phần thương mại máy tính an phát</b>
|
||||
<p>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>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>Điện thoại: 19000323 Email: Giang@anphat.com.vn</p>
|
||||
</div>
|
||||
<a href="tel:19000323" class="btn-phone">
|
||||
<img src="./assets/images/btn-phone.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||||
<script src="./assets/js/main.js"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$('.faqlink').click(function () {
|
||||
$(this).parents('.item').toggleClass('active');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</html>
|
||||
186
listdaugia-mb.html
Normal file
186
listdaugia-mb.html
Normal file
@@ -0,0 +1,186 @@
|
||||
<!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" />
|
||||
<link rel="stylesheet" href="./assets/css/style-mb.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container-mb">
|
||||
<div class="page-auction">
|
||||
<div class="container">
|
||||
<div class="breadcrumb">
|
||||
<a href="javascript:void(0)" onclick="history.back()" class="link-back">
|
||||
<i class="fas fa-chevron-left"></i>
|
||||
</a>
|
||||
<a href="" class="name text-center block">Đấu giá</a>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="background-aution">
|
||||
<h2 class="title">Đấu giá kịch tính từ 0Đ</h2>
|
||||
<div class="tab-list d-flex align-items space-between">
|
||||
<a href="javascript:void(0)" class="item active">
|
||||
<p>20:00</p>
|
||||
<span>Đang diễn ra</span>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="item">
|
||||
<p>22:00</p>
|
||||
<span>Sắp diễn ra</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="box-time">
|
||||
<span>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 class="list-auction d-flex flex-wrap">
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell UltraSharp
|
||||
U2723QE (27.0 inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add continue">Tiếp tục Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell UltraSharp
|
||||
U2723QE (27.0 inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add continue">Tiếp tục Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell UltraSharp
|
||||
U2723QE (27.0 inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add continue">Tiếp tục Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell UltraSharp
|
||||
U2723QE (27.0 inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add continue">Tiếp tục Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell UltraSharp
|
||||
U2723QE (27.0 inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add continue">Tiếp tục Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail-mobile.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail-mobile.html" class="name line-clamp-2">Màn Hình Dell UltraSharp
|
||||
U2723QE (27.0 inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail-mobile.html" class="btn-add continue">Tiếp tục Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="paging d-flex align-items space-center">
|
||||
<a href="" class="item active">1</a>
|
||||
<a href="" class="item">1</a>
|
||||
<a href="" class="item">1</a>
|
||||
<a href="" class="item">1</a>
|
||||
<a href="" class="item">1</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
325
listdaugia.html
Normal file
325
listdaugia.html
Normal file
@@ -0,0 +1,325 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
|
||||
<link rel="stylesheet" href="./assets/css/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="header-main d-flex align-items space-between">
|
||||
<div class="header-left">
|
||||
<a href="/" class="logo">
|
||||
<img src="./assets/images/logo.png" alt="logo">
|
||||
</a>
|
||||
</div>
|
||||
<div class="header-right d-flex align-items">
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/icon-clipboard.png" alt="">
|
||||
<span>Thể lệ đấu giá</span>
|
||||
</a>
|
||||
<a href="/taikhoan" class="item">
|
||||
<img src="./assets/images/icon-user.png" alt="">
|
||||
<span>Tài khoản</span>
|
||||
<i class="fa-solid fa-caret-down"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-auction">
|
||||
<div class="container">
|
||||
<div class="breadcrumb">
|
||||
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul clearfix">
|
||||
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
|
||||
<a href="/" itemprop="item" class="nopad-l">
|
||||
<span itemprop="name"><span>Trang chủ</span></span>
|
||||
</a> <i>/</i>
|
||||
<meta itemprop="position" content="1">
|
||||
</li>
|
||||
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
|
||||
<a href="/" itemprop="item">
|
||||
<span itemprop="name">
|
||||
Đấu giá
|
||||
</span>
|
||||
</a>
|
||||
<meta itemprop="position" content="2">
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="background-aution">
|
||||
<h2 class="title">Đấu giá kịch tính từ 0Đ</h2>
|
||||
<div class="tab-list d-flex align-items space-center">
|
||||
<a href="javascript:void(0)" class="item active">
|
||||
<p>Đang diễn ra 20:00</p>
|
||||
<span>Còn lại</span>
|
||||
<div class="box-time">
|
||||
<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">
|
||||
<p>Sắp diễn ra 22:00</p>
|
||||
<span>Còn lại</span>
|
||||
<div class="box-time">
|
||||
<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>
|
||||
</div>
|
||||
<div class="list-auction d-flex flex-wrap">
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail.html" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0
|
||||
inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail.html" class="btn-add continue">Tiếp tục Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail.html" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0
|
||||
inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail.html" class="btn-add">Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail.html" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0
|
||||
inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail.html" class="btn-add">Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail.html" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0
|
||||
inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail.html" class="btn-add">Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail.html" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0
|
||||
inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail.html" class="btn-add">Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-auction">
|
||||
<div class="images">
|
||||
<a href="./detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
<div class="box-join">
|
||||
<i class="icon_auction"></i>
|
||||
<span>220</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a href="./detail.html" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0
|
||||
inch - 4K -
|
||||
IPS
|
||||
Black</a>
|
||||
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
|
||||
<div class="price-auction d-flex align-items">
|
||||
<p class="txt">Trả cao nhất:</p>
|
||||
<p class="price-highest">230.490.000 <u>đ</u></p>
|
||||
</div>
|
||||
<a href="./detail.html" class="btn-add">Đấu giá</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="paging d-flex align-items space-center">
|
||||
<a href="" class="item active">1</a>
|
||||
<a href="" class="item">1</a>
|
||||
<a href="" class="item">1</a>
|
||||
<a href="" class="item">1</a>
|
||||
<a href="" class="item">1</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="box-faq">
|
||||
<div class="container">
|
||||
<div class="background-faq">
|
||||
<h2 class="title">Câu hỏi thường gặp</h2>
|
||||
<div class="content-faq">
|
||||
<div class="item">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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>
|
||||
<div class="main-footer">
|
||||
<div class="container">
|
||||
<div class="footer-policies d-flex align-items space-between">
|
||||
<div class="item-policies">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-ship.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-return.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>Đổ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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-pay.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-chat.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="info-contact text-center">
|
||||
<b>Công ty cổ phần thương mại máy tính an phát</b>
|
||||
<p>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>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>Điện thoại: 19000323 Email: Giang@anphat.com.vn</p>
|
||||
</div>
|
||||
<a href="tel:19000323" class="btn-phone">
|
||||
<img src="./assets/images/btn-phone.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
243
listdeal-mb.html
Normal file
243
listdeal-mb.html
Normal file
@@ -0,0 +1,243 @@
|
||||
<!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" />
|
||||
<link rel="stylesheet" href="./assets/css/style-mb.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container-mb">
|
||||
<div class="page-list-deal">
|
||||
<div class="container">
|
||||
<div class="breadcrumb">
|
||||
<a href="javascript:void(0)" onclick="history.back()" class="link-back">
|
||||
<i class="fas fa-chevron-left"></i>
|
||||
</a>
|
||||
<a href="" class="name text-center block">Deal hot</a>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="background-deal">
|
||||
<h2 class="title">
|
||||
<i class="icon-deal"></i>
|
||||
<p>Deal hot</p>
|
||||
</h2>
|
||||
<div class="tab-list d-flex align-items space-between">
|
||||
<a href="javascript:void(0)" class="item active">
|
||||
<p>Đang diễn ra 20:00</p>
|
||||
<div class="box-time">
|
||||
<span>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">
|
||||
<p>Sắp diễn ra 22:00</p>
|
||||
<div class="box-time">
|
||||
<span>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>
|
||||
</div>
|
||||
<div class="product-list d-flex flex-wrap">
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail-mb.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="name line-clamp-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail-mb.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="name line-clamp-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail-mb.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="name line-clamp-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail-mb.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="name line-clamp-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail-mb.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="name line-clamp-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail-mb.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="name line-clamp-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail-mb.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="name line-clamp-2">Loa Floorstanding Focal
|
||||
Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail-mb.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="paging d-flex align-items space-center">
|
||||
<a href="" class="item active">1</a>
|
||||
<a href="" class="item">1</a>
|
||||
<a href="" class="item">1</a>
|
||||
<a href="" class="item">1</a>
|
||||
<a href="" class="item">1</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
|
||||
</html>
|
||||
438
listdeal.html
Normal file
438
listdeal.html
Normal file
@@ -0,0 +1,438 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
|
||||
<link rel="stylesheet" href="./assets/css/style.css">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="header-main d-flex align-items space-between">
|
||||
<div class="header-left">
|
||||
<a href="/" class="logo">
|
||||
<img src="./assets/images/logo.png" alt="logo">
|
||||
</a>
|
||||
</div>
|
||||
<div class="header-right d-flex align-items">
|
||||
<a href="" class="item">
|
||||
<img src="./assets/images/icon-clipboard.png" alt="">
|
||||
<span>Thể lệ đấu giá</span>
|
||||
</a>
|
||||
<a href="./account.html" class="item">
|
||||
<img src="./assets/images/icon-user.png" alt="">
|
||||
<span>Tài khoản</span>
|
||||
<i class="fa-solid fa-caret-down"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-list-deal">
|
||||
<div class="container">
|
||||
<div class="breadcrumb">
|
||||
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul clearfix">
|
||||
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
|
||||
<a href="/" itemprop="item" class="nopad-l">
|
||||
<span itemprop="name"><span>Trang chủ</span></span>
|
||||
</a> <i>/</i>
|
||||
<meta itemprop="position" content="1">
|
||||
</li>
|
||||
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
|
||||
<a href="/" itemprop="item">
|
||||
<span itemprop="name">
|
||||
Deal hot
|
||||
</span>
|
||||
</a>
|
||||
<meta itemprop="position" content="2">
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
|
||||
|
||||
<div class="background-deal">
|
||||
<h2 class="title">
|
||||
<i class="icon-deal"></i>
|
||||
<p>Deal hot</p>
|
||||
</h2>
|
||||
<div class="tab-list d-flex align-items space-center">
|
||||
<a href="javascript:void(0)" class="item active">
|
||||
<p>Đang diễn ra 20:00</p>
|
||||
<span>Còn lại</span>
|
||||
<div class="box-time">
|
||||
<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">
|
||||
<p>Sắp diễn ra 22:00</p>
|
||||
<span>Còn lại</span>
|
||||
<div class="box-time">
|
||||
<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>
|
||||
</div>
|
||||
<div class="product-list d-flex flex-wrap">
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã 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-2">Loa Floorstanding Focal Loudspeaker
|
||||
Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="./deal-detail.html" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-deal">
|
||||
<div class="images">
|
||||
<a href="./deal-detail.html"><img src="./assets/images/icon-pro-top.png" alt=""></a>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="box-sold">
|
||||
<div class="line" style="width: 90%;"></div>
|
||||
<div class="txt">Đã bán <span class="ql-sold">8</span>/ <span
|
||||
class="ql-conlai">10</span> Sản phẩm</div>
|
||||
</div>
|
||||
<a href="" class="name line-clamp-2">Loa Floorstanding Focal Loudspeaker Aria Evo X
|
||||
N4</a>
|
||||
|
||||
<div class="group-price">
|
||||
<div class="price">28.490.000 <u>đ</u></div>
|
||||
<div class="d-flex align-items space-center">
|
||||
<del class="old-price">30.490.000 <u>đ</u></del>
|
||||
<div class="saleoff">-30%</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="" class="btn-add">Mua ngay</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="paging d-flex align-items space-center">
|
||||
<a href="" class="item active">1</a>
|
||||
<a href="" class="item">1</a>
|
||||
<a href="" class="item">1</a>
|
||||
<a href="" class="item">1</a>
|
||||
<a href="" class="item">1</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="box-faq">
|
||||
<div class="container">
|
||||
<div class="background-faq">
|
||||
<h2 class="title">Câu hỏi thường gặp</h2>
|
||||
<div class="content-faq">
|
||||
<div class="item">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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">
|
||||
<a href="javascript:void(0)" class="faqlink">
|
||||
<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">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>
|
||||
<div class="main-footer">
|
||||
<div class="container">
|
||||
<div class="footer-policies d-flex align-items space-between">
|
||||
<div class="item-policies">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-ship.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-return.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>Đổ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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-pay.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="icons">
|
||||
<img src="./assets/images/icon-chat.png" width="100%" height="100%" alt="ship">
|
||||
</div>
|
||||
<div class="txt">
|
||||
<b>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">
|
||||
<div class="info-contact text-center">
|
||||
<b>Công ty cổ phần thương mại máy tính an phát</b>
|
||||
<p>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>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>Điện thoại: 19000323 Email: Giang@anphat.com.vn</p>
|
||||
</div>
|
||||
<a href="tel:19000323" class="btn-phone">
|
||||
<img src="./assets/images/btn-phone.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user