tieptk/bestpc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
3c423aa0bdd55be2ad8f2fe3e1e0c7236271f944
bestpc/template/product/product-detail.html

1721 lines
108 KiB
HTML
Raw Normal View History

up
2025-04-29 11:36:07 +07:00
<!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>
up 10:52
2025-05-12 10:52:19 +07:00
<link rel="stylesheet" href="/src/assets/css/font.css">
up
2025-04-29 11:36:07 +07:00
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
update
2025-05-05 17:28:22 +07:00
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
up 10:52
2025-05-12 10:52:19 +07:00
<link rel="stylesheet" href="/src/assets/css/style.css" rel="stylesheet" />
up
2025-04-29 11:36:07 +07:00
</head>
<body>
<div class="box-product-detail bg-[#F4F4F4]">
<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="p-[15px] grid grid-cols-2 gap-[15px] rounded-[8px] bg-white">
<div class="left">
<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">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/big-product-detail.png" alt="">
up
2025-04-29 11:36:07 +07:00
</div>
</div>
<div class="swiper-slide">
<div class="item">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/big-product-detail.jpg" alt="">
up
2025-04-29 11:36:07 +07:00
</div>
</div>
<div class="swiper-slide">
<div class="item">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/big-product-detail-2.jpg" alt="">
up
2025-04-29 11:36:07 +07:00
</div>
</div>
<div class="swiper-slide">
<div class="item">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/big-product-detail-3.jpg" alt="">
up
2025-04-29 11:36:07 +07:00
</div>
</div>
<div class="swiper-slide">
<div class="item">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/big-product-detail-4.jpg" alt="">
up
2025-04-29 11:36:07 +07:00
</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">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/small-product-detail.png" alt="">
up
2025-04-29 11:36:07 +07:00
</a>
</div>
<div class="swiper-slide">
<a href="javascript:void(0)" class="item">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/small-product-detail.png" alt="">
up
2025-04-29 11:36:07 +07:00
</a>
</div>
<div class="swiper-slide">
<a href="javascript:void(0)" class="item">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/small-product-detail.png" alt="">
up
2025-04-29 11:36:07 +07:00
</a>
</div>
<div class="swiper-slide">
<a href="javascript:void(0)" class="item">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/small-product-detail.png" alt="">
up
2025-04-29 11:36:07 +07:00
</a>
</div>
<div class="swiper-slide">
<a href="javascript:void(0)" class="item">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/small-product-detail.png" alt="">
up
2025-04-29 11:36:07 +07:00
</a>
</div>
<div class="swiper-slide">
<a href="javascript:void(0)" class="item">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/small-product-detail.png" alt="">
up
2025-04-29 11:36:07 +07:00
</a>
</div>
</div>
</div>
<div class="btn-small" id="btn-slider-small">
<div class="swiper-button-next right-[-15px] w-[30px] h-[30px]"></div>
<div class="swiper-button-prev left-[-15px] w-[30px] h-[30px]"></div>
</div>
</div>
</div>
<div class="right">
<h1 class="text-[24px] text-black mb-[5px]">Laptop Gaming Asus TUF FX505GE-BQ037T Core
i7-8750H/Win10(15.6"
FHD) - Hàng Chính Hãng</h1>
<div class="flex items-center text-base">
<div class="info-review flex items-center mr-[15px]">
<i class="icon-star star-small"></i>
<span class="ml-[5px] mt-[2px]">5/5</span>
</div>
<div class="info-view flex items-center mr-[15px]">
<i class="icon_2025 view"></i>
<span class="text-[#1877F2] ml-[5px]">120</span>
</div>
<div class="info-date flex items-center mr-[15px]">
<i class="icon_2025 time-big"></i>
<span class="text-[#1877F2] ml-[5px]">12/03/2025</span>
</div>
<a href="" class="info-share flex items-center">
<i class="icon_2025 share"></i>
<span class="ml-[5px] mt-[2px]">Chia sẻ</span>
</a>
</div>
<div class="flex items-center mt-[5px] text-base">
<div class="source-review flex items-centermr-[10px]">
<span>Reviews trên:</span>
<a href="" class="ml-[5px] text-[#1877F2]">Internet</a>
<p class="ml-[5px]">1233 đánh giá</p>
</div>
<div class="pl-[10px] ml-[10px] flex items-center border-l-[1.5px] border-[#000]">
<a href="" class="mr-[5px] text-[#462F91]">BestPC</a>
<p>12003 đánh giá</p>
</div>
</div>
<div class="box-price flex items-center my-[10px]">
<span class="mr-[10px]">Giá:</span>
<b class="text-[#D80A00] text-[28px]">9.000.000đ - 12.000.000đ</b>
</div>
<div class="total-shop flex items-center">
<div class="box-shop"><i class="icon_2025 shop"></i></div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
<div class="box-summary mt-[15px]">
<ul>
<li>CPU: Intel Core i7-8750H ( 2.2 GHz - 4.1 GHz / 9MB / 6 nhân, 12 luồng )</li>
<li>Màn hình: 15.6" ( 1920 x 1080 ) , không cảm ứng</li>
<li>RAM: 1 x 8GB DDR4 2666MHz</li>
<li>Đồ họa: Intel UHD Graphics 630 / NVIDIA GeForce GTX 1050Ti 4GB GDDR5</li>
<li>Lưu trữ: 128GB SSD M.2 NVMe / 1TB HDD 5400RPM</li>
<li>Hệ điều hành: Windows 10 Home SL 64-bit</li>
<li>Pin: 4 cell 64 Wh Pin liền</li>
<li>khối lượng: 2.5 kg</li>
<li>Cổng giao tiếp: 1x USB 2.0,</li>
</ul>
</div>
<a href=""
class="group mt-4 flex items-center justify-center w-ful py-[10px] border border-[#D3D3D3] rounded-[4px] text-center hover:bg-[var(--color-global)] hover:text-white">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/icon-file-save.png"
up
2025-04-29 11:36:07 +07:00
class="w-[18px] h-[24px] block group-hover:brightness-[0] group-hover:invert-[1]"
alt="save">
<b class="ml-[10px] text-base">Lưu sản phẩm lại xem sau</b>
</a>
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<!-- end thông tin sản phẩm -->
up
2025-04-29 11:36:07 +07:00
<div class="p-[15px] bg-white mt-5 rounded-[8px]">
<div class="flex items-center justify-between pb-[15px] border-b-[1px] border-[#B1B1B1]">
<h3 class="text-xl ">Nhà cung cấp trên BestPC - Tại Hà Nội</h3>
<div class="flex items-center">
<div
class="flex items-center relative border border-[#b1b1b1] mr-[10px] w-[410px] h-[45px] px-[10px] rounded-[4px]">
<i class="icon_2025 map-2"></i>
<input type="text" placeholder="Nhập địa chỉ của bạn để tìm NCC gần nhất"
class="outline-none ml-[5px] h-full w-full" />
</div>
<div
class="select-sort relative border border-[#b1b1b1] w-[100px] h-[45px] rounded-[4px] overflow-hidden">
<select name="" id=""
class=" appearance-none w-full relative pl-[10px] bg-transparent h-full z-[2]">
<option value="">Sắp xếp</option>
<option value="">Mới</option>
</select>
<i
class="icon_2025 angle-right ml-[5px] absolute right-[7px] top-[12px] z-[1] rotate-[90deg]"></i>
</div>
</div>
</div>
<div class="mt-[10px] py-[15px] grid grid-cols-5 text-xl border-b-[1px] border-[#D9D9D9]">
<div>
<b>Nhà cung cấp</b>
</div>
<div>
<b>Chính sách vận chuyển</b>
</div>
<div>
<b>Giá</b>
</div>
<div>
<b>Sản phẩm</b>
</div>
</div>
<div class="list ">
<div class="item grid grid-cols-5 py-[10px] border-b-[1px] border-[#D9D9D9]">
<div class="flex items-start supplier">
<div class="logo mr-[10px]">
<div class="w-[70px] h-[70px] p-[10px] block border border-[#F3F3F3] rounded-[4px]">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/logo-hacom.png"
up
2025-04-29 11:36:07 +07:00
class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
alt="hacom" />
</div>
<div class="flex items-center justify-center mt-2">
<i class="icon_2025 map-4"></i>
<span class="ml-[5px]">3km</span>
</div>
</div>
<div>
<div class="flex items-center">
<i class="icon-star star4"></i>
<span class="ml-[5px] mt-[3px]">4.7</span>
</div>
<a href="" class="text-[#1877F2] font-bold">Hanoicomputer</a>
<a href="" class="text-[#E85933] underline block">Xem 7 cửa hàng</a>
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="ship">
up
2025-04-29 11:36:07 +07:00
<p>Miễn phí giao hàng</p>
<p>Nhận giap hàng và lắp đặt từ 8h00-21:30 các ngày trong tuần kể cả ngày thứ 7, CN</p>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="price">
up
2025-04-29 11:36:07 +07:00
<div class="flex items-center text-base">
<span>Giá:</span>
<b class="ml-[5px] text-[#D80A00]">9.000.000đ - 20.000.000đ</b>
</div>
<b class="mt-2">Đã có VAT</b>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="">
<p class="name-pro pb-[10px] border-b-[1px] border-[#D9D9D9]">
8GB - 9.000.000đ new
White
</p>
<p class="name-pro py-[10px] border-b-[1px] border-[#D9D9D9]">
8GB - 9.000.000đ new
White
</p>
</div>
<div>
<a href=""
class="block w-[130px] h-[40px] leading-[40px] m-[auto_0_auto_auto] text-base text-center text-white bg-orange-500 rounded hover:bg-orange-600">Liên
hệ
ngay</a>
</div>
up
2025-04-29 11:36:07 +07:00
update
2025-05-05 17:28:22 +07:00
</div>
up
2025-04-29 11:36:07 +07:00
update
2025-05-05 17:28:22 +07:00
<div class="item grid grid-cols-5 py-[10px] border-b-[1px] border-[#D9D9D9]">
<div class="flex items-start supplier">
<div class="logo mr-[10px]">
<div class="w-[70px] h-[70px] p-[10px] block border border-[#F3F3F3] rounded-[4px]">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/logo-hacom.png"
update
2025-05-05 17:28:22 +07:00
class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
alt="hacom" />
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
<div class="flex items-center justify-center mt-2">
<i class="icon_2025 map-4"></i>
<span class="ml-[5px]">3km</span>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div>
<div class="flex items-center">
<i class="icon-star star4"></i>
<span class="ml-[5px] mt-[3px]">4.7</span>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
<a href="" class="text-[#1877F2] font-bold">Hanoicomputer</a>
<a href="" class="text-[#E85933] underline block">Xem 7 cửa hàng</a>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="ship">
<p>Miễn phí giao hàng</p>
<p>Nhận giap hàng và lắp đặt từ 8h00-21:30 các ngày trong tuần kể cả ngày thứ 7, CN</p>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
<div class="price">
<div class="flex items-center text-base">
<span>Giá:</span>
<b class="ml-[5px] text-[#D80A00]">9.000.000đ - 20.000.000đ</b>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
<b class="mt-2">Đã có VAT</b>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
<div class="">
<p class="name-pro pb-[10px] border-b-[1px] border-[#D9D9D9]">
8GB - 9.000.000đ new
White
up
2025-04-29 11:36:07 +07:00
</p>
update
2025-05-05 17:28:22 +07:00
<p class="name-pro py-[10px] border-b-[1px] border-[#D9D9D9]">
8GB - 9.000.000đ new
up
2025-04-29 11:36:07 +07:00
White
</p>
</div>
update
2025-05-05 17:28:22 +07:00
<div>
<a href=""
class="block w-[130px] h-[40px] leading-[40px] m-[auto_0_auto_auto] text-base text-center text-white bg-orange-500 rounded hover:bg-orange-600">Liên
hệ
ngay</a>
</div>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
<div class="item grid grid-cols-5 py-[10px] border-b-[1px] border-[#D9D9D9]">
<div class="flex items-start supplier">
<div class="logo mr-[10px]">
<div class="w-[70px] h-[70px] p-[10px] block border border-[#F3F3F3] rounded-[4px]">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/logo-hacom.png"
update
2025-05-05 17:28:22 +07:00
class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
alt="hacom" />
</div>
<div class="flex items-center justify-center mt-2">
<i class="icon_2025 map-4"></i>
<span class="ml-[5px]">3km</span>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div>
<div class="flex items-center">
<i class="icon-star star4"></i>
<span class="ml-[5px] mt-[3px]">4.7</span>
</div>
<a href="" class="text-[#1877F2] font-bold">Hanoicomputer</a>
<a href="" class="text-[#E85933] underline block">Xem 7 cửa hàng</a>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="ship">
<p>Miễn phí giao hàng</p>
<p>Nhận giap hàng và lắp đặt từ 8h00-21:30 các ngày trong tuần kể cả ngày thứ 7, CN</p>
</div>
<div class="price">
<div class="flex items-center text-base">
<span>Giá:</span>
<b class="ml-[5px] text-[#D80A00]">9.000.000đ - 20.000.000đ</b>
</div>
<b class="mt-2">Đã có VAT</b>
</div>
<div class="">
<p class="name-pro pb-[10px] border-b-[1px] border-[#D9D9D9]">
8GB - 9.000.000đ new
White
up
2025-04-29 11:36:07 +07:00
</p>
update
2025-05-05 17:28:22 +07:00
<p class="name-pro py-[10px] border-b-[1px] border-[#D9D9D9]">
8GB - 9.000.000đ new
up
2025-04-29 11:36:07 +07:00
White
</p>
</div>
update
2025-05-05 17:28:22 +07:00
<div>
<a href=""
class="block w-[130px] h-[40px] leading-[40px] m-[auto_0_auto_auto] text-base text-center text-white bg-orange-500 rounded hover:bg-orange-600">Liên
hệ
ngay</a>
</div>
</div>
</div>
<!-- end lisst -->
<a href="" class="pt-3 block text-center text-[#FF7A00] text-xl hover:text-orange-600">Xem thêm >></a>
</div>
<!-- end nhà cung cấp -->
<div class="p-[15px] bg-white mt-5 rounded-[8px]">
<div class="flex items-center justify-between pb-[15px] border-b-[1px] border-[#B1B1B1]">
<h3 class="text-xl ">Thành viên BestPC đánh giá</h3>
<div class="select-sort relative border border-[#b1b1b1] h-[45px] rounded-[4px] overflow-hidden">
<select name="" id=""
class=" appearance-none w-full relative p-[0_20px_0_10px] bg-transparent h-full z-[2]">
<option value="">Top review</option>
<option value="">Review mới nhất</option>
</select>
<i
class="icon_2025 angle-right ml-[5px] absolute right-[7px] top-[12px] z-[1] rotate-[90deg]"></i>
</div>
</div>
<div class="flex gap-[25px]">
<div class="left w-[20%]">
<b class="text-center block pt-[20px] pb-[5px] text-2xl">54 đánh giá</b>
<div class="flex items-center justify-center">
<i class="icon-star star4"></i>
<span class="ml-[5px] mt-[3px]">4.8</span>
</div>
<div class="border-t-[1px] border-[#E4E4E4] pt-[10px] mt-[10px]">
<div class="flex items-center justify-between mb-[10px]">
<i class="icon-star star5"></i>
<span>50 đánh giá</span>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
<div class="flex items-center justify-between mb-[10px]">
<i class="icon-star star4"></i>
<span>50 đánh giá</span>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
<div class="flex items-center justify-between mb-[10px]">
<i class="icon-star star3"></i>
<span>50 đánh giá</span>
</div>
<div class="flex items-center justify-between mb-[10px]">
<i class="icon-star star2"></i>
<span>50 đánh giá</span>
</div>
<div class="flex items-center justify-between mb-[10px]">
<i class="icon-star star1"></i>
<span>50 đánh giá</span>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="btn border-t-[1px] border-[#E4E4E4] pt-[10px] mt-[20px]">
<p class="text-center mt-[10px]">Đánh giá của bạn về sản phẩm</p>
update 6/5
2025-05-06 13:51:24 +07:00
<a href="javascript:void(0)" onclick="showReview()"
update
2025-05-05 17:28:22 +07:00
class="block mt-[10px] h-[40px] leading-[40px] text-center text-white bg-[#FF7A00] rounded-[4px]">Gửi
đánh giá của bạn về sản phẩm</a>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
<div class="right w-[80%]">
<div class="list-review mt-[15px]">
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
<div class="w-[80px] mr-[20px]">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/avartar-review-1.png" width="75px" height="75px"
update
2025-05-05 17:28:22 +07:00
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]">
up 10:52
2025-05-12 10:52:19 +07:00
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
update
2025-05-05 17:28:22 +07:00
class="w-[80px] block mr-[10px]">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/small-product-detail.png"
update
2025-05-05 17:28:22 +07:00
class="w-[100%] block" alt="">
</a>
up 10:52
2025-05-12 10:52:19 +07:00
<a href="/src/assets/images/small-product-detail.png"
update
2025-05-05 17:28:22 +07:00
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/small-product-detail.png"
update
2025-05-05 17:28:22 +07:00
class="w-[100%] block" alt="">
</a>
up 10:52
2025-05-12 10:52:19 +07:00
<a href="/src/assets/images/small-product-detail.png"
update
2025-05-05 17:28:22 +07:00
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/small-product-detail.png"
update
2025-05-05 17:28:22 +07:00
class="w-[100%] block" alt="">
</a>
</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>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
<div class="w-[80px] mr-[20px]">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/avartar-review-2.png" width="75px" height="75px"
update
2025-05-05 17:28:22 +07:00
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>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
</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>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
<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]">
up 10:52
2025-05-12 10:52:19 +07:00
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
update
2025-05-05 17:28:22 +07:00
class="w-[80px] block mr-[10px]">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/small-product-detail.png"
update
2025-05-05 17:28:22 +07:00
class="w-[100%] block" alt="">
</a>
up 10:52
2025-05-12 10:52:19 +07:00
<a href="/src/assets/images/small-product-detail.png"
update
2025-05-05 17:28:22 +07:00
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/small-product-detail.png"
update
2025-05-05 17:28:22 +07:00
class="w-[100%] block" alt="">
</a>
up 10:52
2025-05-12 10:52:19 +07:00
<a href="/src/assets/images/small-product-detail.png"
update
2025-05-05 17:28:22 +07:00
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/small-product-detail.png"
update
2025-05-05 17:28:22 +07:00
class="w-[100%] block" alt="">
</a>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
<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>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
</div>
</div>
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
<div class="w-[80px] mr-[20px]">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/avartar-review-3.png" width="75px" height="75px"
update
2025-05-05 17:28:22 +07:00
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]">
up 10:52
2025-05-12 10:52:19 +07:00
<a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
update
2025-05-05 17:28:22 +07:00
class="w-[80px] block mr-[10px]">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/small-product-detail.png"
update
2025-05-05 17:28:22 +07:00
class="w-[100%] block" alt="">
</a>
up 10:52
2025-05-12 10:52:19 +07:00
<a href="/src/assets/images/small-product-detail.png"
update
2025-05-05 17:28:22 +07:00
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/small-product-detail.png"
update
2025-05-05 17:28:22 +07:00
class="w-[100%] block" alt="">
</a>
up 10:52
2025-05-12 10:52:19 +07:00
<a href="/src/assets/images/small-product-detail.png"
update
2025-05-05 17:28:22 +07:00
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/small-product-detail.png"
update
2025-05-05 17:28:22 +07:00
class="w-[100%] block" alt="">
</a>
</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>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<!-- end list review -->
<a href="javascript:void(0)" class="pt-[15px] text-[#FF7A00] btn-more-review">
Xem thêm <span>23</span> bình luận khác >>
</a>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
</div>
<!-- đánh giá thành viên bestpc -->
up
2025-04-29 11:36:07 +07:00
update
2025-05-05 17:28:22 +07:00
<div class="p-[15px] bg-white mt-5 rounded-[8px]">
<div class="flex items-center justify-between pb-[15px] border-b-[1px] border-[#B1B1B1]">
<h3 class="text-xl ">Đánh giá trên internet</h3>
<div class="select-sort relative border border-[#b1b1b1] h-[45px] rounded-[4px] overflow-hidden">
<select name="" id=""
class=" appearance-none w-full relative p-[0_20px_0_10px] bg-transparent h-full z-[2]">
<option value="">Top review</option>
<option value="">Review mới nhất</option>
</select>
<i
class="icon_2025 angle-right ml-[5px] absolute right-[7px] top-[12px] z-[1] rotate-[90deg]"></i>
</div>
</div>
<div class="flex gap-[25px]">
<div class="left w-[20%]">
<b class="text-center block pt-[20px] pb-[5px] text-2xl">54 đánh giá</b>
<div class="flex items-center justify-center">
<i class="icon-star star4"></i>
<span class="ml-[5px] mt-[3px]">4.8</span>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
<div class="border-t-[1px] border-[#E4E4E4] pt-[10px] mt-[10px]">
<div class="flex items-center justify-between mb-[10px]">
<span>Hanoicomputer <a href="" class="ml-[5px] text-[#1877F2]">(240)</a></span>
<i class="icon-star star5"></i>
</div>
<div class="flex items-center justify-between mb-[10px]">
<span>Anphatpc <a href="" class="ml-[5px] text-[#1877F2]">(240)</a></span>
<i class="icon-star star4"></i>
</div>
<div class="flex items-center justify-between mb-[10px]">
<span>Mygear <a href="" class="ml-[5px] text-[#1877F2]">(240)</a></span>
<i class="icon-star star3"></i>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
<div class="flex items-center justify-between mb-[10px]">
<span>Hoangphatpc <a href="" class="ml-[5px] text-[#1877F2]">(240)</a></span>
<i class="icon-star star2"></i>
</div>
<div class="flex items-center justify-between mb-[10px]">
<span>Phucanhpc <a href="" class="ml-[5px] text-[#1877F2]">(240)</a></span>
<i class="icon-star star1"></i>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="btn border-t-[1px] border-[#E4E4E4] pt-[10px] mt-[20px]">
<p class="text-center mt-[10px]">Đánh giá của bạn về sản phẩm</p>
<a href="javascript:void(0)"
class="block mt-[10px] h-[40px] leading-[40px] text-center text-white bg-[#FF7A00] rounded-[4px]">Gửi
đánh giá của bạn về sản phẩm</a>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
</div>
<div class="right w-[80%]">
<div class="list-review mt-[15px]">
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
<div class="w-[80px] mr-[20px]">
<a href="hacom.vn" target="_blank" class="text-[#1877F2]">Hacom.vn</a>
<div class="time mt-[5px]">
<b class="mb-[2px] text-center block">Dino</b>
<p class="text-center">10:00pm 20/02/2025</p>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
</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>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
<p class="content mb-[5px] text-base">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>
<a href="javascript:void(0)" class="flex items-start">
<span class="text-[16px] mr-[7px] underline">Xem link nguồn</span>
<i class="icon_2025 link-review"></i>
</a>
</div>
</div>
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
<div class="w-[80px] mr-[20px]">
<a href="hacom.vn" target="_blank" class="text-[#1877F2]">Hacom.vn</a>
<div class="time mt-[5px]">
<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] text-base">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>
<a href="javascript:void(0)" class="flex items-start">
<span class="text-[16px] mr-[7px] underline">Xem link nguồn</span>
<i class="icon_2025 link-review"></i>
</a>
</div>
</div>
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
<div class="w-[80px] mr-[20px]">
<a href="hacom.vn" target="_blank" class="text-[#1877F2]">Hacom.vn</a>
<div class="time mt-[5px]">
<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] text-base">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>
<a href="javascript:void(0)" class="flex items-start">
<span class="text-[16px] mr-[7px] underline">Xem link nguồn</span>
<i class="icon_2025 link-review"></i>
</a>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<!-- end list review -->
<a href="javascript:void(0)" class="pt-[15px] text-[#FF7A00] btn-more-review">
Xem thêm <span>23</span> bình luận khác >>
</a>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
</div>
<!-- đánh giá trên internet -->
<div class="product-information mt-5">
<div class="flex gap-[15px]">
<div class="left w-[60%]">
<div class="box-desc bg-white p-[12px] rounded-[8px]">
<h3 class="title text-2xl block mb-[10px] pb-[10px] border-b-[1px] border-[#B1B1B1]">Thông
tin sản
phẩm</h3>
<div id="content-desciption">
<div class="content nd">
<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>
up
2025-04-29 11:36:07 +07:00
update
2025-05-05 17:28:22 +07:00
<a href="javascript:void(0)" class="more-all js-viewmore-content item-btn"
data-content="#content-desciption">
Xem thêm <i class="icon_2025 angle-bottom"></i>
</a>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
<!-- end box desc -->
</div>
<div class="right w-[40%]">
<div class="box-spec bg-white p-[12px] rounded-[8px]">
<h3 class="title text-2xl block mb-[10px] pb-[10px] border-b-[1px] border-[#B1B1B1]">Thông
tin chi tiết</h3>
<div class="content table">
<table width="638">
<tbody>
<tr>
<td>Mã sản phẩm</td>
<td>VA3416WC</td>
</tr>
<tr>
<td>Màu sắc</td>
<td>Đen</td>
</tr>
<tr>
<td>Độ sáng</td>
<td>Max 300cd/m²</td>
</tr>
<tr>
<td>Độ tương phản</td>
<td>3000:1</td>
</tr>
<tr>
<td>Màu sắc hiển thị</td>
<td>16.7M</td>
</tr>
<tr>
<td>Màu sắc hỗ trợ</td>
<td>6500K</td>
</tr>
<tr>
<td>Loại màn hình</td>
<td>Cong R1500</td>
</tr>
<tr>
<td>Kích cỡ màn hình</td>
<td>34"</td>
</tr>
<tr>
<td>Tấm nền</td>
<td>VA</td>
</tr>
<tr>
<td>Góc nhìn</td>
<td>89°/89° (H/V)</td>
</tr>
<tr>
<td>Tính năng đặc biệt</td>
<td><br />1. Flicker-Free Backlight adjustment<br />2. Dynamic Contrast
Ratio: DCR<br />3. Adaptive
Sync<br />4.FPS/RTS<br />5.PIP/PBP<br />6. PQ<br />7. GAME PLUS</td>
</tr>
</tbody>
</table>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
<div id="content-specification" class="hidden table">
<table width="638">
<tbody>
<tr>
<td>Mã sản phẩm</td>
<td>VA3416WC</td>
</tr>
<tr>
<td>Màu sắc</td>
<td>Đen</td>
</tr>
<tr>
<td>Độ sáng</td>
<td>Max 300cd/m²</td>
</tr>
<tr>
<td>Độ tương phản</td>
<td>3000:1</td>
</tr>
<tr>
<td>Màu sắc hiển thị</td>
<td>16.7M</td>
</tr>
<tr>
<td>Màu sắc hỗ trợ</td>
<td>6500K</td>
</tr>
<tr>
<td>Loại màn hình</td>
<td>Cong R1500</td>
</tr>
<tr>
<td>Kích cỡ màn hình</td>
<td>34"</td>
</tr>
<tr>
<td>Tấm nền</td>
<td>VA</td>
</tr>
<tr>
<td>Góc nhìn</td>
<td>89°/89° (H/V)</td>
</tr>
<tr>
<td>Tính năng đặc biệt</td>
<td><br />1. Flicker-Free Backlight adjustment<br />2. Dynamic Contrast
Ratio: DCR<br />3. Adaptive
Sync<br />4.FPS/RTS<br />5.PIP/PBP<br />6. PQ<br />7. GAME PLUS</td>
</tr>
</tbody>
</table>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
<a href="#content-specification" data-fancybox
class="more-all flex items-center justify-center">
Xem thêm thông số <i class="icon_2025 angle-bottom"></i>
</a>
</div>
<!-- box spec -->
</div>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<!-- thông tin chi tiết -->
<div class="mt-5 bg-white rounded-[8px] p-[15px]">
<div class="flex items-center justify-between mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
<h3 class="text-xl">Sản phẩm tương tự</h3>
<a href="javascript:void(0)"
class="text-[#462F91] flex items-center justify-center w-[130px] h-[32px] leading-[32px] border-[#462F91] border-[1px] rounded-[4px] hover:bg-[#462F91] hover:text-white group">
<span>Xem tất cả</span>
<i class="icon_2025 mouse ml-[5px] group-hover:brightness-0 group-hover:invert-[1]"></i>
up
2025-04-29 11:36:07 +07:00
</a>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="relative mt-[15px]">
<div class="product-list swiper relative" id="js-similar-products">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
update
2025-05-05 17:28:22 +07:00
</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="locahost-pro flex items-center mb-[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 mb-[5px]">
<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>
up
2025-04-29 11:36:07 +07:00
update
2025-05-05 17:28:22 +07:00
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/avartar.png"
update
2025-05-05 17:28:22 +07:00
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
update
2025-05-05 17:28:22 +07:00
</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="locahost-pro flex items-center mb-[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 mb-[5px]">
<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>
up
2025-04-29 11:36:07 +07:00
update
2025-05-05 17:28:22 +07:00
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/avartar.png"
update
2025-05-05 17:28:22 +07:00
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
update
2025-05-05 17:28:22 +07:00
</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="locahost-pro flex items-center mb-[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 mb-[5px]">
<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>
up
2025-04-29 11:36:07 +07:00
update
2025-05-05 17:28:22 +07:00
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/avartar.png"
update
2025-05-05 17:28:22 +07:00
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
update
2025-05-05 17:28:22 +07:00
</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="locahost-pro flex items-center mb-[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 mb-[5px]">
<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>
up
2025-04-29 11:36:07 +07:00
update
2025-05-05 17:28:22 +07:00
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/avartar.png"
update
2025-05-05 17:28:22 +07:00
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
update
2025-05-05 17:28:22 +07:00
</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="locahost-pro flex items-center mb-[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 mb-[5px]">
<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>
up
2025-04-29 11:36:07 +07:00
update
2025-05-05 17:28:22 +07:00
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/avartar.png"
update
2025-05-05 17:28:22 +07:00
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
update
2025-05-05 17:28:22 +07:00
</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="locahost-pro flex items-center mb-[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 mb-[5px]">
<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 class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/avartar.png"
update
2025-05-05 17:28:22 +07:00
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
</div>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
</div>
<div class="btn-slider" id="js-product-similar-btn">
<div class="swiper-button-next right-[-15px]"></div>
<div class="swiper-button-prev left-[-15px]"></div>
</div>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
</div>
<!-- sản phẩm tương tự -->
<div class="mt-5 bg-white rounded-[8px] p-[15px]">
<div class="flex items-center justify-between mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
<h3 class="text-xl">Sản phẩm bạn có thể thích</h3>
<a href="javascript:void(0)"
class="text-[#462F91] flex items-center justify-center w-[130px] h-[32px] leading-[32px] border-[#462F91] border-[1px] rounded-[4px] hover:bg-[#462F91] hover:text-white group">
<span>Xem tất cả</span>
<i class="icon_2025 mouse ml-[5px] group-hover:brightness-0 group-hover:invert-[1]"></i>
up
2025-04-29 11:36:07 +07:00
</a>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="relative mt-[15px]">
<div class="product-list swiper relative" id="js-like-products">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
update
2025-05-05 17:28:22 +07:00
</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="locahost-pro flex items-center mb-[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 mb-[5px]">
<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>
up
2025-04-29 11:36:07 +07:00
update
2025-05-05 17:28:22 +07:00
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/avartar.png"
update
2025-05-05 17:28:22 +07:00
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
update
2025-05-05 17:28:22 +07:00
</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="locahost-pro flex items-center mb-[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 mb-[5px]">
<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>
up
2025-04-29 11:36:07 +07:00
update
2025-05-05 17:28:22 +07:00
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/avartar.png"
update
2025-05-05 17:28:22 +07:00
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
update
2025-05-05 17:28:22 +07:00
</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="locahost-pro flex items-center mb-[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 mb-[5px]">
<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>
up
2025-04-29 11:36:07 +07:00
update
2025-05-05 17:28:22 +07:00
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/avartar.png"
update
2025-05-05 17:28:22 +07:00
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
update
2025-05-05 17:28:22 +07:00
</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="locahost-pro flex items-center mb-[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 mb-[5px]">
<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>
up
2025-04-29 11:36:07 +07:00
update
2025-05-05 17:28:22 +07:00
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/avartar.png"
update
2025-05-05 17:28:22 +07:00
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
update
2025-05-05 17:28:22 +07:00
</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="locahost-pro flex items-center mb-[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 mb-[5px]">
<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>
up
2025-04-29 11:36:07 +07:00
update
2025-05-05 17:28:22 +07:00
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/avartar.png"
update
2025-05-05 17:28:22 +07:00
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/box-image.png" alt="Laptop Dell" />
update
2025-05-05 17:28:22 +07:00
</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="locahost-pro flex items-center mb-[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 mb-[5px]">
<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 class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/avartar.png"
update
2025-05-05 17:28:22 +07:00
class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
alt="avartar" />
<b class="ml-[7px]">Thanh Mai</b>
</div>
</div>
</div>
up
2025-04-29 11:36:07 +07:00
</div>
</div>
update
2025-05-05 17:28:22 +07:00
</div>
<div class="btn-slider" id="js-product-like-btn">
<div class="swiper-button-next right-[-15px]"></div>
<div class="swiper-button-prev left-[-15px]"></div>
</div>
up
2025-04-29 11:36:07 +07:00
</div>
update
2025-05-05 17:28:22 +07:00
</div>
<!-- sản phẩm tương tự -->
</div>
</div>
update 6/5
2025-05-06 13:51:24 +07:00
<div id="backgroundPopup" onclick="closeReview()"></div>
<div class="box-form-review hidden fixed left-[50%] top-[50%] w-[860px] bg-white rounded-[12px] translate-x-[-50%] translate-y-[-50%] z-[999] p-[20px]"
id="js-box-review">
update
2025-05-05 17:28:22 +07:00
<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>
update 6/5
2025-05-06 13:51:24 +07:00
<a href="javascript:void(0)" onclick="closeReview()" id="js-close-review"
update
2025-05-05 17:28:22 +07:00
class="absolute right-0 top-0 text-[#808080] text-[22px] ">x</a>
</div>
<div class="info-form-review w-[500px] mx-[auto]">
<a href="" class="block m-[10px_auto] p-[10px] rounded-[4px] border-[#B1B1B1]">
up 10:52
2025-05-12 10:52:19 +07:00
<img src="/src/assets/images/small-product-detail.png" width="100%" height="100%"
update 6/5
2025-05-06 13:51:24 +07:00
class="block w-[100px] h-[100px] m-[0_auto]" alt="">
update
2025-05-05 17:28:22 +07:00
</a>
<a href="" class="text-center block mb-[10px]">Laptop Gaming Asus TUF FX505GE-BQ037T Core
i7-8750H/Win10(15.6" FHD) -
Hàng
Chính
Hãng</a>
update 6/5
2025-05-06 13:51:24 +07:00
<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>
update
2025-05-05 17:28:22 +07:00
update 6/5
2025-05-06 13:51:24 +07:00
<input type="radio" class="rating-input" id="star4" name="rating" value="4">
<label for="star4" class="rating-star"></label>
update
2025-05-05 17:28:22 +07:00
update 6/5
2025-05-06 13:51:24 +07:00
<input type="radio" class="rating-input" id="star3" name="rating" value="3">
<label for="star3" class="rating-star"></label>
update
2025-05-05 17:28:22 +07:00
update 6/5
2025-05-06 13:51:24 +07:00
<input type="radio" class="rating-input" id="star2" name="rating" value="2">
<label for="star2" class="rating-star"></label>
update
2025-05-05 17:28:22 +07:00
update 6/5
2025-05-06 13:51:24 +07:00
<input type="radio" class="rating-input" id="star1" name="rating" value="1">
<label for="star1" class="rating-star"></label>
</div>
update
2025-05-05 17:28:22 +07:00
</div>
update 6/5
2025-05-06 13:51:24 +07:00
<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>
up
2025-04-29 11:36:07 +07:00
</div>
update 6/5
2025-05-06 13:51:24 +07:00
<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>
<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>
up
2025-04-29 11:36:07 +07:00
update
2025-05-05 17:28:22 +07:00
</div>
up
2025-04-29 11:36:07 +07:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
update
2025-05-05 17:28:22 +07:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
up
2025-04-29 11:36:07 +07:00
<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,
},
});
update
2025-05-05 17:28:22 +07:00
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"></i>');
} else {
$(this).html('Xem thêm <i class="icon_2025 angle-bottom"></i>');
$('html,body').animate({ scrollTop: $(content).offset().top }, 500);
}
});
var swiper_similar = new Swiper("#js-similar-products", {
slidesPerView: 5,
spaceBetween: 15,
loop: false,
rewind: false,
lazy: true,
navigation: {
nextEl: "#js-product-similar-btn .swiper-button-next",
prevEl: "#js-product-similar-btn .swiper-button-prev",
},
});
var swiper_like = new Swiper("#js-like-products", {
slidesPerView: 5,
spaceBetween: 15,
loop: false,
rewind: false,
lazy: true,
navigation: {
nextEl: "#js-product-like-btn .swiper-button-next",
prevEl: "#js-product-like-btn .swiper-button-prev",
},
});
</script>
<script>
update 6/5
2025-05-06 13:51:24 +07:00
function showReview() {
$("#js-box-review").removeClass('hidden');
$("#backgroundPopup").addClass('active');
}
update
2025-05-05 17:28:22 +07:00
update 6/5
2025-05-06 13:51:24 +07:00
function closeReview() {
$("#js-box-review").addClass('hidden');
$("#backgroundPopup").removeClass('active');
}
up
2025-04-29 11:36:07 +07:00
</script>
</body>
</html>
Reference in New Issue Copy Permalink