Files
auction_program/listdeal.html
2024-10-17 09:32:26 +07:00

438 lines
23 KiB
HTML

<!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>