tieptk/bestpc_mobile_html
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
Tieptk
2025-09-25 10:42:06 +07:00
commit 689936198f
90 changed files with 9368 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

195
template/product/category-detail.html Normal file
View File

@@ -0,0 +1,195 @@
<!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>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/font-awesome/6.7.2/css/all.min.css" />
<link rel="stylesheet" href="../../assets/css/style.css">
</head>
<body>
<div class="container-mb">
<div class="page-category mb-[50px]">
<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">
Màn hình máy tính
</span> <i class="icon_2025 angle-right text-[#637381] ml-[12px]"></i>
</a>
<meta itemprop="position" content="2">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center pr-[12px]">
<a href="/aivision.html" itemprop="item" class="nopad-l flex items-center">
<span itemprop="name">
AIVISION
</span>
</a>
<meta itemprop="position" content="3">
</li>
</ol>
</div>
<h1 class="text-[16px] font-bold mt-[5px]">
Máy tính để bàn, máy tính xách tay và linh phụ kiện
</h1>
<div class="bg-[#F5F5F5] my-[15px] p-[10px]">
<h3 class="font-bold mb-2">Bộ lọc</h3>
<div class="flex overflow-auto gap-2">
<select
class="border rounded-md px-3 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-blue-400">
<option>Lọc theo</option>
<option>Giá</option>
<option>Sản phẩm mới</option>
</select>
<select
class="border rounded-md px-3 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-blue-400">
<option>Thương hiệu</option>
<option>Apple</option>
<option>Samsung</option>
<option>Dell</option>
</select>
<select
class="border rounded-md px-3 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-blue-400">
<option>Địa chỉ</option>
<option>Hà Nội</option>
<option>TP.HCM</option>
<option>Đà Nẵng</option>
</select>
<select
class="border rounded-md px-3 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-blue-400">
<option>Nhà cung cấp</option>
<option>Nhà A</option>
<option>Nhà B</option>
</select>
<select
class="border rounded-md px-3 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-blue-400">
<option>Nhà cung cấp</option>
<option>Nhà A</option>
<option>Nhà B</option>
</select>
<select
class="border rounded-md px-3 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-blue-400">
<option>Nhà cung cấp</option>
<option>Nhà A</option>
<option>Nhà B</option>
</select>
<select
class="border rounded-md px-3 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-blue-400">
<option>Nhà cung cấp</option>
<option>Nhà A</option>
<option>Nhà B</option>
</select>
</div>
</div>
<div class="product-list grid grid-cols-2 gap-[12px]">
<div class="product-item">
<a href="" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM
8G Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px] text-[13px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM
8G Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px] text-[13px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM
8G Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px] text-[13px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM
8G Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
<del class="old-price">16.500.000đ</del>
<i class="icon-star star5"></i>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px] text-[13px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

132
template/product/category.html Normal file
View File

@@ -0,0 +1,132 @@
<!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>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/font-awesome/6.7.2/css/all.min.css" />
<link rel="stylesheet" href="../../assets/css/style.css">
</head>
<body>
<div class="container-mb">
<div class="page-category">
<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">
Màn hình máy tính
</span> <i class="icon_2025 angle-right text-[#637381] ml-[12px]"></i>
</a>
<meta itemprop="position" content="2">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center pr-[12px]">
<a href="/aivision.html" itemprop="item" class="nopad-l flex items-center">
<span itemprop="name">
AIVISION
</span>
</a>
<meta itemprop="position" content="3">
</li>
</ol>
</div>
<div class="list grid grid-cols-2 gap-[12px] mt-[15px]">
<a href="" class="item">
<div
class="flex items-center justify-center w-full h-[125px] border-[1px] border-[#C0C0C0] border border-[#c0c0c0] rounded-[8px]">
<img src="../../assets/images/category-avatar.png"
class="block w-[85px] h-[85px] object-contain mx-auto" alt="">
</div>
<b class="block text-center text-[13px] mt-[10px] line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item">
<div
class="flex items-center justify-center w-full h-[125px] border-[1px] border-[#C0C0C0] border border-[#c0c0c0] rounded-[8px]">
<img src="../../assets/images/category-avatar.png"
class="block w-[85px] h-[85px] object-contain mx-auto" alt="">
</div>
<b class="block text-center text-[13px] mt-[10px] line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item">
<div
class="flex items-center justify-center w-full h-[125px] border-[1px] border-[#C0C0C0] border border-[#c0c0c0] rounded-[8px]">
<img src="../../assets/images/category-avatar.png"
class="block w-[85px] h-[85px] object-contain mx-auto" alt="">
</div>
<b class="block text-center text-[13px] mt-[10px] line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item">
<div
class="flex items-center justify-center w-full h-[125px] border-[1px] border-[#C0C0C0] border border-[#c0c0c0] rounded-[8px]">
<img src="../../assets/images/category-avatar.png"
class="block w-[85px] h-[85px] object-contain mx-auto" alt="">
</div>
<b class="block text-center text-[13px] mt-[10px] line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item">
<div
class="flex items-center justify-center w-full h-[125px] border-[1px] border-[#C0C0C0] border border-[#c0c0c0] rounded-[8px]">
<img src="../../assets/images/category-avatar.png"
class="block w-[85px] h-[85px] object-contain mx-auto" alt="">
</div>
<b class="block text-center text-[13px] mt-[10px] line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item">
<div
class="flex items-center justify-center w-full h-[125px] border-[1px] border-[#C0C0C0] border border-[#c0c0c0] rounded-[8px]">
<img src="../../assets/images/category-avatar.png"
class="block w-[85px] h-[85px] object-contain mx-auto" alt="">
</div>
<b class="block text-center text-[13px] mt-[10px] line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item">
<div
class="flex items-center justify-center w-full h-[125px] border-[1px] border-[#C0C0C0] border border-[#c0c0c0] rounded-[8px]">
<img src="../../assets/images/category-avatar.png"
class="block w-[85px] h-[85px] object-contain mx-auto" alt="">
</div>
<b class="block text-center text-[13px] mt-[10px] line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item">
<div
class="flex items-center justify-center w-full h-[125px] border-[1px] border-[#C0C0C0] border border-[#c0c0c0] rounded-[8px]">
<img src="../../assets/images/category-avatar.png"
class="block w-[85px] h-[85px] object-contain mx-auto" alt="">
</div>
<b class="block text-center text-[13px] mt-[10px] line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item">
<div
class="flex items-center justify-center w-full h-[125px] border-[1px] border-[#C0C0C0] border border-[#c0c0c0] rounded-[8px]">
<img src="../../assets/images/category-avatar.png"
class="block w-[85px] h-[85px] object-contain mx-auto" alt="">
</div>
<b class="block text-center text-[13px] mt-[10px] line-clamp-1">Máy chủ</b>
</a>
</div>
</div>
</div>
</div>
</body>
</html>

1353
template/product/product-detail.html Normal file
View File

File diff suppressed because it is too large Load Diff