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

update

Browse Source
This commit is contained in:
Tieptk
2025-05-12 10:15:37 +07:00
parent 3739ee2baa
commit fbf4232d07
11 changed files with 179 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
product/category-detail.html
View File

@@ -6,9 +6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>BESTPC - Trang chủ</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="./src/assets/css/font.css">
<link rel="stylesheet" href="../src/assets/css/font.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<link rel="stylesheet" href="./src/assets/css/style.css" rel="stylesheet" />
<link rel="stylesheet" href="../src/assets/css/style.css" rel="stylesheet" />
</head>
<body>
@@ -175,7 +175,7 @@
<div class="product-list grid grid-cols-4 gap-[15px]">
<div class="product-item">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
@@ -194,7 +194,7 @@
</div>
<div class="product-item">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
@@ -213,7 +213,7 @@
</div>
<div class="product-item">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
@@ -232,7 +232,7 @@
</div>
<div class="product-item">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
@@ -251,7 +251,7 @@
</div>
<div class="product-item">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
@@ -270,7 +270,7 @@
</div>
<div class="product-item">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
@@ -289,7 +289,7 @@
</div>
<div class="product-item">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
@@ -308,7 +308,7 @@
</div>
<div class="product-item">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
@@ -327,7 +327,7 @@
</div>
<div class="product-item">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
@@ -346,7 +346,7 @@
</div>
<div class="product-item">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
@@ -365,7 +365,7 @@
</div>
<div class="product-item">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">

28
product/category.html
View File

@@ -20,9 +20,9 @@
},
};
</script>
<link rel="stylesheet" href="./src/assets/css/font.css">
<link rel="stylesheet" href="../src/assets/css/font.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<link rel="stylesheet" href="./src/assets/css/style.css" rel="stylesheet" />
<link rel="stylesheet" href="../src/assets/css/style.css" rel="stylesheet" />
</head>
<body>
@@ -64,62 +64,62 @@
<div class="list grid grid-cols-4 gap-[24px]">
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
<img src="./src/assets/images/category-avatar.png"
<img src="../src/assets/images/category-avatar.png"
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
<img src="./src/assets/images/category-avatar.png"
<img src="../src/assets/images/category-avatar.png"
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
<img src="./src/assets/images/category-avatar.png"
<img src="../src/assets/images/category-avatar.png"
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
<img src="./src/assets/images/category-avatar.png"
<img src="../src/assets/images/category-avatar.png"
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
<img src="./src/assets/images/category-avatar.png"
<img src="../src/assets/images/category-avatar.png"
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
<img src="./src/assets/images/category-avatar.png"
<img src="../src/assets/images/category-avatar.png"
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
<img src="./src/assets/images/category-avatar.png"
<img src="../src/assets/images/category-avatar.png"
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
<img src="./src/assets/images/category-avatar.png"
<img src="../src/assets/images/category-avatar.png"
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
<img src="./src/assets/images/category-avatar.png"
<img src="../src/assets/images/category-avatar.png"
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
<img src="./src/assets/images/category-avatar.png"
<img src="../src/assets/images/category-avatar.png"
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
<img src="./src/assets/images/category-avatar.png"
<img src="../src/assets/images/category-avatar.png"
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
</a>
<a href="" class="item border border-[#c0c0c0] rounded-[8px] p-[12px]">
<img src="./src/assets/images/category-avatar.png"
<img src="../src/assets/images/category-avatar.png"
class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
<b class="block text-center text-xl line-clamp-1">Máy chủ</b>
</a>

126
product/product-detail.html
View File

