tieptk/mua_hang_theo_nhom
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
6c8d6d98c02444fd01d3a8db7ec7181acf117512
mua_hang_theo_nhom/index.html

1031 lines
52 KiB
HTML
Raw Normal View History

23:10 27/12/2023
2023-12-27 23:10:16 +07:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mua hàng theo nhóm</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>
<script src="./dist/hoadaoroi.js"></script>
<div class="overlay" id="overlay" onclick="closeBackground();"></div>
<div class="header">
<div class="container">
<div class="header-main-content d-flex align-items space-between">
<a href="/" class="logo">
<img src="./assets/images/logo.png" width="126" height="50" alt="logo">
</a>
<div class="header-right d-flex align-items">
<a href="javascript:void(0)" class="item d-flex align-items">
<i class="icon_2023 thele"></i>
<span class="txt">Thể lệ chương trình</span>
</a>
<a href="javascript:void(0)" class="item d-flex align-items">
<i class="icon_2023 muahang" aria-hidden="true"></i>
<span class="txt">Mua hàng thành công</span>
</a>
<a href="tel:19002223" class="item d-flex align-items">
<i class="icon_2023 phone" aria-hidden="true"></i>
<span class="txt">Hotline: <span class="phone">19002223</span></span>
</a>
<a href="/taikhoan" class="item d-flex align-items">
<i class="icon_2023 user"></i>
<span class="txt">
Hi, Hồng! <i class="fa fa-caret-down"></i>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="homepage">
<div class="container">
<div class="banner">
<a href="" class="item">
<img src="./assets/images/banner.png" alt="">
</a>
</div>
<div class="box-quytrinh d-flex align-items space-center">
<div class="item">
<i class="icon_2023 group"></i>
<span class="txt">Tạo nhóm</span>
</div>
<div class="item">
<i class="icon_2023 share"></i>
<span class="txt">Chia sẻ, mời thành viên</span>
</div>
<div class="item">
<i class="icon_2023 cart"></i>
<span class="txt">Mua hàng theo nhóm</span>
</div>
<div class="item">
<i class="icon_2023 check"></i>
<span class="txt">Hoàn thành</span>
</div>
</div>
<div class="box-combo-sold-out d-flex flex-wrap space-center" id="js-holder-list-out-stock">
<div class="product-item d-flex">
<a href="" class="product-image sold">
<img src="./assets/images/image-sp.png" alt="">
<span class="soluongnhom">5 nhóm duy nhất</span>
<span class="icon-sold"></span>
</a>
<div class="product-info">
<a href="" class="product-name line-clamp-2">Combo Bàn phím và Chuột không dây MOFII CANDY Milk
Tea/ Nâu Combo Bàn phím và Chuột không dây MOFII CANDY Milk Tea/ Nâu</a>
<div class="retail_price">
199.000đ
</div>
<div class="total-group">
<i class="icon_2023 group"></i>
<span>5 Nhóm mua hàng thành công</span>
</div>
<div class="box-sold">
<i class="icon_2023 hot"></i>
<div class="line-deal" style="width: 90%;"></div>
<span class="quantity-sold">10 đã bán hết</span>
</div>
<div class="box-time d-flex align-items">
<i class="icon_2023 time"></i>
<div class="product-time-holder js-deal-time" data-time="">
<b>20</b>
<b>11</b>
<b>30</b>
</div>
</div>
</div>
</div>
<div class="product-item d-flex">
<a href="" class="product-image sold">
<img src="./assets/images/image-sp.png" alt="">
<span class="soluongnhom">5 nhóm duy nhất</span>
<span class="icon-sold"></span>
</a>
<div class="product-info">
<a href="" class="product-name line-clamp-2">Combo Bàn phím và Chuột không dây MOFII CANDY Milk
Tea/ Nâu Combo Bàn phím và Chuột không dây MOFII CANDY Milk Tea/ Nâu</a>
<div class="retail_price">
199.000đ
</div>
<div class="total-group">
<i class="icon_2023 group"></i>
<span>5 Nhóm mua hàng thành công</span>
</div>
<div class="box-sold">
<i class="icon_2023 hot"></i>
<div class="line-deal" style="width: 90%;"></div>
<span class="quantity-sold">10 đã bán hết</span>
</div>
<div class="box-time d-flex align-items">
<i class="icon_2023 time"></i>
<div class="product-time-holder js-deal-time" data-time="">
<b>20</b>
<b>11</b>
<b>30</b>
</div>
</div>
</div>
</div>
</div>
<div class="box-group-user background-white">
<h2 class="title">Nhóm của bạn</h2>
<div class="list-product d-flex flex-wrap" id="js-holder-product-group">
<div class="product-item d-flex">
<a href="" class="product-image">
<img src="./assets/images/image-sp.png" alt="">
<span class="soluongnhom">5 nhóm duy nhất</span>
</a>
<div class="product-info">
<a href="" class="product-name line-clamp-2">Combo Bàn phím và Chuột không dây MOFII CANDY
Milk
Tea/ Nâu Combo Bàn phím và Chuột không dây MOFII CANDY Milk Tea/ Nâu</a>
<div class="box-price d-flex align-items">
<div class="retail_price">
199.000đ
</div>
<del class="price-old">320.000đ</del>
</div>
<div class="list-memeber d-flex align-items">
<div class="box-memeber d-flex">
<a href="javascript:void(0)" class="item">
v
</a>
<a href="javascript:void(0)" class="item add">
+
</a>
</div>
<div class="note">
Cần thêm <b style="color: var(--color-global);">02</b> thành viên
</div>
</div>
<div class="box-sold">
<i class="icon_2023 hot"></i>
<div class="line-deal" style="width: 90%;"></div>
<span class="quantity-sold">10 đã bán hết</span>
</div>
<div class="box-button d-flex align-items space-between">
<div class="box-time d-flex align-items">
<i class="icon_2023 time"></i>
<div class="product-time-holder js-deal-time" data-time="">
<b>20</b>
<b>11</b>
<b>30</b>
</div>
</div>
<a href="javascript:void(0)" class="add-member">
<i class="fa fa-plus"></i>
Mời thêm bạn
</a>
</div>
<div class="note-leader">
<i class="icon_2023 bell"></i>
<span>Hongvtxx@gmail.com vừa tạo nhóm thành công</span>
</div>
</div>
</div>
<div class="product-item d-flex">
<a href="" class="product-image">
<img src="./assets/images/image-sp.png" alt="">
<span class="soluongnhom">5 nhóm duy nhất</span>
</a>
<div class="product-info">
<a href="" class="product-name line-clamp-2">Combo Bàn phím và Chuột không dây MOFII CANDY
Milk
Tea/ Nâu Combo Bàn phím và Chuột không dây MOFII CANDY Milk Tea/ Nâu</a>
<div class="box-price d-flex align-items">
<div class="retail_price">
199.000đ
</div>
<del class="price-old">320.000đ</del>
</div>
<div class="list-memeber d-flex align-items">
<div class="box-memeber d-flex">
<a href="javascript:void(0)" class="item">
v
</a>
<a href="javascript:void(0)" class="item add">
+
</a>
</div>
<div class="note">
Cần thêm <b style="color: var(--color-global);">02</b> thành viên
</div>
</div>
<div class="box-sold">
<i class="icon_2023 hot"></i>
<div class="line-deal" style="width: 90%;"></div>
<span class="quantity-sold">10 đã bán hết</span>
</div>
<div class="box-button d-flex align-items space-between">
<div class="box-time d-flex align-items">
<i class="icon_2023 time"></i>
<div class="product-time-holder js-deal-time" data-time="">
<b>20</b>
<b>11</b>
<b>30</b>
</div>
</div>
<a href="javascript:void(0)" class="add-member">
<i class="fa fa-plus"></i>
Mời thêm bạn
</a>
</div>
<div class="note-leader">
<i class="icon_2023 bell"></i>
<span>Hongvtxx@gmail.com vừa tạo nhóm thành công</span>
</div>
</div>
</div>
</div>
</div>
<div class="group-list-product">
<div class="box-list-product">
<h2 class="title d-flex space-center">
<i class="icon_2023 title_left"></i>
<span>Đang diễn ra</span>
<i class="icon_2023 title_right"></i>
</h2>
<div class="list-category d-flex align-items space-center">
<a href="javascript:void(0)" class="item-cate active">
Tất cả +
</a>
<a href="javascript:void(0)" class="item-cate" data-id="1">
Bàn phím
</a>
<a href="javascript:void(0)" class="item-cate" data-id="2">
Phụ kiện
</a>
</div>
<div class="product-list d-flex flex-wrap" id="js-holder-list-started">
<div class="product-item d-flex">
<a href="" class="product-image">
<img src="./assets/images/image-sp.png" alt="">
<span class="soluongnhom">5 nhóm duy nhất</span>
</a>
<div class="product-info">
<a href="" class="product-name line-clamp-2">Combo Bàn phím và Chuột không dây MOFII
CANDY
Milk
Tea/ Nâu Combo Bàn phím và Chuột không dây MOFII CANDY Milk Tea/ Nâu</a>
<div class="box-price d-flex align-items">
<div class="retail_price">
199.000đ
</div>
<del class="price-old">320.000đ</del>
</div>
<div class="list-memeber d-flex align-items">
<div class="box-memeber d-flex">
<a href="javascript:void(0)" class="item">
v
</a>
<a href="javascript:void(0)" class="item add">
+
</a>
</div>
<div class="note">
Cần thêm <b style="color: var(--color-global);">02</b> thành viên
</div>
</div>
<div class="box-sold">
<i class="icon_2023 hot"></i>
<div class="line-deal" style="width: 90%;"></div>
<span class="quantity-sold">10 đã bán hết</span>
</div>
<div class="box-button d-flex align-items space-between">
<div class="time d-flex align-items">
<i class="icon_2023 time"></i>
<div class="product-time-holder js-deal-time" data-time="">
<b>20</b>
<b>11</b>
<b>30</b>
</div>
</div>
<a href="javascript:void(0)" class="add-member">
<i class="fa fa-plus"></i>
Mời thêm bạn
</a>
</div>
</div>
</div>
<div class="product-item d-flex">
<a href="" class="product-image">
<img src="./assets/images/image-sp.png" alt="">
<span class="soluongnhom">5 nhóm duy nhất</span>
</a>
<div class="product-info">
<a href="" class="product-name line-clamp-2">Combo Bàn phím và Chuột không dây MOFII
CANDY
Milk
Tea/ Nâu Combo Bàn phím và Chuột không dây MOFII CANDY Milk Tea/ Nâu</a>
<div class="box-price d-flex align-items">
<div class="retail_price">
199.000đ
</div>
<span class="red">Khi mua nhóm 5 người</span>
</div>
<div class="price-banle">Giá bán lẻ: 320.000đ</div>
<div class="box-sold">
<i class="icon_2023 hot"></i>
<div class="line-deal" style="width: 90%;"></div>
<span class="quantity-sold">10 đã bán hết</span>
</div>
<div class="box-button d-flex align-items space-between">
<div class="time d-flex align-items">
<i class="icon_2023 time"></i>
<div class="product-time-holder js-deal-time" data-time="">
<b>20</b>
<b>11</b>
<b>30</b>
</div>
</div>
<a href="javascript:void(0)" class="add-group">
<i class="fa fa-angle-double-right"></i>
<span>Tạo nhóm ngay</span>
<i class="fa fa-angle-double-left"></i>
</a>
</div>
</div>
</div>
<div class="product-item d-flex">
<a href="" class="product-image">
<img src="./assets/images/image-sp.png" alt="">
<span class="soluongnhom">5 nhóm duy nhất</span>
</a>
<div class="product-info">
<a href="" class="product-name line-clamp-2">Combo Bàn phím và Chuột không dây MOFII
CANDY
Milk
Tea/ Nâu Combo Bàn phím và Chuột không dây MOFII CANDY Milk Tea/ Nâu</a>
<div class="box-price d-flex align-items">
<div class="retail_price">
199.000đ
</div>
<span class="red">Khi mua nhóm 5 người</span>
</div>
<div class="price-banle">Giá bán lẻ: 320.000đ</div>
<div class="box-sold">
<i class="icon_2023 hot"></i>
<div class="line-deal" style="width: 90%;"></div>
<span class="quantity-sold">10 đã bán hết</span>
</div>
<div class="box-button d-flex align-items space-between">
<div class="time d-flex align-items">
<i class="icon_2023 time"></i>
<div class="product-time-holder js-deal-time" data-time="">
<b>20</b>
<b>11</b>
<b>30</b>
</div>
</div>
<a href="javascript:void(0)" class="add-group">
<i class="fa fa-angle-double-right"></i>
<span>Tạo nhóm ngay</span>
<i class="fa fa-angle-double-left"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="box-list-product coming">
<h2 class="title d-flex space-center">
Sắp diễn ra
</h2>
<div class="list-category d-flex align-items space-center">
<a href="javascript:void(0)" class="item-cate active">
Tất cả +
</a>
<a href="javascript:void(0)" class="item-cate" data-id="1">
Bàn phím
</a>
<a href="javascript:void(0)" class="item-cate" data-id="2">
Phụ kiện
</a>
</div>
<div class="product-list d-flex flex-wrap" id="js-holder-list-coming">
<div class="product-item d-flex">
<a href="" class="product-image">
<img src="./assets/images/image-sp.png" alt="">
<span class="soluongnhom">5 nhóm duy nhất</span>
</a>
<div class="product-info">
<a href="" class="product-name line-clamp-2">Combo Bàn phím và Chuột không dây MOFII
CANDY
Milk
Tea/ Nâu Combo Bàn phím và Chuột không dây MOFII CANDY Milk Tea/ Nâu</a>
<div class="box-price d-flex align-items">
<div class="retail_price">
199.000đ
</div>
<span class="red">Khi mua nhóm 5 người</span>
</div>
<div class="price-banle">Giá bán lẻ: 320.000đ</div>
<div class="box-time d-flex align-items">
<i class="icon_2023 time"></i>
<div class="product-time-holder js-deal-time" data-time="">
<b>20</b>
<b>11</b>
<b>30</b>
</div>
</div>
</div>
</div>
<div class="product-item d-flex">
<a href="" class="product-image">
<img src="./assets/images/image-sp.png" alt="">
<span class="soluongnhom">5 nhóm duy nhất</span>
</a>
<div class="product-info">
<a href="" class="product-name line-clamp-2">Combo Bàn phím và Chuột không dây MOFII
CANDY
Milk
Tea/ Nâu Combo Bàn phím và Chuột không dây MOFII CANDY Milk Tea/ Nâu</a>
<div class="box-price d-flex align-items">
<div class="retail_price">
199.000đ
</div>
<span class="red">Khi mua nhóm 5 người</span>
</div>
<div class="price-banle">Giá bán lẻ: 320.000đ</div>
<div class="box-time d-flex align-items">
<i class="icon_2023 time"></i>
<div class="product-time-holder js-deal-time" data-time="">
<b>20</b>
<b>11</b>
<b>30</b>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box-successful-purchase">
<div class="title">Mua hàng thành công</div>
<div class="content">
<table>
<thead>
<tr>
<th>Tên nhóm</th>
<th>Sản phẩm</th>
<th>Giá</th>
<th>Thời gian</th>
</tr>
</thead>
<tr>
<td>
<div class="d-flex align-items">
<div class="name">H</div>
<span>Huraxzzz</span>
</div>
</td>
<td>
Chuột gaming Logitech G102 Gen2 Lightsync
</td>
<td>
<div class="price d-flex align-items">
<b>199.000đ</b>
<del>320.000đ</del>
</div>
</td>
<td>
Hôm nay, 01 : 20 : 41
</td>
</tr>
<tr>
<td>
<div class="d-flex align-items">
<div class="name">H</div>
<span>Huraxzzz</span>
</div>
</td>
<td>
Chuột gaming Logitech G102 Gen2 Lightsync
</td>
<td>
<div class="price d-flex align-items">
<b>199.000đ</b>
<del>320.000đ</del>
</div>
</td>
<td>
Hôm nay, 01 : 20 : 41
</td>
</tr>
<tr>
<td>
<div class="d-flex align-items">
<div class="name">H</div>
<span>Huraxzzz</span>
</div>
</td>
<td>
Chuột gaming Logitech G102 Gen2 Lightsync
</td>
<td>
<div class="price d-flex align-items">
<b>199.000đ</b>
<del>320.000đ</del>
</div>
</td>
<td>
Hôm nay, 01 : 20 : 41
</td>
</tr>
<tr>
<td>
<div class="d-flex align-items">
<div class="name">H</div>
<span>Huraxzzz</span>
</div>
</td>
<td>
Chuột gaming Logitech G102 Gen2 Lightsync
</td>
<td>
<div class="price d-flex align-items">
<b>199.000đ</b>
<del>320.000đ</del>
</div>
</td>
<td>
Hôm nay, 01 : 20 : 41
</td>
</tr>
<tr>
<td>
<div class="d-flex align-items">
<div class="name">H</div>
<span>Huraxzzz</span>
</div>
</td>
<td>
Chuột gaming Logitech G102 Gen2 Lightsync
</td>
<td>
<div class="price d-flex align-items">
<b>199.000đ</b>
<del>320.000đ</del>
</div>
</td>
<td>
Hôm nay, 01 : 20 : 41
</td>
</tr>
<tr>
<td>
<div class="d-flex align-items">
<div class="name">H</div>
<span>Huraxzzz</span>
</div>
</td>
<td>
Chuột gaming Logitech G102 Gen2 Lightsync
</td>
<td>
<div class="price d-flex align-items">
<b>199.000đ</b>
<del>320.000đ</del>
</div>
</td>
<td>
Hôm nay, 01 : 20 : 41
</td>
</tr>
<tr>
<td>
<div class="d-flex align-items">
<div class="name">H</div>
<span>Huraxzzz</span>
</div>
</td>
<td>
Chuột gaming Logitech G102 Gen2 Lightsync
</td>
<td>
<div class="price d-flex align-items">
<b>199.000đ</b>
<del>320.000đ</del>
</div>
</td>
<td>
Hôm nay, 01 : 20 : 41
</td>
</tr>
<tr>
<td>
<div class="d-flex align-items">
<div class="name">H</div>
<span>Huraxzzz</span>
</div>
</td>
<td>
Chuột gaming Logitech G102 Gen2 Lightsync
</td>
<td>
<div class="price d-flex align-items">
<b>199.000đ</b>
<del>320.000đ</del>
</div>
</td>
<td>
Hôm nay, 01 : 20 : 41
</td>
</tr>
<tr>
<td>
<div class="d-flex align-items">
<div class="name">H</div>
<span>Huraxzzz</span>
</div>
</td>
<td>
Chuột gaming Logitech G102 Gen2 Lightsync
</td>
<td>
<div class="price d-flex align-items">
<b>199.000đ</b>
<del>320.000đ</del>
</div>
</td>
<td>
Hôm nay, 01 : 20 : 41
</td>
</tr>
<tr>
<td>
<div class="d-flex align-items">
<div class="name">H</div>
<span>Huraxzzz</span>
</div>
</td>
<td>
Chuột gaming Logitech G102 Gen2 Lightsync
</td>
<td>
<div class="price d-flex align-items">
<b>199.000đ</b>
<del>320.000đ</del>
</div>
</td>
<td>
Hôm nay, 01 : 20 : 41
</td>
</tr>
<tr>
<td>
<div class="d-flex align-items">
<div class="name">H</div>
<span>Huraxzzz</span>
</div>
</td>
<td>
Chuột gaming Logitech G102 Gen2 Lightsync
</td>
<td>
<div class="price d-flex align-items">
<b>199.000đ</b>
<del>320.000đ</del>
</div>
</td>
<td>
Hôm nay, 01 : 20 : 41
</td>
</tr>
<tr>
<td>
<div class="d-flex align-items">
<div class="name">H</div>
<span>Huraxzzz</span>
</div>
</td>
<td>
Chuột gaming Logitech G102 Gen2 Lightsync
</td>
<td>
<div class="price d-flex align-items">
<b>199.000đ</b>
<del>320.000đ</del>
</div>
</td>
<td>
Hôm nay, 01 : 20 : 41
</td>
</tr>
<tr>
<td>
<div class="d-flex align-items">
<div class="name">H</div>
<span>Huraxzzz</span>
</div>
</td>
<td>
Chuột gaming Logitech G102 Gen2 Lightsync
</td>
<td>
<div class="price d-flex align-items">
<b>199.000đ</b>
<del>320.000đ</del>
</div>
</td>
<td>
Hôm nay, 01 : 20 : 41
</td>
</tr>
</table>
</div>
</div>
<div class="box-thele">
<div class="title">Thể lệ chương trình</div>
<div class="content">
<div class="item d-flex">
<div class="number">01.</div>
<div class="txt">Tạo nhóm với đủ số lượng thành viên yêu cầu để được mua hàng với giá ưu đãi,
giảm giá các sản phẩm lên đến 70%.</div>
</div>
<div class="item d-flex">
<div class="number">02.</div>
<div class="txt">Đăng nhập bằng gmail, facebook để tạo nhóm và tham gia nhóm.</div>
</div>
<div class="item d-flex">
<div class="number">03.</div>
<div class="txt">Chia sẻ với bạn bè, người thân để tham gia nhóm và mở khóa ưu đãi khi đủ số
lượng thành viên</div>
</div>
<div class="item d-flex">
<div class="number">04.</div>
<div class="txt">
<p>Điều kiện để nhóm được mua hàng với giá ưu đãi:</p>
<ul>
<li>Đủ thành viên tham gia theo yêu cầu</li>
<li>Thanh toán trong thời gian quy định</li>
</ul>
</div>
</div>
<div class="item d-flex">
<div class="number">05.</div>
<div class="txt">
<p>Trường hợp nhóm bị hủy quyền mua hàng khi:</p>
<ul>
<li>Không đủ thành viên tham gia trong thời gian quy định</li>
<li>Không thanh toán trong thời gian quy định</li>
<li>Hết số lượng sản phẩm ưu đãi”</li>
</ul>
</div>
</div>
</div>
</div>
<div class="box-questions background-white">
<h2 class="title">
Câu hỏi thường gặp
</h2>
<div class="content d-flex flex-wrap" id="accordion">
<div class="item">
<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">
<div class="card-left d-flex align-items">
<span class="number">01.</span>
<span>Đấu giá trực tuyến có phức tạp không ?</span>
</div>
<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>
<div class="item">
<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">
<div class="card-left d-flex align-items">
<span class="number">01.</span>
<span>Đấu giá trực tuyến có phức tạp không ?</span>
</div>
<i class="fa"></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>
<div class="item">
<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">
<div class="card-left d-flex align-items">
<span class="number">01.</span>
<span>Đấu giá trực tuyến có phức tạp không ?</span>
</div>
<i class="fa"></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 class="item">
<div class="card">
<a href="#" class="card-link collapsed" data-toggle="collapse" data-target="#question-4"
aria-expanded="false">
<div class="card-header d-flex align-items space-between">
<div class="card-left d-flex align-items">
<span class="number">01.</span>
<span>Đấu giá trực tuyến có phức tạp không ?</span>
</div>
<i class="fa"></i>
</div>
</a>
<div id="question-4" 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 class="item">
<div class="card">
<a href="#" class="card-link collapsed" data-toggle="collapse" data-target="#question-5"
aria-expanded="false">
<div class="card-header d-flex align-items space-between">
<div class="card-left d-flex align-items">
<span class="number">01.</span>
<span>Đấu giá trực tuyến có phức tạp không ?</span>
</div>
<i class="fa"></i>
</div>
</a>
<div id="question-5" 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 class="item">
<div class="card">
<a href="#" class="card-link collapsed" data-toggle="collapse" data-target="#question-6"
aria-expanded="false">
<div class="card-header d-flex align-items space-between">
<div class="card-left d-flex align-items">
<span class="number">01.</span>
<span>Đấu giá trực tuyến có phức tạp không ?</span>
</div>
<i class="fa"></i>
</div>
</a>
<div id="question-6" 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>
<div class="footer">
<div class="container">
<div class="footer-main-content d-flex">
<div class="item-footer">
<p>
<b>Showrrom Open:</b>
<span>8:30 - 20:00</span>
</p>
<p>
<b>Tiếp nhận bảo hành:</b>
<span>Thứ 3 đến Thứ 7</span>
</p>
<p>
<b>Địa chỉ:</b>
<span>266/32 Đường Tô Hiến Thành,Phường 15, Quận 10, TP. HCM( Có thể đậu ôtô)</span>
</p>
</div>
<div class="item-footer">
<b>Kết nối với chúng tôi</b>
<div class="d-flex align-items">
<div class="box-social d-flex align-items">
<a href="" class="icon_social youtobe"></a>
<a href="" class="icon_social tiktok"></a>
<a href="" class="icon_social facebook"></a>
<a href="" class="icon_social zalo"></a>
<a href="" class="icon_social map"></a>
</div>
<a href="" target="_blank">
<img src="./assets/images/btc.png" alt="">
</a>
</div>
<a href="" target="_blank">
<img src="./assets/images/dmca.png" alt="">
</a>
</div>
<div class="item-footer">
<p>
<span>HOTLINE:</span><a href="tel:0787955888 ">0787955888</a>
</p>
<p>
<span>KỸ THUẬT:</span><a href="tel:0932772240 ">0932772240</a>
</p>
<a href="">
<img src="./assets/images/icon-pay.png" alt="">
</a>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="footer-content-bottom d-flex align-items">
<a href="/" class="logo">
<img src="./assets/images/logo.png" alt="">
</a>
<div class="content-right">
<p>Công ty TNHH MYGEAR - Địa chỉ kinh doanh: Địa chỉ 266/32 Đường Tô Hiến Thành,Phường 15, Quận
10, TP. HCM</p>
<p>Giấy phép kinh doanh cấp ngày 26 tháng 10 2021</p>
<p>Mã số thuế doanh nghiệp: 0316992079 tại phòng đăng ký kinh doanh Sở Kế Hoạch và Đầu Tư thành
phố Hồ Chí Minh</p>
<p>Chịu trách nhiệm nội dung: Nguyễn Văn Hùng Copyrights © 2022 Mygear.vn. All Rights Reserved
Email: info@mygear.vn</p>
</div>
</div>
</div>
</div>
</div>
<div class="box-login">
<div class="background-group-form">
<a href="javascript:void(0)" class="btn-close">
<i class="fa fa-times"></i>
</a>
<div class="content">
<h2 class="title">Vui lòng đăng nhập tài khoản của bạn để tham gia chương trình</h2>
<a href="javascript:void(0)" class="btn-login facebook">
<span class="icon">
<i class="fa fa-facebook-f"></i>
</span>
<span class="txt">Đăng nhập bằng Facebook</span>
</a>
<a href="javascript:void(0)" class="btn-login google">
<span class="icon">
<i class="fa fa-google"></i>
</span>
<span class="txt">Đăng nhập bằng Google</span>
</a>
</div>
</div>
</div>
<div class="global-popup" id="js-global-popup">
<div class="background-group-form" id="js-content-popup">
</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/main.js"></script>
</html>
Reference in New Issue Copy Permalink