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

up

Browse Source
This commit is contained in:
Tieptk
2025-05-29 11:59:43 +07:00
parent 7923fb8b3b
commit 50e424b802
9 changed files with 505 additions and 258 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
template/home/home.html
View File

@@ -92,12 +92,13 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
@@ -113,12 +114,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
@@ -134,12 +136,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
@@ -155,12 +158,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
@@ -176,12 +180,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
@@ -197,12 +202,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
@@ -218,12 +224,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="../../assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="price">15.000.000đ</div>
<div class="flex items-center justify-between mb-[5px]">
@@ -262,7 +269,7 @@
</div>
<div class="list-category grid grid-cols-8 gap-[60px] mt-10">
<!-- Category 1 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" 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-1.png" class="object-contain aspect-[1.29] w-[90px]"
@@ -274,7 +281,7 @@
</a>
<!-- Category 2 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" 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="../../assets/images/icon-cate-2.png" class="object-contain aspect-[0.96] w-[89px]"
@@ -286,7 +293,7 @@
</a>
<!-- Category 3 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" 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]"
@@ -298,7 +305,7 @@
</a>
<!-- Category 4 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" 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]"
@@ -310,7 +317,7 @@
</a>
<!-- Category 5 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" 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-5.png"
@@ -322,7 +329,7 @@
</a>
<!-- Category 6 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" 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-6.png" class="object-contain aspect-[0.88] w-[81px]"
@@ -334,7 +341,7 @@
</a>
<!-- Category 7 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" 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="../../assets/images/icon-cate-7.png" class="object-contain aspect-[0.93] w-[92px]"
@@ -346,7 +353,7 @@
</a>
<!-- Category 8 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" 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="../../assets/images/icon-cate-8.png" class="object-contain w-20 aspect-[1.18]"
@@ -358,7 +365,7 @@
</a>
<!-- Category 9 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" 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-9.png" class="object-contain aspect-[1.29] w-[90px]"
@@ -370,7 +377,7 @@
</a>
<!-- Category 10 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" 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]"
@@ -382,7 +389,7 @@
</a>
<!-- Category 11 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" 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]"
@@ -394,7 +401,7 @@
</a>
<!-- Category 12 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" 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]"
@@ -406,7 +413,7 @@
</a>
<!-- Category 13 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" 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]"
@@ -418,7 +425,7 @@
</a>
<!-- Category 14 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" 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]"
@@ -430,7 +437,7 @@
</a>
<!-- Category 15 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" 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]"
@@ -442,7 +449,7 @@
</a>
<!-- Category 16 -->
<a href="" class="item">
<a href="/danh-muc-cap2.html" 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]"
@@ -567,12 +574,13 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img 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">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="flex items-center justify-center mt-[5px]">
<div class="price">15.000.000đ</div>
@@ -587,12 +595,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img 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">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="flex items-center justify-center mt-[5px]">
<div class="price">15.000.000đ</div>
@@ -607,12 +616,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img 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">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="flex items-center justify-center mt-[5px]">
<div class="price">15.000.000đ</div>
@@ -627,12 +637,13 @@
</div>
<div class="swiper-slide">
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img 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">
<a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
<a href="/product-detail" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G
Core
i7</a>
<div class="flex items-center justify-center mt-[5px]">
<div class="price">15.000.000đ</div>
@@ -866,11 +877,12 @@
</div>
<div class="list mt-5">
<div class="item-classifieds">
<a href="" class="image-classifieds effect-image">
<a href="/san-pham-nguoi-ban" class="image-classifieds effect-image">
<img 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
<a href="/san-pham-nguoi-ban" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn
từ CES
2025</a>
<div class="summary line-clamp-2 text-[#595959]">Intel Core i5 / 8GB / 256GB / SSD
</div>
@@ -897,11 +909,12 @@
</div>
</div>
<div class="item-classifieds">
<a href="" class="image-classifieds effect-image">
<a href="/san-pham-nguoi-ban" class="image-classifieds effect-image">
<img 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
<a href="/san-pham-nguoi-ban" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn
từ CES
2025</a>
<div class="summary line-clamp-2 text-[#595959]">Intel Core i5 / 8GB / 256GB / SSD
</div>
@@ -928,11 +941,12 @@
</div>
</div>
<div class="item-classifieds">
<a href="" class="image-classifieds effect-image">
<a href="/san-pham-nguoi-ban" class="image-classifieds effect-image">
<img 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
<a href="/san-pham-nguoi-ban" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn
từ CES
2025</a>
<div class="summary line-clamp-2 text-[#595959]">Intel Core i5 / 8GB / 256GB / SSD
</div>
@@ -959,11 +973,12 @@
</div>
</div>
<div class="item-classifieds">
<a href="" class="image-classifieds effect-image">
<a href="/san-pham-nguoi-ban" class="image-classifieds effect-image">
<img 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
<a href="/san-pham-nguoi-ban" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn
từ CES
2025</a>
<div class="summary line-clamp-2 text-[#595959]">Intel Core i5 / 8GB / 256GB / SSD
</div>