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

upload 28/5

Browse Source
This commit is contained in:
Tieptk
2025-05-28 15:30:26 +07:00
parent 1c2e648b54
commit fdda1c345f
252 changed files with 35084 additions and 1237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

496
template/classifieds/detail.html Normal file
View File

@@ -0,0 +1,496 @@
<div class="page-classifieds bg-[#F4F4F4] 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">
<p class="font-[600]" itemprop="name">
Tin rao vặt
</p>
</a>
<meta itemprop="position" content="2">
</li>
</ol>
</div>
<div class="bg-white px-3 pt-2.5 pb-12">
<div class="flex gap-[15px]">
<div class="w-[40%]">
<div class="relative">
<div class="swiper border border-[#B1B1B1 rounded-[12px]" id="js-slider-big">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="item">
<img src="../../assets/images/big-image-rao-vat.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="../../assets/images/big-image-rao-vat.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="../../assets/images/big-image-rao-vat.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="../../assets/images/big-image-rao-vat.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="../../assets/images/big-image-rao-vat.png" alt="">
</div>
</div>
</div>
</div>
<div id="btn-slider-big">
<div class="swiper-button-next right-0"></div>
<div class="swiper-button-prev left-0"></div>
</div>
</div>
<div class="relative mt-[12px]">
<div thumbsSlider="" class="swiper mySwiper" id="js-slider-small">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="javascript:void(0)" class="item video">
<img src="../../assets/images/thumb-image-rao-vat.png" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="javascript:void(0)" class="item">
<img src="../../assets/images/thumb-image-rao-vat.png" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="javascript:void(0)" class="item">
<img src="../../assets/images/thumb-image-rao-vat.png" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="javascript:void(0)" class="item">
<img src="../../assets/images/thumb-image-rao-vat.png" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="javascript:void(0)" class="item">
<img src="../../assets/images/thumb-image-rao-vat.png" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="javascript:void(0)" class="item">
<img src="../../assets/images/thumb-image-rao-vat.png" alt="">
</a>
</div>
</div>
</div>
<div class="btn-small" id="btn-slider-small">
<div class="swiper-button-next right-0 w-[30px] h-[30px]"></div>
<div class="swiper-button-prev left-0 w-[30px] h-[30px]"></div>
</div>
</div>
</div>
<div class="w-[60%]">
<div class="flex justify-between mb-2">
<h1 class="text-2xl font-bold w-[calc(100%-200px)]">iphone 11 vs 11 Pro 11 Pro Max 64GB
256GB
likenew</h1>
<a href="javavsript:void(0)"
class="flex items-center w-[150px] h-[40px] justify-center border rounded-full border-[#999999] group hover:bg-red-500">
<span class="font-[500] mr-[5px] text-lg group-hover:text-white">Xem sau</span>
<i class="icon_2025 heart-2 group-hover:brightness-0 group-hover:invert-[1]"></i>
</a>
</div>
<div class="box-spec">
<div class="item flex items-center gap-[10px] mb-2">
<span class="block w-[24px]"><i class="icon_2025 spec"></i></span>
<span class="text-lg text-[#303030]">Cấu hình: Intel Core i5 / 8GB / 256GB /
SSD</span>
</div>
<div class="item flex items-center gap-[10px] mb-2">
<span class="block w-[24px]"><i class="icon_2025 faq"></i></span>
<p class="text-lg text-[#303030]">Tình trạng: <span
class="text-[var(--color-hover)]">Likenew</span></p>
</div>
<div class="item flex items-center gap-[10px] mb-2">
<span class="block w-[24px]"><i class="icon_2025 map-2 ml-[2px]"></i></span>
<p class="text-lg text-[#303030]">Địa chỉ: Quận Thanh Xuân</p>
</div>
<div class="item flex items-center gap-[10px] mb-2">
<span class="block w-[24px]"><i class="icon_2025 time-big ml-[2px]" style="background-size: 200px 206px;
background-position: -2px -62px;width: 22px;height: 22px;"></i></span>
<p class="text-lg text-[#303030]">Ngày đăng 12/04/2025 còn <span>2</span> ngày</p>
</div>
</div>
<div class="flex items-end my-4">
<b class="mr-[10px]">Giá sản phẩm</b>
<b class="text-[#D80A00] text-5xl">19.999.000đ</b>
</div>
<a href="tel:"
class="w-full h-[60px] block text-center leading-[60px] text-white text-xl bg-[#2EB000] mt-2 mb-1 rounded-[8px] font-bold hover:bg-green-700">
Gọi cho người bán 098.234.****
</a>
<div class="p-[15px] border border-[#d3d3d3] rounded-[12px] my-3 flex items-center">
<div class="w-1/2 border-r-[1px] border-[#d3d3d3]">
<div class="flex">
<img src="../../assets/images/avartar.png" width="100%" height="100%"
class="block w-[45px] h-[45px] object-contain rounded-full" alt="">
<div class="ml-2">
<div class="flex items-end">
<b class="mr-2">Thanh Mai</b>
<i class="icon_2025 shop-3"></i>
</div>
<div class="status online flex items-center">
<i class="w-[8px] h-[8px] block rounded-full bg-[#34a853]"></i>
<span class="ml-1 text-[#33c600]">Đang hoạt động</span>
</div>
</div>
</div>
</div>
<div class="w-1/2">
<div class="flex items-center justify-center">
<i class="icon-star star-small mt-[2px]"></i>
<b class="ml-1 underline">28 Đánh giá</b>
</div>
<p class="text-center block text-[#303030]">6 Tin đăng bán</p>
</div>
</div>
<div class="flex flex-wrap items-center m-2 gap-[10px]">
<a href=""
class="px-4 py-2 bg-[#f6f6f6] rounded-full hover:bg-[var(--color-hover)] hover:text-white">Máy
tính này còn không?</a>
<a href=""
class="px-4 py-2 bg-[#f6f6f6] rounded-full hover:bg-[var(--color-hover)] hover:text-white">Máy
tính này còn không?</a>
<a href=""
class="px-4 py-2 bg-[#f6f6f6] rounded-full hover:bg-[var(--color-hover)] hover:text-white">Máy
tính này còn không?</a>
</div>
<div class="mt-2">
<h3 class="font-bold text-xl mb-2">Thông tin sản phẩm</h3>
<ul class="ml-[20px]">
<li class="list-disc">Chính sách bảo hành:>12 tháng</li>
<li class="list-disc">Kích cỡ màn hình:>= 21 inch</li>
<li class="list-disc">Bộ vi xử lý:Intel Core i5</li>
<li class="list-disc">RAM:8 GB</li>
<li class="list-disc">Card màn hình:Khác</li>
<li class="list-disc">Ổ cứng:256 GB</li>
<li class="list-disc">Xuất xứ:Việt Nam</li>
<Li class="list-disc">Loại ổ cứng:SSD Thông tin sử dụng:In trên bao bì</li>
</ul>
</div>
</div>
</div>
</div>
<div class="flex mt-5 gap-[15px]">
<div class="w-[70%]">
<div class="box-desc bg-white p-[12px] rounded-[8px]">
<h3 class="title text-2xl font-bold block mb-[10px] pb-[10px] border-b-[1px] border-[#B1B1B1]">
Mô tả chi
tiết</h3>
<div id="content-desciption">
<div class="content nd overflow-hidden">
<p style="text-align: justify;"><strong>Laptop HP Victus 16 R0376TX AY8Z2PA
</strong> sở
hữu chip xử lý Intel Core i7
13700HX cùng VGA RTX 3050 6GB để có được trải nghiệm chơi game, làm việc hiệu
quả.
Mẫu <a href="https://cellphones.com.vn/laptop/hp/victus.html" title="HP Victus"
target="_blank"><strong>HP
Victus</strong></a> này còn được trang bị màn hình 16 inch FHD 165Hz
giúp
tái tạo hình ảnh sắc nét, mượt mà.
Kèm theo đó là thiết kế bền bỉ, hiện đại để có thể sử dụng ở nhiều không gian.
</p>
<h2 style="scroll-margin : 154px;"
id="laptop-hp-victus-16-r0376tx-ay8z2pa-hieu-nang-manh-me-hien-thi-an-tuong">
<strong>
Laptop HP Victus 16 R0376TX AY8Z2PA - Hiệu năng mạnh mẽ, hiển thị ấn tượng
</strong>
</h2>
<p style="text-align: justify;">HP Victus 16 R0376TX AY8Z2PA với bộ vi xử lý và card
đồ
họa rời mạnh mẽ sẽ mang tới trải
nghiệm chơi game, làm việc mượt mà, hiệu quả. Hãy cùng tìm hiểu thêm những điểm
nổi
bật mà mẫu laptop gaming của
<strong> HP Victus </strong> này sở hữu trong bài viết sau.
</p>
<h3 style="scroll-margin : 154px;" id="nang-cao-hieu-suat-xu-ly-voi-chip-core-i7-13700hx">
<strong> Nâng cao
hiệu
suất
xử
lý với chip&nbsp;Core i7 13700HX</strong>
</h3>
<p style="text-align: justify;">Laptop HP Victus 16 R0376TX AY8Z2PA được trang bị
con
chip xử lý Core i7 13700HX của
Intel. Con chip Core i7 16 lõi, 24 luồng này sở hữu khả năng ép xung cực đại lên
tới
5GHz để luôn có thể xử lý dữ
liệu trong thời gian ngắn. Với bộ nhớ đệm 30MB, hiệu suất xử lý các tác vụ phức
tạp
của laptop sẽ được giảm đi đáng
kể.</p>
<p style="text-align: justify;"><img
src="https://cdn2.cellphones.com.vn/insecure/rs:fill:0:0/q:90/plain/https://cellphones.com.vn/media/wysiwyg/laptop/HP/Victus/Laptop-hp-victus-16-r0376tx-ay8z2pa-1.jpg"
alt="Cấu hình laptop HP Victus 16 R0376TX AY8Z2PA" loading="lazy"></p>
<p style="text-align: justify;">Để nâng cao khả năng xử lý đồ hoạ, HP còn trang bị
cho
phiên bản <a href="https://cellphones.com.vn/laptop/hp/victus/victus-16.html"
title="laptop Victus 16" target="_blank"><strong>laptop Victus
16</strong></a>
này card đồ hoạ rời NVIDIA GeForce RTX 3050 6GB GDDR6. Nhờ
vậy mà người dùng có thể tự tin trải nghiệm các tựa game với mức cấu hình cao.
Không
dừng ở đó, các nhu cầu chỉnh
sửa hình ảnh, dựng phim, tạo hình 3D,...chuyên nghiệp cũng được thực hiện mượt
mà.
</p>
<h3 style="scroll-margin : 154px;" id="tich-hop-o-cung-toc-do-cao-cung-dung-luong-ram-lon">
<strong> Tích hợp
ổ cứng
tốc
độ cao cùng dung lượng RAM lớn </strong>
</h3>
<p style="text-align: justify;">HP Victus 16 R0376TX AY8Z2PA được trang bị sẵn 2
thanh
RAM chuẩn DDR5 có tốc độ bus lên
tới 4800MT/s. Với tổng dung lượng RAM 16GB, mẫu laptop gaming HP này sẽ đáp ứng
tốt
nhu cầu đa nhiệm. Không chỉ các
tác vụ cơ bản mà nhu cầu đa nhiệm nâng cao trong công việc cũng sẽ được thực
hiện
mượt mà mà không cần phải nâng cấp
cấu hình. Ngoài ra, laptop HP Victus 16 R0376TX AY8Z2PA còn sở hữu một ổ cứng
SSD
tốc độ cao có dung lượng
512GB.&nbsp;</p>
<p style="text-align: justify;"><img
src="https://cdn2.cellphones.com.vn/insecure/rs:fill:0:0/q:90/plain/https://cellphones.com.vn/media/wysiwyg/laptop/HP/Victus/Laptop-hp-victus-16-r0376tx-ay8z2pa-2.jpg"
alt="Cấu hình laptop HP Victus 16 R0376TX AY8Z2PA" loading="lazy"></p>
<h3 style="scroll-margin : 154px;" id="thiet-ke-hien-dai-ben-bi"><strong> Thiết kế
hiện
đại, bền bỉ </strong></h3>
<p style="text-align: justify;">Laptop Victus 16 R0376TX AY8Z2PA được HP thiết kế
hướng
tới phong cách hiện đại, tối
giản. Tuy vậy nhưng sản phẩm vẫn mang đậm dấu ấn gaming với tông màu đen thu hút
và
mạnh mẽ. Kèm theo đó là một tổng
thể chắc chắn, bền bỉ cùng phần bản lề kích thước lớn.</p>
<p style="text-align: justify;">Với trọng lượng khoảng 2.31kg, người dùng vẫn có thể
tiện lợi mang theo phiên bản laptop
HP Victus này mà không gặp bất tiện. So với các mẫu laptop gaming khác, đây được
coi
là một điểm cộng giúp sản phẩm
đáp ứng nhu cầu chơi game ở nhiều không gian của người dùng.</p>
<p style="text-align: justify;"><img
src="https://cdn2.cellphones.com.vn/insecure/rs:fill:0:0/q:90/plain/https://cellphones.com.vn/media/wysiwyg/laptop/HP/Victus/Laptop-hp-victus-16-r0376tx-ay8z2pa-3.jpg"
alt="Thiết kế laptop HP Victus 16 R0376TX AY8Z2PA" loading="lazy"></p>
<p style="text-align: justify;">Để hỗ trợ tốt cả nhu cầu chơi game và làm việc, HP
đã
trang bị cho laptop Victus 16
R0376TX AY8Z2PA bộ bàn phím Full-size. Với phần bàn phím số riêng biệt, người
dùng
sẽ cải thiện được tốc độ nhập
liệu trong khi làm việc. Bàn phím của laptop còn được tích hợp hệ thống đèn nền
RGB
1 để hỗ trợ việc gõ phím trong
điều kiện thiếu sáng.</p>
<h3 style="scroll-margin : 154px;" id="hien-thi-sac-net-va-muot-ma"><strong> Hiển
thị
sắc nét và mượt mà </strong></h3>
<p style="text-align: justify;">Laptop HP Victus 16 R0376TX AY8Z2PA sở hữu không
giản
hiển thị cực lớn khi được trang bị
màn hình có kích thước 16.1 inch. Kèm theo đó là độ phân giải FHD (1920 x 1080p)
giúp nội dung hiển thị luôn có được
độ rõ nét. Nhờ việc sử dụng tấm nền IPS, người dùng còn có thể điều chỉnh góc
nghiêng linh hoạt mà không gây ảnh
hưởng tới chất lượng hình ảnh.</p>
<p style="text-align: justify;"><img
src="https://cdn2.cellphones.com.vn/insecure/rs:fill:0:0/q:90/plain/https://cellphones.com.vn/media/wysiwyg/laptop/HP/Victus/Laptop-hp-victus-16-r0376tx-ay8z2pa-4.jpg"
alt="Hiển thị sắc nét và mượt mà" loading="lazy"></p>
<p style="text-align: justify;">Điểm nổi bật có trên màn hình HP Victus 16 R0376TX
AY8Z2PA chính là tần số quét và độ
phủ màu. Với độ phủ màu 100% sRGB, mẫu laptop gaming HP này sẽ hỗ trợ người dùng
làm
các công việc liên quan tới
sáng tạo hiệu quả. Tần số quét ở mức 165Hz sẽ giúp màn hình tái hiện các chuyển
động
một cách uyển chuyển, mượt mà.
</p>
<p style="text-align: justify;">Ngoài ra, màn hình HP Victus 16 R0376TX AY8Z2PA còn
được
phủ lớp chống chói và có độ
sáng 300 nits để thoải mái sử dụng ở những nơi có ánh sáng mạnh. Với chuẩn Low
Blue
Light, màn hình còn giảm thiểu
lượng ánh sáng xanh phát ra để hạn chế tình trạng mỏi mắt khi sử dụng laptop
trong
thời gian dài.</p>
<h3 style="scroll-margin : 154px;" id="thoi-luong-pin-dai-ket-noi-phong-phu-va-on-dinh">
<strong> Thời lượng pin dài, kết
nối phong phú và ổn định </strong>
</h3>
<p style="text-align: justify;">Laptop HP Victus 16 R0376TX AY8Z2PA được trang bị
viên
pin Li-ion Polymer 4-cell có dung
lượng ở mức 70Wh. Với dung lượng này, viên pin có thể duy trì trạng thái hoạt
động
cho laptop lên tới nhiều giờ với
các tác vụ hỗn hợp. Laptop còn được trang bị bộ nguồn 200W Smart AC power
adapter để
hỗ trợ sạc pin nhanh 50% trong
khoảng 30 phút.</p>
<p style="text-align: justify;"><img
src="https://cdn2.cellphones.com.vn/insecure/rs:fill:0:0/q:90/plain/https://cellphones.com.vn/media/wysiwyg/laptop/HP/Victus/Laptop-hp-victus-16-r0376tx-ay8z2pa-5.jpg"
alt="Thời lượng pin dài, kết nối phong phú và ổn định" loading="lazy"></p>
<p style="text-align: justify;">Để hỗ trợ việc liên kết có dây và chia sẻ dữ liệu,
HP
còn trang bị cho mẫu laptop Victus
của hàng đầy đủ các cổng kết nối thông dụng. Hai cạnh bên laptop được tích hợp
các
cổng USB Type-A, USB Type-C,
RJ-45, HDMI 2.1, jack audio 3.5mm và bộ chuyển đổi điện xoay chiều thông minh.
</p>
<p style="text-align: justify;">Laptop Victus 16 R0376TX AY8Z2PA còn được trang bị
card
wireless Bluetooth 5.3 và Intel
Wi-Fi 6E AX211 (2x2). Điều này sẽ đảm bảo được khả năng kết nối với các thiết bị
ngoại vi, kết nối mạng ổn định,
nhanh chóng cho laptop.</p>
<h2 style="scroll-margin : 154px;"
id="mua-laptop-hp-victus-16-r0376tx-ay8z2pa-gia-tot-tai-cellphones">
<strong> Mua
laptop HP Victus 16 R0376TX AY8Z2PA giá tốt tại CellphoneS </strong>
</h2>
<ul>
<li>
Hãy tới ngay các cửa hàng CellphoneS trên cả
nước để
trải nghiệm và đặt mua <strong>
Laptop HP Victus 16 R0376TX AY8Z2PA </strong> . Mẫu laptop gaming HP này
còn có
mức giá cực kỳ hấp dẫn khi đi
kèm nhiều chương trình ưu đãi, hỗ trợ thu cũ - đổi mới,...
</li>
<li>
Với chính sách hỗ trợ trả góp lãi suất thấp,
khách hàng
sẽ còn dễ dàng sở hữu và trải
nghiệm chiếc laptop này. Ngoài ra, CellphoneS còn hỗ trợ giao hàng toàn quốc
để
khách hàng tiện lợi đặt mua dù ở nơi
đâu.
</li>
</ul>
</div>
</div>
<a href="javascript:void(0)"
class="more-all js-viewmore-content item-btn flex items-center mt-1 text-[#ff7a00]"
data-content="#content-desciption">
Xem thêm <i class="icon_2025 angle-bottom ml-[5px]"></i>
</a>
</div>
<!-- end box desc -->
</div>
<div class="w-[30%]">
<a href="" class="block">
<img src="../../assets/images/banner_canhbao.png" alt="">
</a>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
var swiper_small = new Swiper("#js-slider-small", {
loop: true,
spaceBetween: 12,
slidesPerView: 5,
freeMode: true,
watchSlidesProgress: true,
navigation: {
nextEl: "#btn-slider-small .swiper-button-next",
prevEl: " #btn-slider-small .swiper-button-prev",
},
});
var swiper_big = new Swiper("#js-slider-big", {
loop: true,
spaceBetween: 10,
navigation: {
nextEl: "#btn-slider-big .swiper-button-next",
prevEl: " #btn-slider-big .swiper-button-prev",
},
thumbs: {
swiper: swiper_small,
},
});
collapse_content('#content-desciption', 580);
// show content
function collapse_content(item, contentHeight) {
var content = $(item).find($('.content'));
if (content.height() >= contentHeight) {
$(item).find($(".more-all")).css('display', 'flex');
content.css('height', contentHeight);
} else {
$(this).find($(".more-all")).remove();
content.addClass('active');
}
}
$(".js-viewmore-content").click(function () {
var id = $(this).attr("data-content");
var content = $(id).find($('.content'));
$(this).toggleClass("active");
content.toggleClass("active");
if ($(this).hasClass("active")) {
$(this).html('Thu gọn <i class="icon_2025 angle-top ml-[5px]"></i>');
} else {
$(this).html('Xem thêm <i class="icon_2025 angle-bottom ml-[5px]"></i>');
$('html,body').animate({ scrollTop: $(content).offset().top }, 500);
}
});
</script>

