tieptk/chuong_trinh_dau_gia_truc_tuyen
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
master
chuong_trinh_dau_gia_truc_t…/product-detail.html
Tieptk 78550801f3 13:51 25/12/2023
2023-12-25 13:51:24 +07:00

447 lines
25 KiB
HTML
Raw Permalink Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chương trình đấu giá trực tuyết</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./assets/css/style.css">
</head>
<body>
<div class="header">
<div class="container">
<div class="content-header d-flex align-items space-between">
<a href="/" class="logo">
<img src="./assets/images/logo.png" width="174" height="43" alt="logo">
</a>
<a href="/login" class="box-user">
<span class="txt">Chào phương !</span>
<i class="fa fa-user-circle-o"></i>
</a>
</div>
</div>
</div>
<div class="page-product-detail">
<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">Trang chủ</span>
</a> <i class="fa fa-angle-right"></i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemprop="item" href="">
<span itemprop="name">Đang diễn ra</span>
</a>
<meta itemprop="position" content="2">
</li>
</ol>
</div>
<div class="clearfix"></div>
<div class="box-product-info d-flex">
<div class="product-image" id="js-holder-image">
<a href="">
<img src="./assets/images/product-1.png" alt="">
</a>
</div>
<div class="info-right">
<div id="js-holder-info">
<h1 class="name">Máy tính bảng TCL Tab 11 WIFI 4GB 128GB</h1>
<div class="d-flex align-items space-between box-price-normal">
<div class="price d-flex align-items">
<div class="name-price">Khởi điểm:</div>
<b>2.350.000<u>đ</u></b>
</div>
<div class="price-step d-flex align-items">
<div class="name-price">Bước giá:</div>
<b>2.350.000<u>đ</u></b>
</div>
</div>
<div class="current-highest-price d-flex align-items">
<div class="name-price">Giá cao nhất hiện tại:</div>
<b>4.500.000<u>đ</u></b>
</div>
<div class="qt-view">Số người đang tham gia: <b>200 người</b></div>
<div class="box-time d-flex align-items">
<span>Thời gian còn lại:</span>
<div class="product-time-holder js-deal-time d-flex align-items" data-time="">
<div class='item-time'><b>20</b></div>
<div class='item-time'><b>11</b></div>
<div class='item-time'><b>30</b></div>
</div>
</div>
<div class="box-input-price d-flex align-items">
<span>Nhập giá đấu của bạn</span>
<input type="text" class="input-price" value="4.800.000">
<a href="javascript:;" class="minus-price"><i class="fa fa-minus"></i></a>
<a href="javascript:;" class="plus-price"><i class="fa fa-plus"></i></a>
</div>
<a href="javascript:void(0)" class="btn-add-auction">
Đấu giá ngay
</a>
</div>
<div class="box-participant-list background-white d-none" id="box-participant-list">
<h2 class="title">Diễn biến đấu giá</h2>
<div class="content">
<table id="js-holder-auction-details">
<tr>
<td>
<div class="d-flex align-items">
<img src="./assets/images/icon_paint.png" width="14px" height="20px" alt="">
<span>Mai phương</span>
</div>
</td>
<td>
4.500.000đ
</td>
<td>
14:30:40 15/12/2023
</td>
</tr>
<tr>
<td>
<span>Mai phương</span>
</td>
<td>
4.500.000đ
</td>
<td>
14:30:40 15/12/2023
</td>
</tr>
<tr>
<td>
<span>Mai phương</span>
</td>
<td>
4.500.000đ
</td>
<td>
14:30:40 15/12/2023
</td>
</tr>
<tr>
<td>
<span>Mai phương</span>
</td>
<td>
4.500.000đ
</td>
<td>
14:30:40 15/12/2023
</td>
</tr>
<tr>
<td>
<span>Mai phương</span>
</td>
<td>
4.500.000đ
</td>
<td>
14:30:40 15/12/2023
</td>
</tr>
<tr>
<td>
<span>Mai phương</span>
</td>
<td>
4.500.000đ
</td>
<td>
14:30:40 15/12/2023
</td>
</tr>
<tr>
<td>
<span>Mai phương</span>
</td>
<td>
4.500.000đ
</td>
<td>
14:30:40 15/12/2023
</td>
</tr>
<tr>
<td>
<span>Mai phương</span>
</td>
<td>
4.500.000đ
</td>
<td>
14:30:40 15/12/2023
</td>
</tr>
<tr>
<td>
<span>Mai phương</span>
</td>
<td>
4.500.000đ
</td>
<td>
14:30:40 15/12/2023
</td>
</tr>
<tr>
<td>
<span>Mai phương</span>
</td>
<td>
4.500.000đ
</td>
<td>
14:30:40 15/12/2023
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="box-spec-deposit d-flex">
<div class="box-specification background-white">
<h2 class="title">Thông tin sản phẩm</h2>
<div class="content" id="js-holder-specifications">
<table>
<tbody>
<tr>
<td style="text-align: center;"><strong>STT</strong></td>
<td style="text-align: center;"><strong>MÃ HÀNG</strong></td>
<td style="text-align: center;"><strong>TÊN HÀNG</strong></td>
<td style="text-align: center;"><strong>THỜI HẠN BẢO HÀNH</strong></td>
</tr>
<tr>
<td style="text-align: center;"><strong>1</strong></td>
<td style="text-align: center;"><strong>CPU</strong></td>
<td style="text-align: center;"><strong><a
href="https://hoanghapc.vn/cpu-intel-core-i7-13700kf">INTEL
COREi7&nbsp;13700KF up 5.4GHz |&nbsp;16 CORE | 24
THREAD</a>&nbsp;&nbsp;</strong></td>
<td style="text-align: center;"><strong>36 THÁNG</strong></td>
</tr>
<tr>
<td style="text-align: center;"><strong>2</strong></td>
<td style="text-align: center;"><strong>MAIN</strong></td>
<td style="text-align: center;"><strong>
<ahref="https: //hoanghapc.vn/mainboard-asrock-z690-steel-legend">ASROCK
Z690 STEELLEGEND&nbsp;DDR4
</ahref=>
</strong></td>
<td style="text-align: center;"><strong>36 THÁNG</strong></td>
</tr>
<tr>
<td style="text-align: center;"><strong>3</strong></td>
<td style="text-align: center;"><strong>TẢN NHIỆT</strong></td>
<td style="text-align: center;"><strong>
<ahref="https: //hoanghapc.vn/cooler-master-masterliquid-360l-core-argb">
COOLER MASTER
MASTERLIQUIDML360L CORE ARGB</ahref=>
</strong></td>
<td style="text-align: center;"><strong>12 THÁNG</strong></td>
</tr>
<tr>
<td style="text-align: center;"><strong>4</strong></td>
<td style="text-align: center;"><strong>RAM</strong></td>
<td style="text-align: center;"><strong>
<ahref="https: //hoanghapc.vn/ram-teamgroup-t-force-vulcan-z-16gb-red-3600">
32GB DDR4 3600
MHz(2x16G)</ahref=>
</strong></td>
<td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td>
</tr>
<tr>
<td style="text-align: center;"><strong>5</strong></td>
<td style="text-align: center;"><strong>SSD</strong></td>
<td style="text-align: center;"><strong><a
href="https://hoanghapc.vn/o-cung-ssd-lexar-nm620-512gb">LEXARNM620
512GB M.2 2280 PCIe 3.0x4 -
RW 3500MB/s</a></strong></td>
<td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td>
</tr>
<tr>
<td style="text-align: center;"><strong>6</strong></td>
<td style="text-align: center;"><span
style="color: #000000;"><strong>VGA</strong></span></td>
<td style="text-align: center;"><strong>
<ahref="https:
//hoanghapc.vn/vga-palit-geforce-rtx2060-super-dual-8gb-gddr6">PALIT
GEFORCE RTX2060
SUPER DUAL 8GB GDDR6&nbsp;256-bit</ahref=>
</strong></td>
<td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td>
</tr>
<tr>
<td style="text-align: center;"><strong>7</strong></td>
<td style="text-align: center;"><strong>PSU</strong></td>
<td style="text-align: center;"><strong><a
href="https://hoanghapc.vn/nguon-asus-tuf-gaming-750w">ASUS
TUFGAMING 750W - 80 PLUS BRONZE</a></strong></td>
<td style="text-align: center;"><strong>72 THÁNG</strong></td>
</tr>
<tr>
<td style="text-align: center;"><strong>8</strong></td>
<td style="text-align: center;"><strong>CASE</strong></td>
<td style="text-align: center;"><strong>
<ahref="https: //hoanghapc.vn/vo-case-xigmatek-anubis-pro-4fx">XIGMATEK
ANUBIS PRO 4FX - 4FAN
</ahref=>
</strong></td>
<td style="text-align: center;">&nbsp;</td>
</tr>
<tr>
<td style="text-align: center;"><strong>6</strong></td>
<td style="text-align: center;"><span
style="color: #000000;"><strong>VGA</strong></span></td>
<td style="text-align: center;"><strong>
<ahref="https:
//hoanghapc.vn/vga-palit-geforce-rtx2060-super-dual-8gb-gddr6">PALIT
GEFORCE RTX2060
SUPER DUAL 8GB GDDR6&nbsp;256-bit</ahref=>
</strong></td>
<td style="text-align: center;"><strong>36&nbsp;THÁNG</strong></td>
</tr>
<tr>
<td style="text-align: center;"><strong>7</strong></td>
<td style="text-align: center;"><strong>PSU</strong></td>
<td style="text-align: center;"><strong><a
href="https://hoanghapc.vn/nguon-asus-tuf-gaming-750w">ASUS
TUFGAMING 750W - 80 PLUS BRONZE</a></strong></td>
<td style="text-align: center;"><strong>72 THÁNG</strong></td>
</tr>
<tr>
<td style="text-align: center;"><strong>8</strong></td>
<td style="text-align: center;"><strong>CASE</strong></td>
<td style="text-align: center;"><strong>
<ahref="https: //hoanghapc.vn/vo-case-xigmatek-anubis-pro-4fx">XIGMATEK
ANUBIS PRO 4FX - 4FAN
</ahref=>
</strong></td>
<td style="text-align: center;">&nbsp;</td>
</tr>
</tbody>
</table>
</div>
<a href="" class="more">Xem thêm</a>
</div>
<div class="box-auction-deposit background-white">
<h2 class="title">Thông tin đặt cọc đấu giá</h2>
<div class="content">
<p>Quý khách vui lòng làm theo các bước sau đây.</p>
<div>
<b>Bước 1:</b>
<span>Đặt cọc <b>500.000 VND</b> vào STK bên dưới</span>
</div>
<div>
<b>Bước 2:</b>
<span><b>Kiểm tra email</b> để nhận thông tin xác nhận đặt cọc thành công từ Hoàng Hà PC gửi
đến (Lưu ý: kiểm tra tất cả các hộp thư bao gồm cả thư
rác) Trường hợp nếu không nhận được email, quý khách vui lòng gửi hình ảnh giao dịch qua
<b>Zalo: 0909000000</b> để được hỗ trợ nhanh nhất.
</span>
</div>
<b style="display: block;margin: 10px 0;">Thông tin tài khoản nhận cọc:</b>
<div class="d-flex">
<img src="./assets/images/qr-code.png" alt="">
<div class="cnt-right">
<b>CÔNG TY CP THƯƠNG MẠI DỊCH VỤ ACB</b>
<p>Ngân hàng: Techcombank</p>
<p>Số tài khoản: 9999998888</p>
<p>Nội dung thanh toán: [ID tài khoản] - [Mã SP cọc]</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box-questions">
<div class="container">
<div class="content-questions">
<h2 class="title">Câu hỏi thường gặp</h2>
<div class="content" id="accordion">
<div class="card">
<a href="#" class="card-link collapsed" data-toggle="collapse" data-target="#question-1"
aria-expanded="false">
<div class="card-header d-flex align-items space-between">
<span>Đấu giá trực tuyến có phức tạp không ?</span>
<i class="fa"></i>
</div>
</a>
<div id="question-1" class="collapse" data-parent="#accordion">
<div class="card-body">
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="card">
<a href="#" class="card-link collapsed" data-toggle="collapse" data-target="#question-2"
aria-expanded="false">
<div class="card-header d-flex align-items space-between">
<span>Tại sao nên chọn đấu giá trực tuyến tại Hoàng Hà PC?</span>
<i class="fa fa-angle-right"></i>
</div>
</a>
<div id="question-2" class="collapse" data-parent="#accordion">
<div class="card-body">
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="card">
<a href="#" class="card-link collapsed" data-toggle="collapse" data-target="#question-3"
aria-expanded="false">
<div class="card-header d-flex align-items space-between">
<span>Đấu giá trực tuyến có phức tạp không ?</span>
<i class="fa fa-angle-right"></i>
</div>
</a>
<div id="question-3" class="collapse" data-parent="#accordion">
<div class="card-body">
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>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="main-content-footer d-flex align-items space-between">
<div class="footer-left">
<h3>CÔNG TY TNHH DỊCH VỤ VÀ CÔNG NGHỆ HOÀNG HÀ ©</h3>
<p>
2008 - 2020 - Công ty TNHH Dịch Vụ Và Công Nghệ Hoàng Hà / GPKD số:0107406972 Do Sở Kế Hoạch Và
Đầu
Tư Thành Phố Hà Nội Cấp Bản Quyền Thuộc Về hoanghapc.vn
</p>
</div>
<div class="footer-right">
<a href="tel:1800" class="d-flex align-items space-between">
<div class="txt text-center">
<span>Tổng đài hỗ trợ miễn phí</span>
<span>1800.xxxx</span>
</div>
<img src="./assets/images/icon-phone.png" width="50px" height="50px" alt="phone">
</a>
</div>
</div>
</div>
</div>
</body>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="./dist/data.js"></script>
<script src="./dist/detail.js"></script>
</html>
Reference in New Issue View Git Blame Copy Permalink