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

210
template/home/components/main_stat.html
View File

@@ -1,210 +0,0 @@
<div
class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="mr-[10px] w-[calc(100%-36px)] text-[#B1B1B1] text-[12px] text-custom-16 uppercase">
Đơn
hàng
mới</p>
<a href=""
class="bg-[#F0F8FF] flex h-[26px] items-center justify-center rounded-[4px] text-center w-[26px]">
<i class="icons icon-cart"></i>
</a>
</div>
<p class="text-[28px] max-[1620px]:text-[22px] leading-[36px] font-[600]">10.000.000</p>
</div>
<div class="flex items-center p-[8px_13px]">
<div
class="bg-[#E8F7F2] bg-green-100 flex font-[700] inline-flex items-center leading-[24px] mr-[10px] px-[5px] rounded-[4px] text-[#299D00] text-[14px]">
<i class="icons icon-increase"></i>
<b class="font-[700]"> 10% </b>
</div>
<p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
</div>
</div>
<div
class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] text-custom-16 uppercase">Khách
hàng
liên hệ qua website</p>
<a href=""
class="bg-[#F0F9F2] flex h-[26px] items-center justify-center rounded-[4px] text-center w-[26px]">
<i class="icons icon-contact"></i>
</a>
</div>
<p class="text-[22px] text-custom-28 leading-[36px] font-[600]">10.000.000</p>
</div>
<div class="flex items-center p-[8px_13px]">
<div
class="bg-[#E8F7F2] bg-green-100 flex font-[700] inline-flex items-center leading-[24px] mr-[10px] px-[5px] rounded-[4px] text-[#299D00] text-[14px]">
<i class="icons icon-increase"></i>
<b class="font-[700]"> 10% </b>
</div>
<p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
</div>
</div>
<div
class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-custom-16 text-[12px] uppercase">Đơn
trả
góp</p>
<a href=""
class="bg-[#F7F5FF] flex h-[26px] items-center justify-center rounded-[4px] text-center w-[26px]">
<i class="icons icon-pay"></i>
</a>
</div>
<p class="text-[28px] max-[1620px]:text-[22px] leading-[36px] font-[600]">10.000.000</p>
</div>
<div class="flex items-center p-[8px_13px]">
<div
class="bg-[#FFEEEB] bg-[red]-100 flex font-[700] inline-flex items-center leading-[24px] mr-[10px] px-[5px] rounded-[4px] text-[#E00000] text-[14px]">
<i class="icons icon-reduce"></i>
<b class="font-[700]"> 10% </b>
</div>
<p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
</div>
</div>
<div
class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
<div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
<div class="flex justify-between leading-[16px] min-h-[32px]">
<p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-custom-16 text-[12px] uppercase">Đơn
hoàn
trả</p>
<a href=""
class="bg-[#F9F2F2] flex h-[26px] items-center justify-center rounded-[4px] text-center w-[26px]">
<i class="icons icon-installment"></i>
</a>
</div>
<p class="text-[28px] max-[1620px]:text-[22px] leading-[36px] font-[600]">10.000.000</p>
</div>
<div class="flex items-center p-[8px_13px]">
<div
class="bg-[#FFEEEB] bg-[red]-100 flex font-[700] inline-flex items-center leading-[24px] mr-[10px] px-[5px] rounded-[4px] text-[#E00000] text-[14px]">
<i class="icons icon-reduce"></i>
<b class="font-[700]"> 10% </b>
</div>
<p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
</div>
</div>
<div
class="sm:col-span-2 item-chart bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
<div class="flex justify-between min-h-[100px]">
<div>
<h5 class="leading-[30px] text-[24px] font-[600]">32.4k</h5>
<p class="text-custom-16 text-[14px] text-[#7E7E7E]">Doanh thu trong tuần này</p>
</div>
<div
class="flex items-center px-2.5 py-0.5 text-base font-semibold text-green-500 dark:text-green-500 text-center">
12%
<i class="fa-solid fa-arrow-up ml-[5px]"></i>
</div>
</div>
<div id="js-revenue-chart"></div>
<div class="grid grid-cols-1 items-center border-gray-200 border-t dark:border-gray-700 justify-between">
<div class="flex justify-between items-center pt-5">
<select>
<option value=""> Last 7 days </option>
<option value=""> Yesterday </option>
<option value=""> Today </option>
<option value=""> Last 7 days </option>
<option value=""> Last 30 days </option>
<option value=""> Last 90 days </option>
</select>
<a href="#"
class="uppercase text-sm font-semibold inline-flex items-center rounded-lg text-blue-600 hover:text-blue-700 dark:hover:text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700 px-3 py-2">
Users Report
<i class="fa-solid fa-angle-right ml-[5px]"></i>
</a>
</div>
</div>
</div>
<div
class="sm:col-span-2 item-chart bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
<div class="pb-[14px] mb-[10px] border-b border-gray-200 dark:border-gray-700">
<h5 class="leading-[30px] text-[24px] font-[600]">3.4k</h5>
<div class="flex items-center justify-between">
<p class="text-[14px] text-[#7E7E7E] text-custom-16">Truy cập web trong tuần này</p>
<span
class="bg-green-100 text-green-800 text-xs font-medium inline-flex items-center px-2.5 py-1 rounded-md dark:bg-green-900 dark:text-green-300">
<svg class="w-2.5 h-2.5 me-1.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 10 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M5 13V1m0 0L1 5m4-4 4 4" />
</svg>
42.5%
</span>
</div>
</div>
<div class="grid grid-cols-2">
<dl class="flex items-center">
<dt class="text-gray-500 dark:text-gray-400 text-sm font-normal me-1">Lượt truy cập:
</dt>
<dd class="text-gray-900 text-sm dark:text-white font-semibold">1.458</dd>
</dl>
<dl class="flex items-center justify-end">
<dt class="text-gray-500 dark:text-gray-400 text-sm font-normal me-1">Người xem:</dt>
<dd class="text-gray-900 text-sm dark:text-white font-semibold">2.130</dd>
</dl>
</div>
<div id="js-access-chart"></div>
<div class="grid grid-cols-1 items-center border-gray-200 border-t dark:border-gray-700 justify-between">
<div class="flex justify-between items-center pt-5">
<select>
<option value=""> Last 7 days </option>
<option value=""> Yesterday </option>
<option value=""> Today </option>
<option value=""> Last 7 days </option>
<option value=""> Last 30 days </option>
<option value=""> Last 90 days </option>
</select>
<a href="#"
class="uppercase text-sm font-semibold inline-flex items-center rounded-lg text-blue-600 hover:text-blue-700 dark:hover:text-blue-500 hover:bg-gray-100 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700 px-3 py-2">
Leads Report
<svg class="w-2.5 h-2.5 ms-1.5 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 6 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="m1 9 4-4-4-4" />
</svg>
</a>
</div>
</div>
</div>

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>