392
template/classifieds/home.html Normal file
View File

@@ -0,0 +1,392 @@
<div class="page-classifieds bg-[#F4F4F4] 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">
<p class="font-[600]" itemprop="name">
Tin rao vặt
</p>
</a>
<meta itemprop="position" content="2">
</li>
</ol>
</div>
<div class="px-3 pt-2.5 pb-12 mt-3.5 bg-white">
<div class="flex gap-[20px]">
<div class="w-[20%]">
<h3 class="text-xl uppercase my-4 font-bold">Danh mục</h3>
<div class="list">
<a href="" class="block mb-2.5 font-bold">Laptop văn phòng</a>
<a href="" class=" block mb-2.5">Laptop gaming</a>
<a href="" class="block mb-2.5">Pc gaming</a>
<a href="" class="block mb-2.5">Máy chủ</a>
<a href="" class="block mb-2.5">Linh kiện máy tính</a>
<a href="" class="block mb-2.5"> Card màn hình</a>
<a href="" class="block mb-2.5">Ổ SSD</a>
<a href="" class="block mb-2.5"> Màn hình máy tính</a>
<a href="" class="block mb-2.5">Bàn phím, chuột, ghế</a>
<a href="" class="block mb-2.5">Phụ kiện laptop</a>
<a href="" class="block mb-2.5">Phụ kiện PC</a>
<a href="" class="block mb-2.5"> Tản nhiệt, Fan, đèn Led</a>
<a href="" class="block mb-2.5">PS5, Game</a>
<a href="" class="block mb-2.5">Loa, tai nghe, mic,webcam</a>
<a href="" class="block mb-2.5">Camera, chuông, khoá</a>
<a href="" class="block mb-2.5">Thiết bị văn phòng</a>
<a href="" class="block mb-2.5">Thiết bị mạng, lưu trữ, phần mềm</a>
</div>
</div>
<div class="w-[80%]">
<div class="flex items-center justify-between py-2">
<h2 class="text-xl font-bold">Laptop văn phòng <span class="ml-[10px]">(127)</span></h2>
<div class="flex items-center">
<select name="" id=""
class="border border-[#dbdbdb] pl-[5px] h-[36px] text-black rounded-[4px] mr-[10px]">
<option value="">Sắp xếp</option>
<option value="">Sản phẩm mới</option>
</select>
<div class="relative border w-[90px] border-[#dbdbdb] pl-[5px] h-[36px] rounded-[4px]">
<a href="javscript:void(0)" class="flex items-center justify-center h-[36px]">
<i class="icon_2025 sort_list mr-[5px]"></i>
<i class="icon_2025 angle-right rotate-[90deg]"></i>
</a>
</div>
</div>
</div>
<div class="mt-3 p-[10px] bg-[#f8f8f8] flex items-center flex-wrap gap-[10px]">
<b>Bộ lọc</b>
<select name="" id=""
class="border border-[#dbdbdb] pl-[5px] h-[36px] text-black rounded-[4px]">
<option value="">Giá</option>
<option value="">Sản phẩm mới</option>
</select>
<select name="" id=""
class="border border-[#dbdbdb] pl-[5px] h-[36px] text-black rounded-[4px]">
<option value="">Giá</option>
<option value="">Sản phẩm mới</option>
</select>
<select name="" id=""
class="border border-[#dbdbdb] pl-[5px] h-[36px] text-black rounded-[4px]">
<option value="">Giá</option>
<option value="">Sản phẩm mới</option>
</select>
<select name="" id=""
class="border border-[#dbdbdb] pl-[5px] h-[36px] text-black rounded-[4px]">
<option value="">Giá</option>
<option value="">Sản phẩm mới</option>
</select>
<select name="" id=""
class="border border-[#dbdbdb] pl-[5px] h-[36px] text-black rounded-[4px]">
<option value="">Giá</option>
<option value="">Sản phẩm mới</option>
</select>
<select name="" id=""
class="border border-[#dbdbdb] pl-[5px] h-[36px] text-black rounded-[4px]">
<option value="">Giá</option>
<option value="">Sản phẩm mới</option>
</select>
</div>
<div class="list sort_list mt-3">
<div class="product-item flex gap-[10px]">
<a href="" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
</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="summary line-clamp-1">
Intel Core i5 / 8GB / 256GB / SSD
</div>
<div class="flex items-center justify-between">
<div>
<div class="price">15.000.000đ</div>
<div class="flex items-center mb-[5px]">
<div class="locahost-pro flex items-center mr-[5px]">
<i class="icon_2025 map-3"></i>
<span class="text-[#595959] ml-[5px] mt-[3px]">Quận Thanh
Xuân</span>
</div>
<div class="time-pro flex items-center">
<i class="icon_2025 time-gray"></i>
<div class="flex items-center mt-[1px]">
<span class="text-[#595959] ml-[5px] mt-[3px]">11/04/2025</span>
<span class="ml-[5px]">|</span>
<span class="text-[#595959] ml-[5px] mt-[3px]">Còn 01
ngày</span>
</div>
</div>
</div>
</div>
<a href="/san-pham-nguoi-ban"
class="p-[10px_15px] flex items-center border border-[#b1b1b1] rounded-[4px] hover:bg-[var(--color-global)] group">
<b class="group-hover:text-white">Chi tiết</b>
<i class="icon_2025 mouse ml-2 brightness-0 group-hover:invert-[1]"></i>
</a>
</div>
<div class="user-pro flex items-center">
<img src="../../assets/images/avartar.png"
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
</div>
<div class="product-item flex gap-[10px]">
<a href="" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
</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="summary line-clamp-1">
Intel Core i5 / 8GB / 256GB / SSD
</div>
<div class="flex items-center justify-between">
<div>
<div class="price">15.000.000đ</div>
<div class="flex items-center mb-[5px]">
<div class="locahost-pro flex items-center mr-[5px]">
<i class="icon_2025 map-3"></i>
<span class="text-[#595959] ml-[5px] mt-[3px]">Quận Thanh
Xuân</span>
</div>
<div class="time-pro flex items-center">
<i class="icon_2025 time-gray"></i>
<div class="flex items-center mt-[1px]">
<span class="text-[#595959] ml-[5px] mt-[3px]">11/04/2025</span>
<span class="ml-[5px]">|</span>
<span class="text-[#595959] ml-[5px] mt-[3px]">Còn 01
ngày</span>
</div>
</div>
</div>
</div>
<a href="/san-pham-nguoi-ban"
class="p-[10px_15px] flex items-center border border-[#b1b1b1] rounded-[4px] hover:bg-[var(--color-global)] group">
<b class="group-hover:text-white">Chi tiết</b>
<i class="icon_2025 mouse ml-2 brightness-0 group-hover:invert-[1]"></i>
</a>
</div>
<div class="user-pro flex items-center">
<img src="../../assets/images/avartar.png"
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
</div>
<div class="product-item flex gap-[10px]">
<a href="" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
</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="summary line-clamp-1">
Intel Core i5 / 8GB / 256GB / SSD
</div>
<div class="flex items-center justify-between">
<div>
<div class="price">15.000.000đ</div>
<div class="flex items-center mb-[5px]">
<div class="locahost-pro flex items-center mr-[5px]">
<i class="icon_2025 map-3"></i>
<span class="text-[#595959] ml-[5px] mt-[3px]">Quận Thanh
Xuân</span>
</div>
<div class="time-pro flex items-center">
<i class="icon_2025 time-gray"></i>
<div class="flex items-center mt-[1px]">
<span class="text-[#595959] ml-[5px] mt-[3px]">11/04/2025</span>
<span class="ml-[5px]">|</span>
<span class="text-[#595959] ml-[5px] mt-[3px]">Còn 01
ngày</span>
</div>
</div>
</div>
</div>
<a href="/san-pham-nguoi-ban"
class="p-[10px_15px] flex items-center border border-[#b1b1b1] rounded-[4px] hover:bg-[var(--color-global)] group">
<b class="group-hover:text-white">Chi tiết</b>
<i class="icon_2025 mouse ml-2 brightness-0 group-hover:invert-[1]"></i>
</a>
</div>
<div class="user-pro flex items-center">
<img src="../../assets/images/avartar.png"
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
</div>
<div class="product-item flex gap-[10px]">
<a href="" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
</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="summary line-clamp-1">
Intel Core i5 / 8GB / 256GB / SSD
</div>
<div class="flex items-center justify-between">
<div>
<div class="price">15.000.000đ</div>
<div class="flex items-center mb-[5px]">
<div class="locahost-pro flex items-center mr-[5px]">
<i class="icon_2025 map-3"></i>
<span class="text-[#595959] ml-[5px] mt-[3px]">Quận Thanh
Xuân</span>
</div>
<div class="time-pro flex items-center">
<i class="icon_2025 time-gray"></i>
<div class="flex items-center mt-[1px]">
<span class="text-[#595959] ml-[5px] mt-[3px]">11/04/2025</span>
<span class="ml-[5px]">|</span>
<span class="text-[#595959] ml-[5px] mt-[3px]">Còn 01
ngày</span>
</div>
</div>
</div>
</div>
<a href="/san-pham-nguoi-ban"
class="p-[10px_15px] flex items-center border border-[#b1b1b1] rounded-[4px] hover:bg-[var(--color-global)] group">
<b class="group-hover:text-white">Chi tiết</b>
<i class="icon_2025 mouse ml-2 brightness-0 group-hover:invert-[1]"></i>
</a>
</div>
<div class="user-pro flex items-center">
<img src="../../assets/images/avartar.png"
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
</div>
<div class="product-item flex gap-[10px]">
<a href="" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
</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="summary line-clamp-1">
Intel Core i5 / 8GB / 256GB / SSD
</div>
<div class="flex items-center justify-between">
<div>
<div class="price">15.000.000đ</div>
<div class="flex items-center mb-[5px]">
<div class="locahost-pro flex items-center mr-[5px]">
<i class="icon_2025 map-3"></i>
<span class="text-[#595959] ml-[5px] mt-[3px]">Quận Thanh
Xuân</span>
</div>
<div class="time-pro flex items-center">
<i class="icon_2025 time-gray"></i>
<div class="flex items-center mt-[1px]">
<span class="text-[#595959] ml-[5px] mt-[3px]">11/04/2025</span>
<span class="ml-[5px]">|</span>
<span class="text-[#595959] ml-[5px] mt-[3px]">Còn 01
ngày</span>
</div>
</div>
</div>
</div>
<a href="/san-pham-nguoi-ban"
class="p-[10px_15px] flex items-center border border-[#b1b1b1] rounded-[4px] hover:bg-[var(--color-global)] group">
<b class="group-hover:text-white">Chi tiết</b>
<i class="icon_2025 mouse ml-2 brightness-0 group-hover:invert-[1]"></i>
</a>
</div>
<div class="user-pro flex items-center">
<img src="../../assets/images/avartar.png"
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
</div>
<div class="product-item flex gap-[10px]">
<a href="" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
</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="summary line-clamp-1">
Intel Core i5 / 8GB / 256GB / SSD
</div>
<div class="flex items-center justify-between">
<div>
<div class="price">15.000.000đ</div>
<div class="flex items-center mb-[5px]">
<div class="locahost-pro flex items-center mr-[5px]">
<i class="icon_2025 map-3"></i>
<span class="text-[#595959] ml-[5px] mt-[3px]">Quận Thanh
Xuân</span>
</div>
<div class="time-pro flex items-center">
<i class="icon_2025 time-gray"></i>
<div class="flex items-center mt-[1px]">
<span class="text-[#595959] ml-[5px] mt-[3px]">11/04/2025</span>
<span class="ml-[5px]">|</span>
<span class="text-[#595959] ml-[5px] mt-[3px]">Còn 01
ngày</span>
</div>
</div>
</div>
</div>
<a href="/san-pham-nguoi-ban"
class="p-[10px_15px] flex items-center border border-[#b1b1b1] rounded-[4px] hover:bg-[var(--color-global)] group">
<b class="group-hover:text-white">Chi tiết</b>
<i class="icon_2025 mouse ml-2 brightness-0 group-hover:invert-[1]"></i>
</a>
</div>
<div class="user-pro flex items-center">
<img src="../../assets/images/avartar.png"
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>