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

upload 28/5

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

237
template/home/home.html
View File

@@ -6,26 +6,26 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="" class="block w-full h-full rounded-[12px] overflow-hidden">
<img src="../../assets/images/banner-slider.png"
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
<img 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="../../assets/images/banner-slider.png"
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
<img 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="../../assets/images/banner-slider.png"
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
<img 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="../../assets/images/banner-slider.png"
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
<img src="../../assets/images/banner-slider.png" class="block w-full h-full object-contain"
width="100%" height="100%" alt="">
</a>
</div>
</div>
@@ -35,20 +35,20 @@
<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="../../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="">
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="../../assets/images/banner-right-slider-2.png"
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
<img 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="../../assets/images/banner-right-slider-3.png"
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
<img 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="../../assets/images/banner-right-slider-4.png"
class="block w-full h-full object-contain" width="100%" height="100%" alt="">
<img src="../../assets/images/banner-right-slider-4.png" class="block w-full h-full object-contain"
width="100%" height="100%" alt="">
</a>
</div>
</div>
@@ -74,17 +74,17 @@
<div class="tabs-list flex items-center justify-center gap-[10px] mt-[15px]">
<a href="javascript:void(0)"
class="tabs-item active text-lg font-[400] px-16 py-2.5 text-[#595959] bg-[#ECECEC] rounded-[4px]">Laptop</a>
class="tabs-item active text-lg font-[400] px-16 py-2.5 text-[#595959] bg-[#ECECEC] rounded-[4px]">Laptop</a>
<a href="javascript:void(0)"
class="tabs-item text-lg px-16 py-2.5 text-[#595959] bg-[#ECECEC] rounded-[4px] hover:bg-[var(--color-global)] hover:text-white hover:font-bold">Màn
class="tabs-item text-lg px-16 py-2.5 text-[#595959] bg-[#ECECEC] rounded-[4px] hover:bg-[var(--color-global)] hover:text-white hover:font-bold">Màn
hình</a>
<a href="javascript:void(0)"
class="tabs-item text-lg px-16 py-2.5 text-[#595959] bg-[#ECECEC] rounded-[4px] hover:bg-[var(--color-global)] hover:text-white hover:font-bold">CPU</a>
class="tabs-item text-lg px-16 py-2.5 text-[#595959] bg-[#ECECEC] rounded-[4px] hover:bg-[var(--color-global)] hover:text-white hover:font-bold">CPU</a>
<a href="javascript:void(0)"
class="tabs-item text-lg px-16 py-2.5 text-[#595959] bg-[#ECECEC] rounded-[4px] hover:bg-[var(--color-global)] hover:text-white hover:font-bold">Bàn
class="tabs-item text-lg px-16 py-2.5 text-[#595959] bg-[#ECECEC] rounded-[4px] hover:bg-[var(--color-global)] hover:text-white hover:font-bold">Bàn
phím, chuột</a>
<a href="javascript:void(0)"
class="tabs-item text-lg px-16 py-2.5 text-[#595959] bg-[#ECECEC] rounded-[4px] hover:bg-[var(--color-global)] hover:text-white hover:font-bold">VGA</a>
class="tabs-item text-lg px-16 py-2.5 text-[#595959] bg-[#ECECEC] rounded-[4px] hover:bg-[var(--color-global)] hover:text-white hover:font-bold">VGA</a>
</div>
<div class="relative mt-[15px]">
@@ -264,9 +264,9 @@
<!-- Category 1 -->
<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">
class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-1.png" class="object-contain aspect-[1.29] w-[90px]"
alt="Laptop văn phòng" />
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
@@ -276,9 +276,9 @@
<!-- Category 2 -->
<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">
class="flex flex-col justify-center items-center px-5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-2.png" class="object-contain aspect-[0.96] w-[89px]"
alt="Tản nhiệt, đèn" />
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
@@ -288,9 +288,9 @@
<!-- Category 3 -->
<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="../../assets/images/icon-cate-3.png"
class="object-contain aspect-[1.06] w-[104px]" alt="Linh kiện máy tính" />
class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[1111px] w-[120px] effect-image">
<img 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
@@ -300,9 +300,9 @@
<!-- Category 4 -->
<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="../../assets/images/icon-cate-4.png"
class="object-contain aspect-[1.24] w-[107px]" alt="Bàn phím, chuột" />
class="flex flex-col justify-center items-center px-1.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img 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
@@ -312,10 +312,10 @@
<!-- Category 5 -->
<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">
class="flex flex-col justify-center items-center px-1.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img 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" />
class="object-contain aspect-[1.02] rounded-[50%] w-[122px] effect-image"
alt="Màn hình, tay treo" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
Màn hình,tay treo</p>
@@ -324,9 +324,9 @@
<!-- Category 6 -->
<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">
class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-6.png" class="object-contain aspect-[0.88] w-[81px]"
alt="Lưu trữ, phần mềm" />
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
@@ -336,9 +336,9 @@
<!-- Category 7 -->
<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]">
class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] effect-image w-[120px]">
<img src="../../assets/images/icon-cate-7.png" class="object-contain aspect-[0.93] w-[92px]"
alt="Phụ kiện laptop" />
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
@@ -348,9 +348,9 @@
<!-- Category 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">
class="flex flex-col justify-center items-center px-5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-8.png" class="object-contain w-20 aspect-[1.18]"
alt="Phụ kiện PC" />
alt="Phụ kiện PC" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[--color-global]">
Phụ kiện PC
@@ -360,9 +360,9 @@
<!-- Category 9 -->
<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">
class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img src="../../assets/images/icon-cate-9.png" class="object-contain aspect-[1.29] w-[90px]"
alt="Laptop Gaming" />
alt="Laptop Gaming" />
</div>
<p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
Laptop Gaming
@@ -372,9 +372,9 @@
<!-- Category 10 -->
<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="../../assets/images/icon-cate-10.png"
class="object-contain aspect-[0.83] w-[85px]" alt="Phụ kiện đi kèm" />
class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img 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
@@ -384,9 +384,9 @@
<!-- Category 11 -->
<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="../../assets/images/icon-cate-11.png"
class="object-contain aspect-[0.93] w-[100px]" alt="PC đồ hoạ, gaming" />
class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img 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)]">
PC đồ hoạ, gaming
@@ -396,9 +396,9 @@
<!-- Category 12 -->
<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="../../assets/images/icon-cate-12.png"
class="object-contain aspect-[0.93] w-[100px]" alt="PC Văn phòng" />
class="flex flex-col justify-center items-start px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img 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)]">
PC Văn phòng
@@ -408,9 +408,9 @@
<!-- Category 13 -->
<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="../../assets/images/icon-cate-13.png"
class="object-contain aspect-[0.95] w-[95px]" alt="Thiết bị mạng" />
class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img 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
@@ -420,9 +420,9 @@
<!-- Category 14 -->
<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="../../assets/images/icon-cate-14.png"
class="object-contain aspect-[0.67] w-[67px]" alt="Loa, tai nghe, mic" />
class="flex flex-col justify-center items-center px-6 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img 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,..
@@ -432,9 +432,9 @@
<!-- Category 15 -->
<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="../../assets/images/icon-cate-15.png"
class="object-contain aspect-[1.15] w-[100px]" alt="Thiết bị văn phòng" />
class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img 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)]">
Thiết bị văn phòng
@@ -444,9 +444,9 @@
<!-- Category 16 -->
<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="../../assets/images/icon-cate-16.png"
class="object-contain aspect-[1.75] w-[98px]" alt="Game pad" />
class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img 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
@@ -474,74 +474,74 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img 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="">
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>
</div>
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img 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="">
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>
</div>
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img 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="">
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>
</div>
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img 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="">
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>
</div>
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img 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="">
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>
</div>
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img 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="">
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>
</div>
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img 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="">
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>
</div>
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img 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="">
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>
</div>
<div class="swiper-slide">
<a href=""
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
<img 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="">
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>
</div>
</div>
@@ -666,8 +666,7 @@
<h2 class="mx-[5px] text-3xl">
THÔNG TIN NGÀNH
</h2>
<div
class="mt-[25px] h-[2px] bg-orange-500 border-2 border-orange-500 border-solid w-[38px]">
<div class="mt-[25px] h-[2px] bg-orange-500 border-2 border-orange-500 border-solid w-[38px]">
</div>
</div>
<div class="list mt-5">
@@ -765,8 +764,7 @@
<h2 class="mx-[5px] text-3xl">
THÔNG TIN khuyến mãi
</h2>
<div
class="mt-[25px] h-[2px] bg-orange-500 border-2 border-orange-500 border-solid w-[38px]">
<div class="mt-[25px] h-[2px] bg-orange-500 border-2 border-orange-500 border-solid w-[38px]">
</div>
</div>
<div class="list mt-5">
@@ -863,8 +861,7 @@
<h2 class="mx-[5px] text-3xl">
Bản tin rao vặt
</h2>
<div
class="mt-[25px] h-[2px] bg-orange-500 border-2 border-orange-500 border-solid w-[38px]">
<div class="mt-[25px] h-[2px] bg-orange-500 border-2 border-orange-500 border-solid w-[38px]">
</div>
</div>
<div class="list mt-5">
@@ -893,8 +890,8 @@
</div>
<a href="" class="staff flex items-center">
<img src="../../assets/images/avartar.png"
class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
height="100%" alt="avartar">
class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
height="100%" alt="avartar">
<b class="ml-[5px]">Thanh mai</b>
</a>
</div>
@@ -924,8 +921,8 @@
</div>
<a href="" class="staff flex items-center">
<img src="../../assets/images/avartar.png"
class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
height="100%" alt="avartar">
class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
height="100%" alt="avartar">
<b class="ml-[5px]">Thanh mai</b>
</a>
</div>
@@ -955,8 +952,8 @@
</div>
<a href="" class="staff flex items-center">
<img src="../../assets/images/avartar.png"
class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
height="100%" alt="avartar">
class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
height="100%" alt="avartar">
<b class="ml-[5px]">Thanh mai</b>
</a>
</div>
@@ -986,8 +983,8 @@
</div>
<a href="" class="staff flex items-center">
<img src="../../assets/images/avartar.png"
class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
height="100%" alt="avartar">
class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
height="100%" alt="avartar">
<b class="ml-[5px]">Thanh mai</b>
</a>
</div>
@@ -1010,26 +1007,26 @@
<div class="flex gap-[8px]">
<a href="" class="item effect-image">
<img src="../../assets/images/banner-sale-1.png" width="100%" height="100%"
class="object-contain w-full h-full rounded-xl" alt="">
class="object-contain w-full h-full rounded-xl" alt="">
</a>
<a href="" class="item effect-image">
<img src="../../assets/images/banner-sale-2.png" width="100%" height="100%"
class="object-contain w-full h-full rounded-xl" alt="">
class="object-contain w-full h-full rounded-xl" alt="">
</a>
<a href="" class="item effect-image">
<img src="../../assets/images/banner-sale-3.png" width="100%" height="100%"
class="object-contain w-full h-full rounded-xl" alt="">
class="object-contain w-full h-full rounded-xl" alt="">
</a>
<a href="" class="item effect-image">
<img src="../../assets/images/banner-sale-4.png" width="100%" height="100%"
class="object-contain w-full h-full rounded-xl" alt="">
class="object-contain w-full h-full rounded-xl" alt="">
</a>
</div>
</div>
</div>
<!-- Promotions Section -->
<div class="box-promotions mt-20">
<div class="box-promotions my-20">
<div class="container">
<div class="flex justify-center text-3xl font-bold text-[var(--color-title)] uppercase">
<div class="mt-[25px] h-[2px] bg-orange-500 border-2 border-orange-500 border-solid w-[38px]">
@@ -1043,29 +1040,29 @@
<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">
data-url="https://www.youtube.com/watch?v=LcQBXGLWX8I">
<img src="../../assets/images/promotions-big.png" width="100%" height="100%"
class="object-cover w-full h-full rounded-xl" alt="">
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="../../assets/images/promotions-1.png"
class="object-contain w-full h-full rounded-xl" width="100%" height="100%" alt="">
<img 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="../../assets/images/promotions-2.png"
class="object-contain w-full h-full rounded-xl" width="100%" height="100%" alt="">
<img 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="../../assets/images/promotions-3.png"
class="object-contain w-full h-full rounded-xl" width="100%" height="100%" alt="">
<img 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="../../assets/images/promotions-4.png"
class="object-contain w-full h-full rounded-xl" width="100%" height="100%" alt="">
<img src="../../assets/images/promotions-4.png" class="object-contain w-full h-full rounded-xl"
width="100%" height="100%" alt="">
</a>
</div>
</div>
</div>
</div>
</div>