up
This commit is contained in:
139
template/shop/detail.html
Normal file
139
template/shop/detail.html
Normal file
@@ -0,0 +1,139 @@
|
||||
<!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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.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] p-[10px] mt-[10px]">
|
||||
<div class="flex gap-[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="">
|
||||
<i class="icon_2025 heart "></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-[10px] rounded-[4px] p-[15px] mt-[10px]">
|
||||
<!-- Đánh giá -->
|
||||
<div class="flex items-center justify-between pb-[15px] border-b">
|
||||
<div class="flex items-center gap-[10px]">
|
||||
<i class="fa-regular fa-star text-gray-500 text-[18px] w-[17px]"></i>
|
||||
<span class="w-[63px]">Đánh giá</span>
|
||||
<span class="text-red-500 font-semibold">4.6/5</span>
|
||||
<span class="text-gray-600">4.6 (43 đánh giá)</span>
|
||||
</div>
|
||||
<i class="fas fa-chevron-right text-gray-400"></i>
|
||||
</div>
|
||||
|
||||
<!-- Lĩnh vực -->
|
||||
<div class="flex items-center gap-[10px] py-[15px] border-b">
|
||||
<i class="icon_2025 shop w-[17px]"></i>
|
||||
<span class="w-[63px] text-gray-600">Lĩnh vực</span>
|
||||
<p class="flex-1 text-gray-800">
|
||||
Chuyên mua bán trao đổi PC, laptop, linh phụ kiện máy tính
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Địa chỉ -->
|
||||
<div class="flex px-4 py-3 border-b">
|
||||
<span class="w-24 text-gray-600">Địa chỉ</span>
|
||||
<p class="flex-1 text-gray-800">
|
||||
Tầng 7, tòa nhà số 198 Nguyễn Thị Minh Khai, phường 6, quận 3, TP. Hồ Chí Minh
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Showroom -->
|
||||
<div class="flex px-4 py-3 border-b">
|
||||
<span class="w-24 text-gray-600">Showroom</span>
|
||||
<p class="flex-1 text-gray-800">Xem 7 showroom</p>
|
||||
</div>
|
||||
|
||||
<!-- Website -->
|
||||
<div class="flex px-4 py-3 border-b">
|
||||
<span class="w-24 text-gray-600">Website</span>
|
||||
<a href="https://cp.com.vn" class="text-blue-600">https://CP.com.vn/</a>
|
||||
</div>
|
||||
|
||||
<!-- Tel -->
|
||||
<div class="flex px-4 py-3 border-b">
|
||||
<span class="w-24 text-gray-600">Tel</span>
|
||||
<a href="tel:18006867" class="text-gray-800">1800 6867 - 1900 6865</a>
|
||||
</div>
|
||||
|
||||
<!-- Social -->
|
||||
<div class="flex items-center px-4 py-3 border-b">
|
||||
<span class="w-24 text-gray-600">Social</span>
|
||||
<div class="flex space-x-4 text-xl">
|
||||
<a href="#" class="text-blue-600"><i class="fab fa-facebook"></i></a>
|
||||
<a href="#" class="text-red-500"><i class="fab fa-youtube"></i></a>
|
||||
<a href="#" class="text-black"><i class="fab fa-tiktok"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mô tả -->
|
||||
<div class="px-4 py-3">
|
||||
<span class="block text-gray-600 mb-1">Mô tả</span>
|
||||
<p class="text-gray-800 leading-relaxed text-sm">
|
||||
Công ty Cổ phần Đầu tư Công nghệ HACOM (viết tắt là "HACOM", tiền thân là Công ty cổ phần
|
||||
Máy tính Hà Nội, sở
|
||||
hữu thương hiệu HANOCOMPUTER), được thành lập vào tháng 9/2001, hoạt động chuyên cung cấp và
|
||||
bán lẻ các sản phẩm
|
||||
máy tính và thiết bị văn phòng. Trải qua chặng đường hơn 20 năm phát triển, đến nay HACOM đã
|
||||
trở thành một trong
|
||||
những thương hiệu hàng đầu trong lĩnh vực kinh doanh các sản phẩm Công nghệ thông tin tại
|
||||
Việt Nam với hệ thống
|
||||
các showroom quy mô và hiện đại trải dài từ Bắc vào Nam.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user