981 lines
62 KiB
HTML
981 lines
62 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
|
<title>BESTPC - Trang chủ</title>
|
||
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
|
<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" />
|
||
|
|
<link rel="stylesheet" href="../../assets/css/style.css" rel="stylesheet" />
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="container-mb">
|
||
|
|
<div class="page-list-store bg-[#EFEFEF] pb-[100px]">
|
||
|
|
<div class="container">
|
||
|
|
<div class="breadcrumb p-[12px_0]">
|
||
|
|
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul flex flex-wrap items-center">
|
||
|
|
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
|
||
|
|
class="flex items-center pr-[12px]">
|
||
|
|
<a href="/" itemprop="item" class="nopad-l flex items-center text-[#637381]">
|
||
|
|
<span itemprop="name"><span style="font-size: 0;display: none;">Trang chủ</span> <i
|
||
|
|
class="icon_2025 home mr-[5px] mb-[5px]"></i></span>
|
||
|
|
</a> <i class="icon_2025 angle-right ml-[12px]"></i>
|
||
|
|
<meta itemprop="position" content="1">
|
||
|
|
</li>
|
||
|
|
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
|
||
|
|
class="flex items-center pr-[12px]">
|
||
|
|
<a href="/man-hinh.html" itemprop="item" class="nopad-l flex items-center">
|
||
|
|
<span itemprop="name">
|
||
|
|
Tìm người bán
|
||
|
|
</span>
|
||
|
|
</a>
|
||
|
|
<meta itemprop="position" content="2">
|
||
|
|
</li>
|
||
|
|
</ol>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-white p-[10px] rounded-[4px] mt-[10px]">
|
||
|
|
<h3 class="text-[16px] text-black font-bold mb-[10px]">Danh sách cửa hàng</h3>
|
||
|
|
<div class="full relative rounded-[8px] input-search border border-[#dddddd]">
|
||
|
|
<form action="/search" enctype="text/plain" method="get"
|
||
|
|
class="relative w-full h-[35px] bg-white rounded-[8px] overflow-hidden">
|
||
|
|
<input type="text" name="q" placeholder="Nhập địa chỉ cửa bạn để tìm cửa hàng gần nhất"
|
||
|
|
class="search-input w-full h-full p-[0_10px_0_40px] rounded-[8px] text-sm"
|
||
|
|
onclick="$('.autocomplete-suggestions').show();">
|
||
|
|
<button type="submit" class="absolute left-[10px] top-0 w-[40px] h-[35px] "><i
|
||
|
|
class="icon_2025 search-2 "></i></button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center mt-[10px] p-[10px] bg-[#f3f3f3]">
|
||
|
|
<a href=""
|
||
|
|
class="block-inline border-[#cacaca] border p-[0_10px] h-[40px] leading-[37px] rounded-[4px] bg-[var(--color-global)] text-white mr-[10px]">Gần
|
||
|
|
tôi
|
||
|
|
nhất</a>
|
||
|
|
<a href=""
|
||
|
|
class="block-inline border-[#cacaca] border p-[0_20px] h-[40px] leading-[37px] rounded-[4px] bg-[#fff] mr-[10px] hover:bg-[var(--color-global)] hover:text-white">Đánh
|
||
|
|
giá tốt nhất</a>
|
||
|
|
<a href=""
|
||
|
|
class="block-inline border-[#cacaca] border p-[0_10px] h-[40px] leading-[37px] rounded-[4px] bg-[#fff] mr-[10px] hover:bg-[var(--color-global)] hover:text-white">Đã
|
||
|
|
xem</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="list mt-[10px]">
|
||
|
|
<div class="item-store py-[15px] border-b-[1px] border-[#c8c8c8] ">
|
||
|
|
<div class="flex gap-[10px] mb-[10px]">
|
||
|
|
<div class="logo w-[60px] h-[60px] border border-[#d4d4d4] mr-[10px]">
|
||
|
|
<img src="../../assets/images/logo-hacom.png" width="100%" height="100%"
|
||
|
|
class="w-full h-full p-[5px] object-contain block" alt="h acom" />
|
||
|
|
</div>
|
||
|
|
<div class="w-[calc(100%-90px)]">
|
||
|
|
<a href="/template/shop/detail.html"
|
||
|
|
class="name-store line-clamp-2 font-bold mb-[3px] text-[16px]">
|
||
|
|
Hanoicomputer - Công cổ phần máy tính Hà Nội
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href=""
|
||
|
|
class="bg-[#E2E2E2] rounded-[50%] w-[40px] h-[40px] flex items-center justify-center">
|
||
|
|
<i class="icon_2025 heart-2 "></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href="" class="flex items-center mb-[5px]">
|
||
|
|
<i class="icon_2025 shop-blue"></i>
|
||
|
|
<span class="ml-[5px] text-[#1877f2] text-[13px]">Chuyên mua bán trao đổi PC, laptop,
|
||
|
|
linh phụ kiện máy tính</span>
|
||
|
|
</a>
|
||
|
|
<div class="flex mb-[5px]">
|
||
|
|
<div class="w-[24px] block">
|
||
|
|
<i class="icon_2025 map-2"></i>
|
||
|
|
</div>
|
||
|
|
<p class="ml-[5px] w-[calc(100%-34px)]">Địa chỉ: Tầng 7, toà nhà số 198 Nguyễn Thị Minh
|
||
|
|
Khai, phường
|
||
|
|
6,
|
||
|
|
quận 3, TP. Hồ
|
||
|
|
Chí Minh</p>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center gap-[10px]">
|
||
|
|
<a href="" class="flex items-center mb-[5px]">
|
||
|
|
<div class="w-[24px]">
|
||
|
|
<i class="icon_2025 map-4"></i>
|
||
|
|
</div>
|
||
|
|
<span class="ml-[5px] text-[#FF7A00] hover:underline ">Google Maps</span>
|
||
|
|
</a>
|
||
|
|
<a href="" class="flex items-center">
|
||
|
|
<div class="w-[24px]">
|
||
|
|
<i class="icon_2025 showroom"></i>
|
||
|
|
</div>
|
||
|
|
<span class="ml-[5px] text-[#1877f2] underline hover:font-bold">Có 7
|
||
|
|
showroom</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href="" class="flex items-center mt-[5px]">
|
||
|
|
<div class="w-[24px]"><i class="icon_2025 phone"></i></div>
|
||
|
|
<span class="ml-[5px]">Tel: 1800 6867 - 1800 6865</span>
|
||
|
|
</a>
|
||
|
|
<a href="" class="flex items-center mt-[5px]">
|
||
|
|
<div class="w-[24px]"><i class="icon_2025 earth"></i></div>
|
||
|
|
<span class="ml-[5px]">Web: https:/hacom.com.vn/</span>
|
||
|
|
</a>
|
||
|
|
<div class="btn my-[10px]">
|
||
|
|
<div class="flex items-center">
|
||
|
|
<i class="icon-star star4"></i>
|
||
|
|
<span class="mx-[5px]">4.6</span>
|
||
|
|
<a href="javascript:void(0)" onclick="showListReview()"
|
||
|
|
class="font-[500] underline hover:text[var(--color-hover)]">(Xem
|
||
|
|
47 đánh
|
||
|
|
giá)</a>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between mt-[5px]">
|
||
|
|
<a href="javascript:void()" onclick="showReview()"
|
||
|
|
class="block underline hover:text-[#1877f2]">Đánh giá về
|
||
|
|
chất
|
||
|
|
lượng
|
||
|
|
dịch vụ</a>
|
||
|
|
<a href=""
|
||
|
|
class="flex items-center gap-[10px] font-bold text-[#462F91] underline">Liên
|
||
|
|
hệ <i
|
||
|
|
class="icon_2025 link-review invert-[20%] sepia-[35%] saturate-[3500%] hue-rotate-[230deg] brightness-[90%] contrast-[90%]"></i></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-store py-[15px] border-b-[1px] border-[#c8c8c8] ">
|
||
|
|
<div class="flex gap-[10px] mb-[10px]">
|
||
|
|
<div class="logo w-[60px] h-[60px] border border-[#d4d4d4] mr-[10px]">
|
||
|
|
<img src="../../assets/images/logo-hacom.png" width="100%" height="100%"
|
||
|
|
class="w-full h-full p-[5px] object-contain block" alt="h acom" />
|
||
|
|
</div>
|
||
|
|
<div class="w-[calc(100%-90px)]">
|
||
|
|
<a href="/template/shop/detail.html"
|
||
|
|
class="name-store line-clamp-2 font-bold mb-[3px] text-[16px]">
|
||
|
|
Hanoicomputer - Công cổ phần máy tính Hà Nội
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href=""
|
||
|
|
class="bg-[#FFECEC] rounded-[50%] w-[40px] h-[40px] flex items-center justify-center">
|
||
|
|
<i class="icon_2025 heart"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href="" class="flex items-center mb-[5px]">
|
||
|
|
<i class="icon_2025 shop-blue"></i>
|
||
|
|
<span class="ml-[5px] text-[#1877f2] text-[13px]">Chuyên mua bán trao đổi PC, laptop,
|
||
|
|
linh phụ kiện máy tính</span>
|
||
|
|
</a>
|
||
|
|
<div class="flex mb-[5px]">
|
||
|
|
<div class="w-[24px] block">
|
||
|
|
<i class="icon_2025 map-2"></i>
|
||
|
|
</div>
|
||
|
|
<p class="ml-[5px] w-[calc(100%-34px)]">Địa chỉ: Tầng 7, toà nhà số 198 Nguyễn Thị Minh
|
||
|
|
Khai, phường
|
||
|
|
6,
|
||
|
|
quận 3, TP. Hồ
|
||
|
|
Chí Minh</p>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center gap-[10px]">
|
||
|
|
<a href="" class="flex items-center mb-[5px]">
|
||
|
|
<div class="w-[24px]">
|
||
|
|
<i class="icon_2025 map-4"></i>
|
||
|
|
</div>
|
||
|
|
<span class="ml-[5px] text-[#FF7A00] hover:underline ">Google Maps</span>
|
||
|
|
</a>
|
||
|
|
<a href="" class="flex items-center">
|
||
|
|
<div class="w-[24px]">
|
||
|
|
<i class="icon_2025 showroom"></i>
|
||
|
|
</div>
|
||
|
|
<span class="ml-[5px] text-[#1877f2] underline hover:font-bold">Có 7
|
||
|
|
showroom</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href="" class="flex items-center mt-[5px]">
|
||
|
|
<div class="w-[24px]"><i class="icon_2025 phone"></i></div>
|
||
|
|
<span class="ml-[5px]">Tel: 1800 6867 - 1800 6865</span>
|
||
|
|
</a>
|
||
|
|
<a href="" class="flex items-center mt-[5px]">
|
||
|
|
<div class="w-[24px]"><i class="icon_2025 earth"></i></div>
|
||
|
|
<span class="ml-[5px]">Web: https:/hacom.com.vn/</span>
|
||
|
|
</a>
|
||
|
|
<div class="btn my-[10px]">
|
||
|
|
<div class="flex items-center">
|
||
|
|
<i class="icon-star star4"></i>
|
||
|
|
<span class="mx-[5px]">4.6</span>
|
||
|
|
<a href="javascript:void(0)" onclick="showListReview()"
|
||
|
|
class="font-[500] underline hover:text[var(--color-hover)]">(Xem
|
||
|
|
47 đánh
|
||
|
|
giá)</a>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between mt-[5px]">
|
||
|
|
<a href="javascript:void()" onclick="showReview()"
|
||
|
|
class="block underline hover:text-[#1877f2]">Đánh giá về
|
||
|
|
chất
|
||
|
|
lượng
|
||
|
|
dịch vụ</a>
|
||
|
|
<a href=""
|
||
|
|
class="flex items-center gap-[10px] font-bold text-[#462F91] underline">Liên
|
||
|
|
hệ <i
|
||
|
|
class="icon_2025 link-review invert-[20%] sepia-[35%] saturate-[3500%] hue-rotate-[230deg] brightness-[90%] contrast-[90%]"></i></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-store py-[15px] border-b-[1px] border-[#c8c8c8] ">
|
||
|
|
<div class="flex gap-[10px] mb-[10px]">
|
||
|
|
<div class="logo w-[60px] h-[60px] border border-[#d4d4d4] mr-[10px]">
|
||
|
|
<img src="../../assets/images/logo-hacom.png" width="100%" height="100%"
|
||
|
|
class="w-full h-full p-[5px] object-contain block" alt="h acom" />
|
||
|
|
</div>
|
||
|
|
<div class="w-[calc(100%-90px)]">
|
||
|
|
<a href="/template/shop/detail.html"
|
||
|
|
class="name-store line-clamp-2 font-bold mb-[3px] text-[16px]">
|
||
|
|
Hanoicomputer - Công cổ phần máy tính Hà Nội
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href=""
|
||
|
|
class="bg-[#E2E2E2] rounded-[50%] w-[40px] h-[40px] flex items-center justify-center">
|
||
|
|
<i class="icon_2025 heart-2 "></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href="" class="flex items-center mb-[5px]">
|
||
|
|
<i class="icon_2025 shop-blue"></i>
|
||
|
|
<span class="ml-[5px] text-[#1877f2] text-[13px]">Chuyên mua bán trao đổi PC, laptop,
|
||
|
|
linh phụ kiện máy tính</span>
|
||
|
|
</a>
|
||
|
|
<div class="flex mb-[5px]">
|
||
|
|
<div class="w-[24px] block">
|
||
|
|
<i class="icon_2025 map-2"></i>
|
||
|
|
</div>
|
||
|
|
<p class="ml-[5px] w-[calc(100%-34px)]">Địa chỉ: Tầng 7, toà nhà số 198 Nguyễn Thị Minh
|
||
|
|
Khai, phường
|
||
|
|
6,
|
||
|
|
quận 3, TP. Hồ
|
||
|
|
Chí Minh</p>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center gap-[10px]">
|
||
|
|
<a href="" class="flex items-center mb-[5px]">
|
||
|
|
<div class="w-[24px]">
|
||
|
|
<i class="icon_2025 map-4"></i>
|
||
|
|
</div>
|
||
|
|
<span class="ml-[5px] text-[#FF7A00] hover:underline ">Google Maps</span>
|
||
|
|
</a>
|
||
|
|
<a href="" class="flex items-center">
|
||
|
|
<div class="w-[24px]">
|
||
|
|
<i class="icon_2025 showroom"></i>
|
||
|
|
</div>
|
||
|
|
<span class="ml-[5px] text-[#1877f2] underline hover:font-bold">Có 7
|
||
|
|
showroom</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href="" class="flex items-center mt-[5px]">
|
||
|
|
<div class="w-[24px]"><i class="icon_2025 phone"></i></div>
|
||
|
|
<span class="ml-[5px]">Tel: 1800 6867 - 1800 6865</span>
|
||
|
|
</a>
|
||
|
|
<a href="" class="flex items-center mt-[5px]">
|
||
|
|
<div class="w-[24px]"><i class="icon_2025 earth"></i></div>
|
||
|
|
<span class="ml-[5px]">Web: https:/hacom.com.vn/</span>
|
||
|
|
</a>
|
||
|
|
<div class="btn my-[10px]">
|
||
|
|
<div class="flex items-center">
|
||
|
|
<i class="icon-star star4"></i>
|
||
|
|
<span class="mx-[5px]">4.6</span>
|
||
|
|
<a href="javascript:void(0)" onclick="showListReview()"
|
||
|
|
class="font-[500] underline hover:text[var(--color-hover)]">(Xem
|
||
|
|
47 đánh
|
||
|
|
giá)</a>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between mt-[5px]">
|
||
|
|
<a href="javascript:void()" onclick="showReview()"
|
||
|
|
class="block underline hover:text-[#1877f2]">Đánh giá về
|
||
|
|
chất
|
||
|
|
lượng
|
||
|
|
dịch vụ</a>
|
||
|
|
<a href=""
|
||
|
|
class="flex items-center gap-[10px] font-bold text-[#462F91] underline">Liên
|
||
|
|
hệ <i
|
||
|
|
class="icon_2025 link-review invert-[20%] sepia-[35%] saturate-[3500%] hue-rotate-[230deg] brightness-[90%] contrast-[90%]"></i></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-store py-[15px] border-b-[1px] border-[#c8c8c8] ">
|
||
|
|
<div class="flex gap-[10px] mb-[10px]">
|
||
|
|
<div class="logo w-[60px] h-[60px] border border-[#d4d4d4] mr-[10px]">
|
||
|
|
<img src="../../assets/images/logo-hacom.png" width="100%" height="100%"
|
||
|
|
class="w-full h-full p-[5px] object-contain block" alt="h acom" />
|
||
|
|
</div>
|
||
|
|
<div class="w-[calc(100%-90px)]">
|
||
|
|
<a href="#" class="name-store line-clamp-2 font-bold mb-[3px] text-[16px]">
|
||
|
|
Hanoicomputer - Công cổ phần máy tính Hà Nội
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href=""
|
||
|
|
class="bg-[#E2E2E2] rounded-[50%] w-[40px] h-[40px] flex items-center justify-center">
|
||
|
|
<i class="icon_2025 heart-2 "></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href="" class="flex items-center mb-[5px]">
|
||
|
|
<i class="icon_2025 shop-blue"></i>
|
||
|
|
<span class="ml-[5px] text-[#1877f2] text-[13px]">Chuyên mua bán trao đổi PC, laptop,
|
||
|
|
linh phụ kiện máy tính</span>
|
||
|
|
</a>
|
||
|
|
<div class="flex mb-[5px]">
|
||
|
|
<div class="w-[24px] block">
|
||
|
|
<i class="icon_2025 map-2"></i>
|
||
|
|
</div>
|
||
|
|
<p class="ml-[5px] w-[calc(100%-34px)]">Địa chỉ: Tầng 7, toà nhà số 198 Nguyễn Thị Minh
|
||
|
|
Khai, phường
|
||
|
|
6,
|
||
|
|
quận 3, TP. Hồ
|
||
|
|
Chí Minh</p>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center gap-[10px]">
|
||
|
|
<a href="" class="flex items-center mb-[5px]">
|
||
|
|
<div class="w-[24px]">
|
||
|
|
<i class="icon_2025 map-4"></i>
|
||
|
|
</div>
|
||
|
|
<span class="ml-[5px] text-[#FF7A00] hover:underline ">Google Maps</span>
|
||
|
|
</a>
|
||
|
|
<a href="" class="flex items-center">
|
||
|
|
<div class="w-[24px]">
|
||
|
|
<i class="icon_2025 showroom"></i>
|
||
|
|
</div>
|
||
|
|
<span class="ml-[5px] text-[#1877f2] underline hover:font-bold">Có 7
|
||
|
|
showroom</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href="" class="flex items-center mt-[5px]">
|
||
|
|
<div class="w-[24px]"><i class="icon_2025 phone"></i></div>
|
||
|
|
<span class="ml-[5px]">Tel: 1800 6867 - 1800 6865</span>
|
||
|
|
</a>
|
||
|
|
<a href="" class="flex items-center mt-[5px]">
|
||
|
|
<div class="w-[24px]"><i class="icon_2025 earth"></i></div>
|
||
|
|
<span class="ml-[5px]">Web: https:/hacom.com.vn/</span>
|
||
|
|
</a>
|
||
|
|
<div class="btn my-[10px]">
|
||
|
|
<div class="flex items-center">
|
||
|
|
<i class="icon-star star4"></i>
|
||
|
|
<span class="mx-[5px]">4.6</span>
|
||
|
|
<a href="javascript:void(0)" onclick="showListReview()"
|
||
|
|
class="font-[500] underline hover:text[var(--color-hover)]">(Xem
|
||
|
|
47 đánh
|
||
|
|
giá)</a>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between mt-[5px]">
|
||
|
|
<a href="javascript:void()" onclick="showReview()"
|
||
|
|
class="block underline hover:text-[#1877f2]">Đánh giá về
|
||
|
|
chất
|
||
|
|
lượng
|
||
|
|
dịch vụ</a>
|
||
|
|
<a href=""
|
||
|
|
class="flex items-center gap-[10px] font-bold text-[#462F91] underline">Liên
|
||
|
|
hệ <i
|
||
|
|
class="icon_2025 link-review invert-[20%] sepia-[35%] saturate-[3500%] hue-rotate-[230deg] brightness-[90%] contrast-[90%]"></i></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-store py-[15px] border-b-[1px] border-[#c8c8c8] ">
|
||
|
|
<div class="flex gap-[10px] mb-[10px]">
|
||
|
|
<div class="logo w-[60px] h-[60px] border border-[#d4d4d4] mr-[10px]">
|
||
|
|
<img src="../../assets/images/logo-hacom.png" width="100%" height="100%"
|
||
|
|
class="w-full h-full p-[5px] object-contain block" alt="h acom" />
|
||
|
|
</div>
|
||
|
|
<div class="w-[calc(100%-90px)]">
|
||
|
|
<a href="#" class="name-store line-clamp-2 font-bold mb-[3px] text-[16px]">
|
||
|
|
Hanoicomputer - Công cổ phần máy tính Hà Nội
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href=""
|
||
|
|
class="bg-[#E2E2E2] rounded-[50%] w-[40px] h-[40px] flex items-center justify-center">
|
||
|
|
<i class="icon_2025 heart-2 "></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href="" class="flex items-center mb-[5px]">
|
||
|
|
<i class="icon_2025 shop-blue"></i>
|
||
|
|
<span class="ml-[5px] text-[#1877f2] text-[13px]">Chuyên mua bán trao đổi PC, laptop,
|
||
|
|
linh phụ kiện máy tính</span>
|
||
|
|
</a>
|
||
|
|
<div class="flex mb-[5px]">
|
||
|
|
<div class="w-[24px] block">
|
||
|
|
<i class="icon_2025 map-2"></i>
|
||
|
|
</div>
|
||
|
|
<p class="ml-[5px] w-[calc(100%-34px)]">Địa chỉ: Tầng 7, toà nhà số 198 Nguyễn Thị Minh
|
||
|
|
Khai, phường
|
||
|
|
6,
|
||
|
|
quận 3, TP. Hồ
|
||
|
|
Chí Minh</p>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center gap-[10px]">
|
||
|
|
<a href="" class="flex items-center mb-[5px]">
|
||
|
|
<div class="w-[24px]">
|
||
|
|
<i class="icon_2025 map-4"></i>
|
||
|
|
</div>
|
||
|
|
<span class="ml-[5px] text-[#FF7A00] hover:underline ">Google Maps</span>
|
||
|
|
</a>
|
||
|
|
<a href="" class="flex items-center">
|
||
|
|
<div class="w-[24px]">
|
||
|
|
<i class="icon_2025 showroom"></i>
|
||
|
|
</div>
|
||
|
|
<span class="ml-[5px] text-[#1877f2] underline hover:font-bold">Có 7
|
||
|
|
showroom</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href="" class="flex items-center mt-[5px]">
|
||
|
|
<div class="w-[24px]"><i class="icon_2025 phone"></i></div>
|
||
|
|
<span class="ml-[5px]">Tel: 1800 6867 - 1800 6865</span>
|
||
|
|
</a>
|
||
|
|
<a href="" class="flex items-center mt-[5px]">
|
||
|
|
<div class="w-[24px]"><i class="icon_2025 earth"></i></div>
|
||
|
|
<span class="ml-[5px]">Web: https:/hacom.com.vn/</span>
|
||
|
|
</a>
|
||
|
|
<div class="btn my-[10px]">
|
||
|
|
<div class="flex items-center">
|
||
|
|
<i class="icon-star star4"></i>
|
||
|
|
<span class="mx-[5px]">4.6</span>
|
||
|
|
<a href="javascript:void(0)" onclick="showListReview()"
|
||
|
|
class="font-[500] underline hover:text[var(--color-hover)]">(Xem
|
||
|
|
47 đánh
|
||
|
|
giá)</a>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between mt-[5px]">
|
||
|
|
<a href="javascript:void()" onclick="showReview()"
|
||
|
|
class="block underline hover:text-[#1877f2]">Đánh giá về
|
||
|
|
chất
|
||
|
|
lượng
|
||
|
|
dịch vụ</a>
|
||
|
|
<a href=""
|
||
|
|
class="flex items-center gap-[10px] font-bold text-[#462F91] underline">Liên
|
||
|
|
hệ <i
|
||
|
|
class="icon_2025 link-review invert-[20%] sepia-[35%] saturate-[3500%] hue-rotate-[230deg] brightness-[90%] contrast-[90%]"></i></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-store py-[15px] border-b-[1px] border-[#c8c8c8] ">
|
||
|
|
<div class="flex gap-[10px] mb-[10px]">
|
||
|
|
<div class="logo w-[60px] h-[60px] border border-[#d4d4d4] mr-[10px]">
|
||
|
|
<img src="../../assets/images/logo-hacom.png" width="100%" height="100%"
|
||
|
|
class="w-full h-full p-[5px] object-contain block" alt="h acom" />
|
||
|
|
</div>
|
||
|
|
<div class="w-[calc(100%-90px)]">
|
||
|
|
<a href="#" class="name-store line-clamp-2 font-bold mb-[3px] text-[16px]">
|
||
|
|
Hanoicomputer - Công cổ phần máy tính Hà Nội
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href=""
|
||
|
|
class="bg-[#E2E2E2] rounded-[50%] w-[40px] h-[40px] flex items-center justify-center">
|
||
|
|
<i class="icon_2025 heart-2 "></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href="" class="flex items-center mb-[5px]">
|
||
|
|
<i class="icon_2025 shop-blue"></i>
|
||
|
|
<span class="ml-[5px] text-[#1877f2] text-[13px]">Chuyên mua bán trao đổi PC, laptop,
|
||
|
|
linh phụ kiện máy tính</span>
|
||
|
|
</a>
|
||
|
|
<div class="flex mb-[5px]">
|
||
|
|
<div class="w-[24px] block">
|
||
|
|
<i class="icon_2025 map-2"></i>
|
||
|
|
</div>
|
||
|
|
<p class="ml-[5px] w-[calc(100%-34px)]">Địa chỉ: Tầng 7, toà nhà số 198 Nguyễn Thị Minh
|
||
|
|
Khai, phường
|
||
|
|
6,
|
||
|
|
quận 3, TP. Hồ
|
||
|
|
Chí Minh</p>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center gap-[10px]">
|
||
|
|
<a href="" class="flex items-center mb-[5px]">
|
||
|
|
<div class="w-[24px]">
|
||
|
|
<i class="icon_2025 map-4"></i>
|
||
|
|
</div>
|
||
|
|
<span class="ml-[5px] text-[#FF7A00] hover:underline ">Google Maps</span>
|
||
|
|
</a>
|
||
|
|
<a href="" class="flex items-center">
|
||
|
|
<div class="w-[24px]">
|
||
|
|
<i class="icon_2025 showroom"></i>
|
||
|
|
</div>
|
||
|
|
<span class="ml-[5px] text-[#1877f2] underline hover:font-bold">Có 7
|
||
|
|
showroom</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href="" class="flex items-center mt-[5px]">
|
||
|
|
<div class="w-[24px]"><i class="icon_2025 phone"></i></div>
|
||
|
|
<span class="ml-[5px]">Tel: 1800 6867 - 1800 6865</span>
|
||
|
|
</a>
|
||
|
|
<a href="" class="flex items-center mt-[5px]">
|
||
|
|
<div class="w-[24px]"><i class="icon_2025 earth"></i></div>
|
||
|
|
<span class="ml-[5px]">Web: https:/hacom.com.vn/</span>
|
||
|
|
</a>
|
||
|
|
<div class="btn my-[10px]">
|
||
|
|
<div class="flex items-center">
|
||
|
|
<i class="icon-star star4"></i>
|
||
|
|
<span class="mx-[5px]">4.6</span>
|
||
|
|
<a href="javascript:void(0)" onclick="showListReview()"
|
||
|
|
class="font-[500] underline hover:text[var(--color-hover)]">(Xem
|
||
|
|
47 đánh
|
||
|
|
giá)</a>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between mt-[5px]">
|
||
|
|
<a href="javascript:void()" onclick="showReview()"
|
||
|
|
class="block underline hover:text-[#1877f2]">Đánh giá về
|
||
|
|
chất
|
||
|
|
lượng
|
||
|
|
dịch vụ</a>
|
||
|
|
<a href=""
|
||
|
|
class="flex items-center gap-[10px] font-bold text-[#462F91] underline">Liên
|
||
|
|
hệ <i
|
||
|
|
class="icon_2025 link-review invert-[20%] sepia-[35%] saturate-[3500%] hue-rotate-[230deg] brightness-[90%] contrast-[90%]"></i></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-store py-[15px] border-b-[1px] border-[#c8c8c8] ">
|
||
|
|
<div class="flex gap-[10px] mb-[10px]">
|
||
|
|
<div class="logo w-[60px] h-[60px] border border-[#d4d4d4] mr-[10px]">
|
||
|
|
<img src="../../assets/images/logo-hacom.png" width="100%" height="100%"
|
||
|
|
class="w-full h-full p-[5px] object-contain block" alt="h acom" />
|
||
|
|
</div>
|
||
|
|
<div class="w-[calc(100%-90px)]">
|
||
|
|
<a href="#" class="name-store line-clamp-2 font-bold mb-[3px] text-[16px]">
|
||
|
|
Hanoicomputer - Công cổ phần máy tính Hà Nội
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href=""
|
||
|
|
class="bg-[#E2E2E2] rounded-[50%] w-[40px] h-[40px] flex items-center justify-center">
|
||
|
|
<i class="icon_2025 heart-2 "></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href="" class="flex items-center mb-[5px]">
|
||
|
|
<i class="icon_2025 shop-blue"></i>
|
||
|
|
<span class="ml-[5px] text-[#1877f2] text-[13px]">Chuyên mua bán trao đổi PC, laptop,
|
||
|
|
linh phụ kiện máy tính</span>
|
||
|
|
</a>
|
||
|
|
<div class="flex mb-[5px]">
|
||
|
|
<div class="w-[24px] block">
|
||
|
|
<i class="icon_2025 map-2"></i>
|
||
|
|
</div>
|
||
|
|
<p class="ml-[5px] w-[calc(100%-34px)]">Địa chỉ: Tầng 7, toà nhà số 198 Nguyễn Thị Minh
|
||
|
|
Khai, phường
|
||
|
|
6,
|
||
|
|
quận 3, TP. Hồ
|
||
|
|
Chí Minh</p>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center gap-[10px]">
|
||
|
|
<a href="" class="flex items-center mb-[5px]">
|
||
|
|
<div class="w-[24px]">
|
||
|
|
<i class="icon_2025 map-4"></i>
|
||
|
|
</div>
|
||
|
|
<span class="ml-[5px] text-[#FF7A00] hover:underline ">Google Maps</span>
|
||
|
|
</a>
|
||
|
|
<a href="" class="flex items-center">
|
||
|
|
<div class="w-[24px]">
|
||
|
|
<i class="icon_2025 showroom"></i>
|
||
|
|
</div>
|
||
|
|
<span class="ml-[5px] text-[#1877f2] underline hover:font-bold">Có 7
|
||
|
|
showroom</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a href="" class="flex items-center mt-[5px]">
|
||
|
|
<div class="w-[24px]"><i class="icon_2025 phone"></i></div>
|
||
|
|
<span class="ml-[5px]">Tel: 1800 6867 - 1800 6865</span>
|
||
|
|
</a>
|
||
|
|
<a href="" class="flex items-center mt-[5px]">
|
||
|
|
<div class="w-[24px]"><i class="icon_2025 earth"></i></div>
|
||
|
|
<span class="ml-[5px]">Web: https:/hacom.com.vn/</span>
|
||
|
|
</a>
|
||
|
|
<div class="btn my-[10px]">
|
||
|
|
<div class="flex items-center">
|
||
|
|
<i class="icon-star star4"></i>
|
||
|
|
<span class="mx-[5px]">4.6</span>
|
||
|
|
<a href="javascript:void(0)" onclick="showListReview()"
|
||
|
|
class="font-[500] underline hover:text[var(--color-hover)]">(Xem
|
||
|
|
47 đánh
|
||
|
|
giá)</a>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center justify-between mt-[5px]">
|
||
|
|
<a href="javascript:void()" onclick="showReview()"
|
||
|
|
class="block underline hover:text-[#1877f2]">Đánh giá về
|
||
|
|
chất
|
||
|
|
lượng
|
||
|
|
dịch vụ</a>
|
||
|
|
<a href=""
|
||
|
|
class="flex items-center gap-[10px] font-bold text-[#462F91] underline">Liên
|
||
|
|
hệ <i
|
||
|
|
class="icon_2025 link-review invert-[20%] sepia-[35%] saturate-[3500%] hue-rotate-[230deg] brightness-[90%] contrast-[90%]"></i></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-white p-[10px] rounded-[4px] mt-[10px]">
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<p class="text-[#462F91] font-bold">Giới thiệu cửa hàng mới</p>
|
||
|
|
<a href="javascript:void()" onclick="showFormStoreNew()">
|
||
|
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
|
||
|
|
xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<path
|
||
|
|
d="M19.8 5.59995C19.8 7.03212 19.231 8.40563 18.2184 9.41833C17.2057 10.431 15.8321 11 14.4 11C12.9678 11 11.5943 10.431 10.5816 9.41833C9.5689 8.40563 8.99998 7.03212 8.99998 5.59995C8.99998 4.16778 9.5689 2.79427 10.5816 1.78157C11.5943 0.768878 12.9678 0.199951 14.4 0.199951C15.8321 0.199951 17.2057 0.768878 18.2184 1.78157C19.231 2.79427 19.8 4.16778 19.8 5.59995ZM15 3.19995C15 3.04082 14.9368 2.88821 14.8242 2.77569C14.7117 2.66317 14.5591 2.59995 14.4 2.59995C14.2408 2.59995 14.0882 2.66317 13.9757 2.77569C13.8632 2.88821 13.8 3.04082 13.8 3.19995V4.99995H12C11.8408 4.99995 11.6882 5.06317 11.5757 5.17569C11.4632 5.28821 11.4 5.44082 11.4 5.59995C11.4 5.75908 11.4632 5.91169 11.5757 6.02422C11.6882 6.13674 11.8408 6.19995 12 6.19995H13.8V7.99995C13.8 8.15908 13.8632 8.31169 13.9757 8.42422C14.0882 8.53674 14.2408 8.59995 14.4 8.59995C14.5591 8.59995 14.7117 8.53674 14.8242 8.42422C14.9368 8.31169 15 8.15908 15 7.99995V6.19995H16.8C16.9591 6.19995 17.1117 6.13674 17.2242 6.02422C17.3368 5.91169 17.4 5.75908 17.4 5.59995C17.4 5.44082 17.3368 5.28821 17.2242 5.17569C17.1117 5.06317 16.9591 4.99995 16.8 4.99995H15V3.19995ZM16.2 12.8C16.2 12.5132 16.1328 12.242 16.014 12.0008C16.494 11.8797 16.959 11.705 17.4 11.48V17C17.4 17.6365 17.1471 18.2469 16.697 18.697C16.2469 19.1471 15.6365 19.4 15 19.4H2.99998C2.36346 19.4 1.75301 19.1471 1.30292 18.697C0.852832 18.2469 0.599976 17.6365 0.599976 17V6.19995C0.599976 5.24517 0.97926 4.3295 1.65439 3.65437C2.32952 2.97924 3.2452 2.59995 4.19998 2.59995H8.51998C8.32399 2.9836 8.16603 3.38552 8.04838 3.79995H4.19998C3.56346 3.79995 2.95301 4.05281 2.50292 4.50289C2.05283 4.95298 1.79998 5.56343 1.79998 6.19995V10.4C2.13223 10.1507 2.51263 9.97306 2.91709 9.87844C3.32155 9.78382 3.74125 9.77422 4.14962 9.85025C4.55798 9.92628 4.94611 10.0863 5.28941 10.3201C5.63271 10.554 5.92371 10.8566 6.14398 11.2088C6.51312 10.7276 6.99784 10.3475 7.55314 10.1037C8.10844 9.85995 8.71633 9.76042 9.32038 9.81435C10.2143 10.8924 11.4281 11.6581 12.786 12.0008C12.6633 12.2493 12.5996 12.5228 12.6 12.8V18.2H15C15.3182 18.2 15.6235 18.0735 15.8485 17.8485C16.0735 17.6234 16.2 17.3182 16.2 17V12.8ZM11.4 13.4C11.4 12.7634 11.1471 12.153 10.697 11.7029C10.2469 11.2528 9.6365 11 8.99998 11C8.36346 11 7.75301 11.2528 7.30292 11.7029C6.85283 12.153 6.59998 12.7634 6.59998 13.4V18.2H11.4V13.4ZM1.79998 17C1.79998 17.3182 1.9264 17.6234 2.15145 17.8485C2.37649 18.0735 2.68172 18.2 2.99998 18.2H5.39998V12.8C5.39998 12.3226 5.21033 11.8647 4.87277 11.5272C4.5352 11.1896 4.07737 11 3.59998 11C3.12259 11 2.66475 11.1896 2.32718 11.5272C1.98962 11.8647 1.79998 12.3226 1.79998 12.8V17Z"
|
||
|
|
fill="#462F91" />
|
||
|
|
</svg>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="backgroundPopup" onclick="closeBackground()"></div>
|
||
|
|
<div class="box-form-review hidden fixed left-[50%] top-[50%] w-[95%] bg-white rounded-[12px] translate-x-[-50%] translate-y-[-50%] z-[999] p-[10px]"
|
||
|
|
id="js-box-review">
|
||
|
|
<div class="title relative pb-[15px] border-b-[1px] border-[#E4E4E4]">
|
||
|
|
<b class="text-center text-xl block">Đánh giá sản phẩm</b>
|
||
|
|
<a href="javascript:void(0)" onclick="closeReview()" id="js-close-review"
|
||
|
|
class="absolute right-0 top-0 text-[#808080] text-[22px] ">x</a>
|
||
|
|
</div>
|
||
|
|
<div class="info-form-review w-full mx-[auto]">
|
||
|
|
<a href="" class="block w-[100px] h-[100px] m-[10px_auto] p-[10px] rounded-[4px] border border-[#d4d4d4]">
|
||
|
|
<img src="../../assets/images/logo-hacom.png" width="100%" height="100%"
|
||
|
|
class="block w-full h-[100%] m-[auto] object-contain" alt="">
|
||
|
|
</a>
|
||
|
|
<a href="" class="text-center block mb-[10px]">Hanoicomputer - Công cổ phần máy tính Hà Nội</a>
|
||
|
|
|
||
|
|
<div class="flex justify-center">
|
||
|
|
<div class="rating-selection">
|
||
|
|
<input type="radio" class="rating-input" id="star5" name="rating" value="5">
|
||
|
|
<label for="star5" class="rating-star"></label>
|
||
|
|
|
||
|
|
<input type="radio" class="rating-input" id="star4" name="rating" value="4">
|
||
|
|
<label for="star4" class="rating-star"></label>
|
||
|
|
|
||
|
|
<input type="radio" class="rating-input" id="star3" name="rating" value="3">
|
||
|
|
<label for="star3" class="rating-star"></label>
|
||
|
|
|
||
|
|
<input type="radio" class="rating-input" id="star2" name="rating" value="2">
|
||
|
|
<label for="star2" class="rating-star"></label>
|
||
|
|
|
||
|
|
<input type="radio" class="rating-input" id="star1" name="rating" value="1">
|
||
|
|
<label for="star1" class="rating-star"></label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="clearfix"></div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="form-input mt-[20px]">
|
||
|
|
<input type="text" name="title" placeholder="Mời bạn nhập tiêu đề..." />
|
||
|
|
<div class="note-error"></div>
|
||
|
|
</div>
|
||
|
|
<div class="form-input mt-[10px]">
|
||
|
|
<textarea name="content" placeholder="Mời bạn chia sẻ cảm nhận..." id=""></textarea>
|
||
|
|
<div class="note-error"></div>
|
||
|
|
</div>
|
||
|
|
<input id="js-file-upload-id" type="hidden" value="">
|
||
|
|
<div id="js-container-selector" class="mt-[10px] flex items-center">
|
||
|
|
<a href="javascript:void(0)" class="flex items-center" id="js-select-file">
|
||
|
|
<i class="icon_2025 upload_image"></i>
|
||
|
|
<span class="text-[#1877F2] ml-[5px]">Gửi ảnh thực tế</span>
|
||
|
|
<span class="px-[5px]">(tối đa 3 ảnh)</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mt-[15px] flex items-center">
|
||
|
|
<p class="mr-[10px]">Chấm điểm theo trải nghiệm cá nhân</p>
|
||
|
|
<input type="number" name="point" min="1" max="10"
|
||
|
|
class="w-[70px] h-[35px] p-[10px] border border-[#c1c1c1] rounded-[4px]" />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button type="submit"
|
||
|
|
class="mt-[15px] w-full h-[45px] bg-[#C8B7FF] rounded-[4px] text-white leading-[45px] hover:bg-[var(--color-global)]">Gửi
|
||
|
|
đánh
|
||
|
|
giá</button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="box-list-review hidden fixed left-[50%] top-[50%] w-[95%] bg-white rounded-[12px] translate-x-[-50%] translate-y-[-50%] z-[999] p-[10px]"
|
||
|
|
id="js-box-list-review">
|
||
|
|
<div class="title relative pb-[15px] border-b-[1px] border-[#E4E4E4]">
|
||
|
|
<b class="text-center text-xl block">Đánh giá của khách hàng</b>
|
||
|
|
<span class="mt-[5px] text-center block">(102 đánh giá)</span>
|
||
|
|
<a href="javascript:void(0)" onclick="closeReview()" id="js-close-review"
|
||
|
|
class="absolute right-0 top-[-5px] text-[#808080] text-[22px] ">x</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="list-review max-h-[600px] overflow-auto">
|
||
|
|
<div class="item-review flex mb-[15px] py-[15px] border-b-[1px] border-[#E4E4E4]">
|
||
|
|
<div class="w-[80px] mr-[20px]">
|
||
|
|
<img src="../../assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
|
||
|
|
<div class="time mt-[10px]">
|
||
|
|
<b class="mb-[2px] text-center block">Dino</b>
|
||
|
|
<p class="text-center">10:00pm 20/02/2025</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="w-[calc(100%-100px)]">
|
||
|
|
<div class="flex items-center mb-[5px]">
|
||
|
|
<i class="icon-star star4"></i>
|
||
|
|
<b class="ml-[10px]">Laptop Gaming Asus ROG 16GB</b>
|
||
|
|
</div>
|
||
|
|
<p class="content mb-[5px]">Lorem Ipsum is simply dummy text of the printing and
|
||
|
|
typesetting
|
||
|
|
industry. Lorem Ipsum has been the industry's standard
|
||
|
|
dummy text ever since the 1500s, when an unknown printer took a galley of type
|
||
|
|
and scrambled it to make a type specimen
|
||
|
|
book. I</p>
|
||
|
|
<div class="flex items-center mb-[10px]">
|
||
|
|
<a href="/src../../assets/images/small-product-detail.png" data-fancybox="gallery"
|
||
|
|
class="w-[80px] block mr-[10px]">
|
||
|
|
<img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||
|
|
</a>
|
||
|
|
<a href="/src../../assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
||
|
|
data-fancybox="gallery">
|
||
|
|
<img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||
|
|
</a>
|
||
|
|
<a href="/src../../assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
||
|
|
data-fancybox="gallery">
|
||
|
|
<img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
|
||
|
|
<div class="btn">
|
||
|
|
<a href="javascript:void(0)" class="text-[#1877F2] mr-[10px]">
|
||
|
|
Bình luận <span class="ml-[3px] text-black">(23)</span>
|
||
|
|
</a>
|
||
|
|
<a href="javascript:void(0)" class="text-[#1877F2]">
|
||
|
|
Thích <span class="ml-[3px] text-black">(23)</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-review flex mb-[15px] py-[15px] border-b-[1px] border-[#E4E4E4]">
|
||
|
|
<div class="w-[80px] mr-[20px]">
|
||
|
|
<img src="../../assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
|
||
|
|
<div class="time mt-[10px]">
|
||
|
|
<b class="mb-[2px] text-center block">Dino</b>
|
||
|
|
<p class="text-center">10:00pm 20/02/2025</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="w-[calc(100%-100px)]">
|
||
|
|
<div class="flex items-center mb-[5px]">
|
||
|
|
<i class="icon-star star4"></i>
|
||
|
|
<b class="ml-[10px]">Laptop Gaming Asus ROG 16GB</b>
|
||
|
|
</div>
|
||
|
|
<p class="content mb-[5px]">Lorem Ipsum is simply dummy text of the printing and
|
||
|
|
typesetting
|
||
|
|
industry. Lorem Ipsum has been the industry's standard
|
||
|
|
dummy text ever since the 1500s, when an unknown printer took a galley of type
|
||
|
|
and scrambled it to make a type specimen
|
||
|
|
book. I</p>
|
||
|
|
<div class="flex items-center mb-[10px]">
|
||
|
|
<a href="/src../../assets/images/small-product-detail.png" data-fancybox="gallery"
|
||
|
|
class="w-[80px] block mr-[10px]">
|
||
|
|
<img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||
|
|
</a>
|
||
|
|
<a href="/src../../assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
||
|
|
data-fancybox="gallery">
|
||
|
|
<img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||
|
|
</a>
|
||
|
|
<a href="/src../../assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
||
|
|
data-fancybox="gallery">
|
||
|
|
<img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
|
||
|
|
<div class="btn">
|
||
|
|
<a href="javascript:void(0)" class="text-[#1877F2] mr-[10px]">
|
||
|
|
Bình luận <span class="ml-[3px] text-black">(23)</span>
|
||
|
|
</a>
|
||
|
|
<a href="javascript:void(0)" class="text-[#1877F2]">
|
||
|
|
Thích <span class="ml-[3px] text-black">(23)</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-review flex mb-[15px] py-[15px] border-b-[1px] border-[#E4E4E4]">
|
||
|
|
<div class="w-[80px] mr-[20px]">
|
||
|
|
<img src="../../assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
|
||
|
|
<div class="time mt-[10px]">
|
||
|
|
<b class="mb-[2px] text-center block">Dino</b>
|
||
|
|
<p class="text-center">10:00pm 20/02/2025</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="w-[calc(100%-100px)]">
|
||
|
|
<div class="flex items-center mb-[5px]">
|
||
|
|
<i class="icon-star star4"></i>
|
||
|
|
<b class="ml-[10px]">Laptop Gaming Asus ROG 16GB</b>
|
||
|
|
</div>
|
||
|
|
<p class="content mb-[5px]">Lorem Ipsum is simply dummy text of the printing and
|
||
|
|
typesetting
|
||
|
|
industry. Lorem Ipsum has been the industry's standard
|
||
|
|
dummy text ever since the 1500s, when an unknown printer took a galley of type
|
||
|
|
and scrambled it to make a type specimen
|
||
|
|
book. I</p>
|
||
|
|
<div class="flex items-center mb-[10px]">
|
||
|
|
<a href="/src../../assets/images/small-product-detail.png" data-fancybox="gallery"
|
||
|
|
class="w-[80px] block mr-[10px]">
|
||
|
|
<img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||
|
|
</a>
|
||
|
|
<a href="/src../../assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
||
|
|
data-fancybox="gallery">
|
||
|
|
<img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||
|
|
</a>
|
||
|
|
<a href="/src../../assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
||
|
|
data-fancybox="gallery">
|
||
|
|
<img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
|
||
|
|
<div class="btn">
|
||
|
|
<a href="javascript:void(0)" class="text-[#1877F2] mr-[10px]">
|
||
|
|
Bình luận <span class="ml-[3px] text-black">(23)</span>
|
||
|
|
</a>
|
||
|
|
<a href="javascript:void(0)" class="text-[#1877F2]">
|
||
|
|
Thích <span class="ml-[3px] text-black">(23)</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item-review flex mb-[15px] py-[15px] border-b-[1px] border-[#E4E4E4]">
|
||
|
|
<div class="w-[80px] mr-[20px]">
|
||
|
|
<img src="../../assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
|
||
|
|
<div class="time mt-[10px]">
|
||
|
|
<b class="mb-[2px] text-center block">Dino</b>
|
||
|
|
<p class="text-center">10:00pm 20/02/2025</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="w-[calc(100%-100px)]">
|
||
|
|
<div class="flex items-center mb-[5px]">
|
||
|
|
<i class="icon-star star4"></i>
|
||
|
|
<b class="ml-[10px]">Laptop Gaming Asus ROG 16GB</b>
|
||
|
|
</div>
|
||
|
|
<p class="content mb-[5px]">Lorem Ipsum is simply dummy text of the printing and
|
||
|
|
typesetting
|
||
|
|
industry. Lorem Ipsum has been the industry's standard
|
||
|
|
dummy text ever since the 1500s, when an unknown printer took a galley of type
|
||
|
|
and scrambled it to make a type specimen
|
||
|
|
book. I</p>
|
||
|
|
<div class="flex items-center mb-[10px]">
|
||
|
|
<a href="/src../../assets/images/small-product-detail.png" data-fancybox="gallery"
|
||
|
|
class="w-[80px] block mr-[10px]">
|
||
|
|
<img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||
|
|
</a>
|
||
|
|
<a href="/src../../assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
||
|
|
data-fancybox="gallery">
|
||
|
|
<img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||
|
|
</a>
|
||
|
|
<a href="/src../../assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
|
||
|
|
data-fancybox="gallery">
|
||
|
|
<img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
|
||
|
|
<div class="btn">
|
||
|
|
<a href="javascript:void(0)" class="text-[#1877F2] mr-[10px]">
|
||
|
|
Bình luận <span class="ml-[3px] text-black">(23)</span>
|
||
|
|
</a>
|
||
|
|
<a href="javascript:void(0)" class="text-[#1877F2]">
|
||
|
|
Thích <span class="ml-[3px] text-black">(23)</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="box-form-store hidden fixed left-[50%] top-[50%] w-[95%] bg-white rounded-[12px] translate-x-[-50%] translate-y-[-50%] z-[999] p-[10px]"
|
||
|
|
id="js-form-store">
|
||
|
|
<div class="title relative pb-[15px] border-b-[1px] border-[#E4E4E4]">
|
||
|
|
<b class="text-center text-xl block">Giới thiệu cửa hàng mới</b>
|
||
|
|
<a href="javascript:void(0)" onclick="closeFormStore()" id="js-close-store"
|
||
|
|
class="absolute right-0 top-0 text-[#808080] text-[22px] ">x</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-input mt-[10px]">
|
||
|
|
<label for="" class="block mb-[5px]">Tên cửa hàng</label>
|
||
|
|
<input type="text" name="title" placeholder="Mời bạn nhập tên cửa hàng..." />
|
||
|
|
<div class="note-error"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-input mt-[10px]">
|
||
|
|
<label for="" class="block mb-[5px]">Website</label>
|
||
|
|
<input type="text" name="web" placeholder="Mời bạn nhập link website..." />
|
||
|
|
<div class="note-error"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-input mt-[10px]">
|
||
|
|
<label for="" class="block mb-[5px]">Tỉnh thành</label>
|
||
|
|
<div class="relative select-arrow">
|
||
|
|
<select name="" id="">
|
||
|
|
<option value="">Chọn tỉnh thành</option>
|
||
|
|
<option value="">Hà nội</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<div class="note-error"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-input mt-[10px]">
|
||
|
|
<label for="" class="block mb-[5px]">Địa chỉ</label>
|
||
|
|
<input type="text" name="address" placeholder="Mời bạn nhập địa chỉ cửu hàng..." />
|
||
|
|
<div class="note-error"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-input mt-[10px]">
|
||
|
|
<label for="" class="block mb-[5px]">Mô tả</label>
|
||
|
|
<textarea type="text" name="note" placeholder="Mời bạn nhập mô tả..."></textarea>
|
||
|
|
<div class="note-error"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-input mt-[10px]">
|
||
|
|
<label for="" class="block mb-[5px]">Thông tin người liên hệ</label>
|
||
|
|
<input type="text" name="info" placeholder="Mời bạn nhập thông tin..." />
|
||
|
|
<div class="note-error"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button type="submit"
|
||
|
|
class="mt-[15px] w-full h-[45px] bg-[#C8B7FF] rounded-[4px] text-white leading-[45px] hover:bg-[var(--color-global)]">Gửi
|
||
|
|
đánh
|
||
|
|
giá</button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
<script>
|
||
|
|
function showReview() {
|
||
|
|
$("#js-box-review").removeClass('hidden');
|
||
|
|
$("#backgroundPopup").addClass('active');
|
||
|
|
}
|
||
|
|
|
||
|
|
function showListReview() {
|
||
|
|
$("#js-box-list-review").removeClass('hidden');
|
||
|
|
$("#backgroundPopup").addClass('active');
|
||
|
|
}
|
||
|
|
|
||
|
|
function closeReview() {
|
||
|
|
$("#js-box-review").addClass('hidden');
|
||
|
|
$('#js-box-list-review').addClass('hidden');
|
||
|
|
$("#backgroundPopup").removeClass('active');
|
||
|
|
}
|
||
|
|
|
||
|
|
function closeFormStore() {
|
||
|
|
$("#js-form-store").addClass('hidden');
|
||
|
|
$("#backgroundPopup").removeClass('active');
|
||
|
|
}
|
||
|
|
|
||
|
|
function closeBackground() {
|
||
|
|
$("#js-box-review").addClass('hidden');
|
||
|
|
$('#js-box-list-review').addClass('hidden');
|
||
|
|
$("#js-form-store").addClass('hidden');
|
||
|
|
$("#backgroundPopup").removeClass('active');
|
||
|
|
}
|
||
|
|
|
||
|
|
function showFormStoreNew() {
|
||
|
|
$("#js-form-store").removeClass('hidden');
|
||
|
|
$("#backgroundPopup").addClass('active');
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|