@@ -6,10 +6,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>BESTPC - Trang chủ</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="../src/assets/css/font.css">
<link rel="stylesheet" href=".../src/assets/css/font.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
<link rel="stylesheet" href="../src/assets/css/style.css" rel="stylesheet" />
<link rel="stylesheet" href=".../src/assets/css/style.css" rel="stylesheet" />
</head>
@@ -56,27 +56,27 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="item">
<img src="../src/assets/images/big-product-detail.png" alt="">
<img src=".../src/assets/images/big-product-detail.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="../src/assets/images/big-product-detail.jpg" alt="">
<img src=".../src/assets/images/big-product-detail.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="../src/assets/images/big-product-detail-2.jpg" alt="">
<img src=".../src/assets/images/big-product-detail-2.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="../src/assets/images/big-product-detail-3.jpg" alt="">
<img src=".../src/assets/images/big-product-detail-3.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="../src/assets/images/big-product-detail-4.jpg" alt="">
<img src=".../src/assets/images/big-product-detail-4.jpg" alt="">
</div>
</div>
</div>
@@ -91,32 +91,32 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="javascript:void(0)" class="item video">
<img src="../src/assets/images/small-product-detail.png" alt="">
<img src=".../src/assets/images/small-product-detail.png" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="javascript:void(0)" class="item">
<img src="../src/assets/images/small-product-detail.png" alt="">
<img src=".../src/assets/images/small-product-detail.png" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="javascript:void(0)" class="item">
<img src="../src/assets/images/small-product-detail.png" alt="">
<img src=".../src/assets/images/small-product-detail.png" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="javascript:void(0)" class="item">
<img src="../src/assets/images/small-product-detail.png" alt="">
<img src=".../src/assets/images/small-product-detail.png" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="javascript:void(0)" class="item">
<img src="../src/assets/images/small-product-detail.png" alt="">
<img src=".../src/assets/images/small-product-detail.png" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="javascript:void(0)" class="item">
<img src="../src/assets/images/small-product-detail.png" alt="">
<img src=".../src/assets/images/small-product-detail.png" alt="">
</a>
</div>
</div>
@@ -186,7 +186,7 @@
<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">
<img src="../src/assets/images/icon-file-save.png"
<img src=".../src/assets/images/icon-file-save.png"
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>
@@ -243,7 +243,7 @@
<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]">
<img src="../src/assets/images/logo-hacom.png"
<img src=".../src/assets/images/logo-hacom.png"
class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
alt="hacom" />
</div>
@@ -299,7 +299,7 @@
<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]">
<img src="../src/assets/images/logo-hacom.png"
<img src=".../src/assets/images/logo-hacom.png"
class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
alt="hacom" />
</div>
@@ -355,7 +355,7 @@
<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]">
<img src="../src/assets/images/logo-hacom.png"
<img src=".../src/assets/images/logo-hacom.png"
class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
alt="hacom" />
</div>
@@ -473,7 +473,7 @@
<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]">
<img src="../src/assets/images/avartar-review-1.png" width="75px" height="75px"
<img src=".../src/assets/images/avartar-review-1.png" width="75px" height="75px"
alt="avartar">
<div class="time mt-[10px]">
<b class="mb-[2px] text-center block">Dino</b>
@@ -492,19 +492,19 @@
and scrambled it to make a type specimen
book. I</p>
<div class="flex items-center mb-[10px]">
<a href="../src/assets/images/small-product-detail.png" data-fancybox="gallery"
<a href=".../src/assets/images/small-product-detail.png" data-fancybox="gallery"
class="w-[80px] block mr-[10px]">
<img src="../src/assets/images/small-product-detail.png"
<img src=".../src/assets/images/small-product-detail.png"
class="w-[100%] block" alt="">
</a>
<a href="../src/assets/images/small-product-detail.png"
<a href=".../src/assets/images/small-product-detail.png"
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
<img src="../src/assets/images/small-product-detail.png"
<img src=".../src/assets/images/small-product-detail.png"
class="w-[100%] block" alt="">
</a>
<a href="../src/assets/images/small-product-detail.png"
<a href=".../src/assets/images/small-product-detail.png"
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
<img src="../src/assets/images/small-product-detail.png"
<img src=".../src/assets/images/small-product-detail.png"
class="w-[100%] block" alt="">
</a>
</div>
@@ -521,7 +521,7 @@
</div>
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
<div class="w-[80px] mr-[20px]">
<img src="../src/assets/images/avartar-review-2.png" width="75px" height="75px"
<img src=".../src/assets/images/avartar-review-2.png" width="75px" height="75px"
alt="avartar">
<div class="time mt-[10px]">
<b class="mb-[2px] text-center block">Dino</b>
@@ -540,19 +540,19 @@
and scrambled it to make a type specimen
book. I</p>
<div class="flex items-center mb-[10px]">
<a href="../src/assets/images/small-product-detail.png" data-fancybox="gallery"
<a href=".../src/assets/images/small-product-detail.png" data-fancybox="gallery"
class="w-[80px] block mr-[10px]">
<img src="../src/assets/images/small-product-detail.png"
<img src=".../src/assets/images/small-product-detail.png"
class="w-[100%] block" alt="">
</a>
<a href="../src/assets/images/small-product-detail.png"
<a href=".../src/assets/images/small-product-detail.png"
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
<img src="../src/assets/images/small-product-detail.png"
<img src=".../src/assets/images/small-product-detail.png"
class="w-[100%] block" alt="">
</a>
<a href="../src/assets/images/small-product-detail.png"
<a href=".../src/assets/images/small-product-detail.png"
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
<img src="../src/assets/images/small-product-detail.png"
<img src=".../src/assets/images/small-product-detail.png"
class="w-[100%] block" alt="">
</a>
</div>
@@ -569,7 +569,7 @@
</div>
<div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
<div class="w-[80px] mr-[20px]">
<img src="../src/assets/images/avartar-review-3.png" width="75px" height="75px"
<img src=".../src/assets/images/avartar-review-3.png" width="75px" height="75px"
alt="avartar">
<div class="time mt-[10px]">
<b class="mb-[2px] text-center block">Dino</b>
@@ -588,19 +588,19 @@
and scrambled it to make a type specimen
book. I</p>
<div class="flex items-center mb-[10px]">
<a href="../src/assets/images/small-product-detail.png" data-fancybox="gallery"
<a href=".../src/assets/images/small-product-detail.png" data-fancybox="gallery"
class="w-[80px] block mr-[10px]">
<img src="../src/assets/images/small-product-detail.png"
<img src=".../src/assets/images/small-product-detail.png"
class="w-[100%] block" alt="">
</a>
<a href="../src/assets/images/small-product-detail.png"
<a href=".../src/assets/images/small-product-detail.png"
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
<img src="../src/assets/images/small-product-detail.png"
<img src=".../src/assets/images/small-product-detail.png"
class="w-[100%] block" alt="">
</a>
<a href="../src/assets/images/small-product-detail.png"
<a href=".../src/assets/images/small-product-detail.png"
class="w-[80px] block mr-[10px]" data-fancybox="gallery">
<img src="../src/assets/images/small-product-detail.png"
<img src=".../src/assets/images/small-product-detail.png"
class="w-[100%] block" alt="">
</a>
</div>
@@ -1119,7 +1119,7 @@
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<img src=".../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
@@ -1142,7 +1142,7 @@
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
<img src="../src/assets/images/avartar.png"
<img src=".../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>
@@ -1153,7 +1153,7 @@
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<img src=".../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
@@ -1176,7 +1176,7 @@
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
<img src="../src/assets/images/avartar.png"
<img src=".../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>
@@ -1187,7 +1187,7 @@
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<img src=".../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
@@ -1210,7 +1210,7 @@
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
<img src="../src/assets/images/avartar.png"
<img src=".../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>
@@ -1221,7 +1221,7 @@
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<img src=".../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
@@ -1244,7 +1244,7 @@
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
<img src="../src/assets/images/avartar.png"
<img src=".../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>
@@ -1255,7 +1255,7 @@
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<img src=".../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
@@ -1278,7 +1278,7 @@
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
<img src="../src/assets/images/avartar.png"
<img src=".../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>
@@ -1289,7 +1289,7 @@
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<img src=".../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
@@ -1312,7 +1312,7 @@
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
<img src="../src/assets/images/avartar.png"
<img src=".../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>
@@ -1345,7 +1345,7 @@
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<img src=".../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
@@ -1368,7 +1368,7 @@
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
<img src="../src/assets/images/avartar.png"
<img src=".../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>
@@ -1379,7 +1379,7 @@
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<img src=".../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
@@ -1402,7 +1402,7 @@
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
<img src="../src/assets/images/avartar.png"
<img src=".../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>
@@ -1413,7 +1413,7 @@
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<img src=".../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
@@ -1436,7 +1436,7 @@
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
<img src="../src/assets/images/avartar.png"
<img src=".../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>
@@ -1447,7 +1447,7 @@
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<img src=".../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
@@ -1470,7 +1470,7 @@
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
<img src="../src/assets/images/avartar.png"
<img src=".../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>
@@ -1481,7 +1481,7 @@
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<img src=".../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
@@ -1504,7 +1504,7 @@
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
<img src="../src/assets/images/avartar.png"
<img src=".../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>
@@ -1515,7 +1515,7 @@
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<img src=".../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
@@ -1538,7 +1538,7 @@
</div>
<div class="price">15.000.000đ</div>
<div class="user-pro flex items-center">
<img src="../src/assets/images/avartar.png"
<img src=".../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>
@@ -1569,7 +1569,7 @@
</div>
<div class="info-form-review w-[500px] mx-[auto]">
<a href="" class="block m-[10px_auto] p-[10px] rounded-[4px] border-[#B1B1B1]">
<img src="../src/assets/images/small-product-detail.png" width="100%" height="100%"
<img src=".../src/assets/images/small-product-detail.png" width="100%" height="100%"
class="block w-[100px] h-[100px] m-[0_auto]" alt="">
</a>
<a href="" class="text-center block mb-[10px]">Laptop Gaming Asus TUF FX505GE-BQ037T Core

