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

up 10:52

Browse Source
This commit is contained in:
Tieptk
2025-05-12 10:52:19 +07:00
parent 1436e2cb52
commit 3c423aa0bd
15 changed files with 348 additions and 348 deletions
Download Patch File Download Diff File Expand all files Collapse all files

166
template/homepage/homepage.html
View File

@@ -21,7 +21,7 @@
};
</script>
<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>
@@ -32,7 +32,7 @@
<div class="container">
<div class="flex items-center justify-between">
<a href="/" class="logo block mr-[100px]">
<img src="../src/assets/images/logo.png" class="object-contain w-[173px] h-[45px] block"
<img src="/src/assets/images/logo.png" class="object-contain w-[173px] h-[45px] block"
alt="Location icon" />
</a>
<div class="flex items-center mr-[100px]">
@@ -494,25 +494,25 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="" class="block w-full h-full rounded-[12px] overflow-hidden">
<img src="../src/assets/images/banner-slider.png"
<img src="/src/assets/images/banner-slider.png"
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="" class="block w-full h-full rounded-[12px] overflow-hidden">
<img src="../src/assets/images/banner-slider.png"
<img src="/src/assets/images/banner-slider.png"
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="" class="block w-full h-full rounded-[12px] overflow-hidden">
<img src="../src/assets/images/banner-slider.png"
<img src="/src/assets/images/banner-slider.png"
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="" class="block w-full h-full rounded-[12px] overflow-hidden">
<img src="../src/assets/images/banner-slider.png"
<img src="/src/assets/images/banner-slider.png"
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
</a>
</div>
@@ -522,20 +522,20 @@
</div>
<div class="banner-right w-1/2 grid grid-cols-2 gap-[10px]">
<a href="" class="item relative effect-image block rounded-[12px] overflow-hidden">
<img src="../src/assets/images/banner-right-slider-1.png"
<img src="/src/assets/images/banner-right-slider-1.png"
class="block w-full h-full object-contain transition-all duration-500 ease-in-out"
width="100%" height="100%" alt="">
</a>
<a href="" class="item block effect-image rounded-[12px] overflow-hidden">
<img src="../src/assets/images/banner-right-slider-2.png"
<img src="/src/assets/images/banner-right-slider-2.png"
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
</a>
<a href="" class="item block effect-image rounded-[12px] overflow-hidden">
<img src="../src/assets/images/banner-right-slider-3.png"
<img src="/src/assets/images/banner-right-slider-3.png"
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
</a>
<a href="" class="item block effect-image rounded-[12px] overflow-hidden">
<img src="../src/assets/images/banner-right-slider-4.png"
<img src="/src/assets/images/banner-right-slider-4.png"
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
</a>
</div>
@@ -581,7 +581,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" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
@@ -602,7 +602,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" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
@@ -623,7 +623,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" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
@@ -644,7 +644,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" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
@@ -665,7 +665,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" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
@@ -686,7 +686,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" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
@@ -707,7 +707,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" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
@@ -753,8 +753,8 @@
<a href="" class="item">
<div
class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../src/assets/images/icon-cate-1.png"
class="object-contain aspect-[1.29] w-[90px]" alt="Laptop văn phòng" />
<img src="/src/assets/images/icon-cate-1.png" class="object-contain aspect-[1.29] w-[90px]"
alt="Laptop văn phòng" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
Laptop văn phòng
@@ -765,8 +765,8 @@
<a href="" class="item">
<div
class="flex flex-col justify-center items-center px-5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../src/assets/images/icon-cate-2.png"
class="object-contain aspect-[0.96] w-[89px]" alt="Tản nhiệt, đèn" />
<img src="/src/assets/images/icon-cate-2.png" class="object-contain aspect-[0.96] w-[89px]"
alt="Tản nhiệt, đèn" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
Tản nhiệt, đèn
@@ -777,8 +777,8 @@
<a href="" class="item">
<div
class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[1111px] w-[120px] effect-image">
<img src="../src/assets/images/icon-cate-3.png"
class="object-contain aspect-[1.06] w-[104px]" alt="Linh kiện máy tính" />
<img src="/src/assets/images/icon-cate-3.png" class="object-contain aspect-[1.06] w-[104px]"
alt="Linh kiện máy tính" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
Linh kiện máy tính
@@ -789,8 +789,8 @@
<a href="" class="item">
<div
class="flex flex-col justify-center items-center px-1.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../src/assets/images/icon-cate-4.png"
class="object-contain aspect-[1.24] w-[107px]" alt="Bàn phím, chuột" />
<img src="/src/assets/images/icon-cate-4.png" class="object-contain aspect-[1.24] w-[107px]"
alt="Bàn phím, chuột" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
Bàn phím, chuột
@@ -801,7 +801,7 @@
<a href="" class="item">
<div
class="flex flex-col justify-center items-center px-1.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../src/assets/images/icon-cate-5.png"
<img src="/src/assets/images/icon-cate-5.png"
class="object-contain aspect-[1.02] rounded-[50%] w-[122px] effect-image"
alt="Màn hình, tay treo" />
</div>
@@ -813,8 +813,8 @@
<a href="" class="item">
<div
class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../src/assets/images/icon-cate-6.png"
class="object-contain aspect-[0.88] w-[81px]" alt="Lưu trữ, phần mềm" />
<img src="/src/assets/images/icon-cate-6.png" class="object-contain aspect-[0.88] w-[81px]"
alt="Lưu trữ, phần mềm" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
Lưu trữ,phần mềm
@@ -825,8 +825,8 @@
<a href="" class="item">
<div
class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] effect-image w-[120px]">
<img src="../src/assets/images/icon-cate-7.png"
class="object-contain aspect-[0.93] w-[92px]" alt="Phụ kiện laptop" />
<img src="/src/assets/images/icon-cate-7.png" class="object-contain aspect-[0.93] w-[92px]"
alt="Phụ kiện laptop" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
Phụ kiện laptop
@@ -837,7 +837,7 @@
<a href="" class="item">
<div
class="flex flex-col justify-center items-center px-5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../src/assets/images/icon-cate-8.png" class="object-contain w-20 aspect-[1.18]"
<img src="/src/assets/images/icon-cate-8.png" class="object-contain w-20 aspect-[1.18]"
alt="Phụ kiện PC" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[--color-global]">
@@ -849,8 +849,8 @@
<a href="" class="item">
<div
class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../src/assets/images/icon-cate-9.png"
class="object-contain aspect-[1.29] w-[90px]" alt="Laptop Gaming" />
<img src="/src/assets/images/icon-cate-9.png" class="object-contain aspect-[1.29] w-[90px]"
alt="Laptop Gaming" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
Laptop Gaming
@@ -861,8 +861,8 @@
<a href="" class="item">
<div
class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../src/assets/images/icon-cate-10.png"
class="object-contain aspect-[0.83] w-[85px]" alt="Phụ kiện đi kèm" />
<img src="/src/assets/images/icon-cate-10.png" class="object-contain aspect-[0.83] w-[85px]"
alt="Phụ kiện đi kèm" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
Phụ kiện đi kèm
@@ -873,7 +873,7 @@
<a href="" class="item">
<div
class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../src/assets/images/icon-cate-11.png"
<img src="/src/assets/images/icon-cate-11.png"
class="object-contain aspect-[0.93] w-[100px]" alt="PC đồ hoạ, gaming" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
@@ -885,7 +885,7 @@
<a href="" class="item">
<div
class="flex flex-col justify-center items-start px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../src/assets/images/icon-cate-12.png"
<img src="/src/assets/images/icon-cate-12.png"
class="object-contain aspect-[0.93] w-[100px]" alt="PC Văn phòng" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
@@ -897,8 +897,8 @@
<a href="" class="item">
<div
class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../src/assets/images/icon-cate-13.png"
class="object-contain aspect-[0.95] w-[95px]" alt="Thiết bị mạng" />
<img src="/src/assets/images/icon-cate-13.png" class="object-contain aspect-[0.95] w-[95px]"
alt="Thiết bị mạng" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
Thiết bị mạng
@@ -909,8 +909,8 @@
<a href="" class="item">
<div
class="flex flex-col justify-center items-center px-6 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../src/assets/images/icon-cate-14.png"
class="object-contain aspect-[0.67] w-[67px]" alt="Loa, tai nghe, mic" />
<img src="/src/assets/images/icon-cate-14.png" class="object-contain aspect-[0.67] w-[67px]"
alt="Loa, tai nghe, mic" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
Loa, tai nghe, mic,..
@@ -921,7 +921,7 @@
<a href="" class="item">
<div
class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../src/assets/images/icon-cate-15.png"
<img src="/src/assets/images/icon-cate-15.png"
class="object-contain aspect-[1.15] w-[100px]" alt="Thiết bị văn phòng" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
@@ -933,8 +933,8 @@
<a href="" class="item">
<div
class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../src/assets/images/icon-cate-16.png"
class="object-contain aspect-[1.75] w-[98px]" alt="Game pad" />
<img src="/src/assets/images/icon-cate-16.png" class="object-contain aspect-[1.75] w-[98px]"
alt="Game pad" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
Game pad
@@ -963,7 +963,7 @@
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img src="../src/assets/images/logo-hacom.png"
<img src="/src/assets/images/logo-hacom.png"
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
width="100%" height="100%" alt="">
</a>
@@ -971,7 +971,7 @@
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img src="../src/assets/images/logo-anphat.png"
<img src="/src/assets/images/logo-anphat.png"
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
width="100%" height="100%" alt="">
</a>
@@ -979,7 +979,7 @@
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img src="../src/assets/images/logo-gearvn.png"
<img src="/src/assets/images/logo-gearvn.png"
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
width="100%" height="100%" alt="">
</a>
@@ -987,7 +987,7 @@
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img src="../src/assets/images/logo-hacom.png"
<img src="/src/assets/images/logo-hacom.png"
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
width="100%" height="100%" alt="">
</a>
@@ -995,7 +995,7 @@
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img src="../src/assets/images/logo-anphat.png"
<img src="/src/assets/images/logo-anphat.png"
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
width="100%" height="100%" alt="">
</a>
@@ -1003,7 +1003,7 @@
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img src="../src/assets/images/logo-gearvn.png"
<img src="/src/assets/images/logo-gearvn.png"
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
width="100%" height="100%" alt="">
</a>
@@ -1011,7 +1011,7 @@
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img src="../src/assets/images/logo-hacom.png"
<img src="/src/assets/images/logo-hacom.png"
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
width="100%" height="100%" alt="">
</a>
@@ -1019,7 +1019,7 @@
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img src="../src/assets/images/logo-anphat.png"
<img src="/src/assets/images/logo-anphat.png"
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
width="100%" height="100%" alt="">
</a>
@@ -1027,7 +1027,7 @@
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img src="../src/assets/images/logo-gearvn.png"
<img src="/src/assets/images/logo-gearvn.png"
class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in group-hover:translate-y-[-3px]"
width="100%" height="100%" alt="">
</a>
@@ -1057,7 +1057,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" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
</a>
<div class="info-product">
@@ -1077,7 +1077,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" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
</a>
<div class="info-product">
@@ -1097,7 +1097,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" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
</a>
<div class="info-product">
@@ -1117,7 +1117,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" />
<div class="icon-save"><i class="icon_2025 heart"></i></div>
</a>
<div class="info-product">
@@ -1162,7 +1162,7 @@
<div class="list mt-5">
<div class="item-article">
<a href="" class="image-article effect-image">
<img src="../src/assets/images/image-article.png" alt="">
<img src="/src/assets/images/image-article.png" alt="">
</a>
<div class="info">
<a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
@@ -1182,7 +1182,7 @@
</div>
<div class="item-article">
<a href="" class="image-article effect-image">
<img src="../src/assets/images/image-article.png" alt="">
<img src="/src/assets/images/image-article.png" alt="">
</a>
<div class="info">
<a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
@@ -1202,7 +1202,7 @@
</div>
<div class="item-article">
<a href="" class="image-article effect-image">
<img src="../src/assets/images/image-article.png" alt="">
<img src="/src/assets/images/image-article.png" alt="">
</a>
<div class="info">
<a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
@@ -1222,7 +1222,7 @@
</div>
<div class="item-article">
<a href="" class="image-article effect-image">
<img src="../src/assets/images/image-article.png" alt="">
<img src="/src/assets/images/image-article.png" alt="">
</a>
<div class="info">
<a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
@@ -1261,7 +1261,7 @@
<div class="list mt-5">
<div class="item-article">
<a href="" class="image-article effect-image">
<img src="../src/assets/images/image-article.png" alt="">
<img src="/src/assets/images/image-article.png" alt="">
</a>
<div class="info">
<a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
@@ -1281,7 +1281,7 @@
</div>
<div class="item-article">
<a href="" class="image-article effect-image">
<img src="../src/assets/images/image-article.png" alt="">
<img src="/src/assets/images/image-article.png" alt="">
</a>
<div class="info">
<a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
@@ -1301,7 +1301,7 @@
</div>
<div class="item-article">
<a href="" class="image-article effect-image">
<img src="../src/assets/images/image-article.png" alt="">
<img src="/src/assets/images/image-article.png" alt="">
</a>
<div class="info">
<a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
@@ -1321,7 +1321,7 @@
</div>
<div class="item-article">
<a href="" class="image-article effect-image">
<img src="../src/assets/images/image-article.png" alt="">
<img src="/src/assets/images/image-article.png" alt="">
</a>
<div class="info">
<a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
@@ -1359,7 +1359,7 @@
<div class="list mt-5">
<div class="item-classifieds">
<a href="" class="image-classifieds effect-image">
<img src="../src/assets/images/image-article.png" alt="">
<img src="/src/assets/images/image-article.png" alt="">
</a>
<div class="info">
<a href="" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn từ CES
@@ -1381,7 +1381,7 @@
</div>
</div>
<a href="" class="staff flex items-center">
<img src="../src/assets/images/avartar.png"
<img src="/src/assets/images/avartar.png"
class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
height="100%" alt="avartar">
<b class="ml-[5px]">Thanh mai</b>
@@ -1390,7 +1390,7 @@
</div>
<div class="item-classifieds">
<a href="" class="image-classifieds effect-image">
<img src="../src/assets/images/image-article.png" alt="">
<img src="/src/assets/images/image-article.png" alt="">
</a>
<div class="info">
<a href="" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn từ CES
@@ -1412,7 +1412,7 @@
</div>
</div>
<a href="" class="staff flex items-center">
<img src="../src/assets/images/avartar.png"
<img src="/src/assets/images/avartar.png"
class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
height="100%" alt="avartar">
<b class="ml-[5px]">Thanh mai</b>
@@ -1421,7 +1421,7 @@
</div>
<div class="item-classifieds">
<a href="" class="image-classifieds effect-image">
<img src="../src/assets/images/image-article.png" alt="">
<img src="/src/assets/images/image-article.png" alt="">
</a>
<div class="info">
<a href="" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn từ CES
@@ -1443,7 +1443,7 @@
</div>
</div>
<a href="" class="staff flex items-center">
<img src="../src/assets/images/avartar.png"
<img src="/src/assets/images/avartar.png"
class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
height="100%" alt="avartar">
<b class="ml-[5px]">Thanh mai</b>
@@ -1452,7 +1452,7 @@
</div>
<div class="item-classifieds">
<a href="" class="image-classifieds effect-image">
<img src="../src/assets/images/image-article.png" alt="">
<img src="/src/assets/images/image-article.png" alt="">
</a>
<div class="info">
<a href="" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn từ CES
@@ -1474,7 +1474,7 @@
</div>
</div>
<a href="" class="staff flex items-center">
<img src="../src/assets/images/avartar.png"
<img src="/src/assets/images/avartar.png"
class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
height="100%" alt="avartar">
<b class="ml-[5px]">Thanh mai</b>
@@ -1498,19 +1498,19 @@
<div class="container">
<div class="flex gap-[8px]">
<a href="" class="item effect-image">
<img src="../src/assets/images/banner-sale-1.png" width="100%" height="100%"
<img src="/src/assets/images/banner-sale-1.png" width="100%" height="100%"
class="object-contain w-full h-full rounded-xl" alt="">
</a>
<a href="" class="item effect-image">
<img src="../src/assets/images/banner-sale-2.png" width="100%" height="100%"
<img src="/src/assets/images/banner-sale-2.png" width="100%" height="100%"
class="object-contain w-full h-full rounded-xl" alt="">
</a>
<a href="" class="item effect-image">
<img src="../src/assets/images/banner-sale-3.png" width="100%" height="100%"
<img src="/src/assets/images/banner-sale-3.png" width="100%" height="100%"
class="object-contain w-full h-full rounded-xl" alt="">
</a>
<a href="" class="item effect-image">
<img src="../src/assets/images/banner-sale-4.png" width="100%" height="100%"
<img src="/src/assets/images/banner-sale-4.png" width="100%" height="100%"
class="object-contain w-full h-full rounded-xl" alt="">
</a>
</div>
@@ -1533,24 +1533,24 @@
<div class="list flex gap-[8px] mt-6">
<a class="box-big w-full w-[47%] h-[365px]" href="javascript:void(0)" id="js-video"
data-url="https://www.youtube.com/watch?v=LcQBXGLWX8I">
<img src="../src/assets/images/promotions-big.png" width="100%" height="100%"
<img src="/src/assets/images/promotions-big.png" width="100%" height="100%"
class="object-cover w-full h-full rounded-xl" alt="">
</a>
<div class="grid grid-cols-2 w-[53%] gap-[8px]">
<a href="" class="item effect-image">
<img src="../src/assets/images/promotions-1.png"
<img src="/src/assets/images/promotions-1.png"
class="object-contain w-full h-full rounded-xl" width="100%" height="100%" alt="">
</a>
<a href="" class="item effect-image">
<img src="../src/assets/images/promotions-2.png"
<img src="/src/assets/images/promotions-2.png"
class="object-contain w-full h-full rounded-xl" width="100%" height="100%" alt="">
</a>
<a href="" class="item effect-image">
<img src="../src/assets/images/promotions-3.png"
<img src="/src/assets/images/promotions-3.png"
class="object-contain w-full h-full rounded-xl" width="100%" height="100%" alt="">
</a>
<a href="" class="item effect-image">
<img src="../src/assets/images/promotions-4.png"
<img src="/src/assets/images/promotions-4.png"
class="object-contain w-full h-full rounded-xl" width="100%" height="100%" alt="">
</a>
</div>
@@ -1562,7 +1562,7 @@
<footer class="mt-20 border-t-[11px] border-[#1c039b] w-full">
<div class="container">
<a href="/" class="block my-[30px]">
<img src="../src/assets/images/logo-footer.png" class="block w-[180px] h-[45px] object-contain"
<img src="/src/assets/images/logo-footer.png" class="block w-[180px] h-[45px] object-contain"
width="100%" height="100%" alt="logo">
</a>
<div class="main-footer grid grid-cols-4">