up
This commit is contained in:
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>
|
||||
Reference in New Issue
Block a user