24
product/product-save.html
View File

@@ -6,9 +6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>BESTPC - Trang chủ</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="./src/assets/css/font.css">
<link rel="stylesheet" href="../src/assets/css/font.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<link rel="stylesheet" href="./src/assets/css/style.css" rel="stylesheet" />
<link rel="stylesheet" href="../src/assets/css/style.css" rel="stylesheet" />
</head>
<body>
@@ -55,7 +55,7 @@
<div class="product-list grid grid-cols-5 gap-[15px]">
<div class="product-item save">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
</a>
@@ -74,7 +74,7 @@
</div>
<div class="product-item save">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
</a>
@@ -93,7 +93,7 @@
</div>
<div class="product-item save">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
</a>
@@ -112,7 +112,7 @@
</div>
<div class="product-item save">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
</a>
@@ -131,7 +131,7 @@
</div>
<div class="product-item save">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
</a>
@@ -150,7 +150,7 @@
</div>
<div class="product-item save">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
</a>
@@ -169,7 +169,7 @@
</div>
<div class="product-item save">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
</a>
@@ -188,7 +188,7 @@
</div>
<div class="product-item save">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
</a>
@@ -207,7 +207,7 @@
</div>
<div class="product-item save">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
</a>
@@ -226,7 +226,7 @@
</div>
<div class="product-item save">
<a href="" class="product-image">
<img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
<img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
<div class="icon-remove"><i class="icon_2025 remove"></i></div>
</a>