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

upload 13/5

Browse Source
This commit is contained in:
Tieptk
2025-05-13 09:37:53 +07:00
parent 0f914a48ea
commit bf8e679b75
93 changed files with 327 additions and 325 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
template/buildpc/buildpc-detail.html
View File

@@ -9,7 +9,7 @@
<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="/assets/css/style.css" rel="stylesheet" />
</head>
@@ -55,15 +55,15 @@
<div class="swiper" id="js-slider-build-big">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="/src/assets/images/big-product-detail.png"
<img src="/assets/images/big-product-detail.png"
class="block w-full h-[400px] object-contain" alt="">
</div>
<div class="swiper-slide">
<img src="/src/assets/images/big-product-detail-3.jpg"
<img src="/assets/images/big-product-detail-3.jpg"
class="block w-full h-[400px] object-contain" alt="">
</div>
<div class="swiper-slide">
<img src="/src/assets/images/big-product-detail-4.jpg"
<img src="/assets/images/big-product-detail-4.jpg"
class="block w-full h-[400px] object-contain" alt="">
</div>
</div>
@@ -72,15 +72,15 @@
<div thumbsSlider="" class="swiper " id="js-slider-build-small">
<div class="swiper-wrapper">
<div class="swiper-slide h-[80px] border border-neutral-200 rounded-[4px]">
<img src="/src/assets/images/small-product-detail.png"
<img src="/assets/images/small-product-detail.png"
class="w-full block h-[80px] object-contain " alt="">
</div>
<div class="swiper-slide h-[80px] border border-neutral-200 rounded-[4px]">
<img src="/src/assets/images/small-product-detail.png"
<img src="/assets/images/small-product-detail.png"
class="w-full block h-[80px] object-contain" alt="">
</div>
<div class="swiper-slide h-[80px] border border-neutral-200 rounded-[4px]">
<img src="/src/assets/images/small-product-detail.png"
<img src="/assets/images/small-product-detail.png"
class="w-full block h-[80px] object-contain" alt="">
</div>
</div>
@@ -155,7 +155,7 @@
<div
class="item grid grid-cols-7 items-center gap-[5px] py-2.5 border-b-[1px] border-[#ebebeb]">
<a href="" class="block">
<img src="/src/assets/images/logo-hacom.png" width="100%" height="100%"
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
class="w-full block h-[28px] object-contain" alt="">
</a>
<div class="price font-bold">3.700.000Vnđ</div>
@@ -173,7 +173,7 @@
<div
class="item grid grid-cols-7 items-center gap-[5px] py-2.5 border-b-[1px] border-[#ebebeb]">
<a href="" class="block">
<img src="/src/assets/images/logo-hacom.png" width="100%" height="100%"
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
class="w-full block h-[28px] object-contain" alt="">
</a>
<div class="price font-bold">3.700.000Vnđ</div>
@@ -270,8 +270,7 @@
<div class="list mt-3">
<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"
alt="avartar">
<img src="/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
<div class="mt-[10px]">
<i class="icon-star star5"></i>
</div>

52
template/buildpc/buildpc.html
View File

@@ -9,7 +9,7 @@
<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="/assets/css/style.css" rel="stylesheet" />
</head>
@@ -116,8 +116,8 @@
<div class="flex items-center">
<a href=""
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
<img src="/src/assets/images/lienkien-ram.png" width="100%"
height="100%" class="block w-full h-full object-contain" alt="">
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
class="block w-full h-full object-contain" alt="">
</a>
<a href=""
class="name-product w-[calc(100%-100px)] hover:text-[var(--color-hover)]">AMD
@@ -136,7 +136,7 @@
</b>
<div class="supplier col-span-2 flex items-center justify-between">
<a href="">
<img src="/src/assets/images/logo-hacom.png" width="100%" height="100%"
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
class="w-full block h-[30px] object-contain" alt="">
</a>
<div class="btn flex items-center">
@@ -160,8 +160,8 @@
<div class="flex items-center">
<a href=""
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
<img src="/src/assets/images/lienkien-ram.png" width="100%"
height="100%" class="block w-full h-full object-contain" alt="">
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
class="block w-full h-full object-contain" alt="">
</a>
<a href=""
class="name-product w-[calc(100%-100px)] hover:text-[var(--color-hover)]">AMD
@@ -180,7 +180,7 @@
</b>
<div class="supplier col-span-2 flex items-center justify-between">
<a href="">
<img src="/src/assets/images/logo-hacom.png" width="100%" height="100%"
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
class="w-full block h-[30px] object-contain" alt="">
</a>
<div class="btn flex items-center">
@@ -198,8 +198,8 @@
<div class="flex items-center">
<a href=""
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
<img src="/src/assets/images/lienkien-ram.png" width="100%"
height="100%" class="block w-full h-full object-contain" alt="">
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
class="block w-full h-full object-contain" alt="">
</a>
<a href=""
class="name-product w-[calc(100%-100px)] hover:text-[var(--color-hover)]">AMD
@@ -218,7 +218,7 @@
</b>
<div class="supplier col-span-2 flex items-center justify-between">
<a href="">
<img src="/src/assets/images/logo-hacom.png" width="100%" height="100%"
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
class="w-full block h-[30px] object-contain" alt="">
</a>
<div class="btn flex items-center">
@@ -314,7 +314,7 @@
<div class="flex items-center border-b-[1px] border-neutral-200 pb-3">
<b class="left w-[200px] name-component">
<a href="" class="block m-[auto_auto_auto_0]">
<img src="/src/assets/images/logo-hacom.png" width="100%" height="100%"
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
class="w-[150px] block h-[50px] object-contain" alt="">
</a>
</b>
@@ -346,7 +346,7 @@
<div class="flex items-center">
<a href=""
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
<img src="/src/assets/images/lienkien-ram.png" width="100%"
<img src="/assets/images/lienkien-ram.png" width="100%"
height="100%" class="block w-full h-full object-contain" alt="">
</a>
<a href=""
@@ -384,7 +384,7 @@
<div class="flex items-center">
<a href=""
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
<img src="/src/assets/images/lienkien-ram.png" width="100%"
<img src="/assets/images/lienkien-ram.png" width="100%"
height="100%" class="block w-full h-full object-contain" alt="">
</a>
<a href=""
@@ -425,7 +425,7 @@
<div class="flex items-center border-b-[1px] border-neutral-200 pb-3">
<b class="left w-[200px] name-component">
<a href="" class="block m-[auto_auto_auto_0]">
<img src="/src/assets/images/logo-hacom.png" width="100%" height="100%"
<img src="/assets/images/logo-hacom.png" width="100%" height="100%"
class="w-[150px] block h-[50px] object-contain" alt="">
</a>
</b>
@@ -457,7 +457,7 @@
<div class="flex items-center">
<a href=""
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
<img src="/src/assets/images/lienkien-ram.png" width="100%"
<img src="/assets/images/lienkien-ram.png" width="100%"
height="100%" class="block w-full h-full object-contain" alt="">
</a>
<a href=""
@@ -495,7 +495,7 @@
<div class="flex items-center">
<a href=""
class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
<img src="/src/assets/images/lienkien-ram.png" width="100%"
<img src="/assets/images/lienkien-ram.png" width="100%"
height="100%" class="block w-full h-full object-contain" alt="">
</a>
<a href=""
@@ -708,7 +708,7 @@
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
<a href=""
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
class="block w-full h-full object-contain" alt="">
</a>
<a href=""
@@ -740,7 +740,7 @@
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
<a href=""
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
class="block w-full h-full object-contain" alt="">
</a>
<a href=""
@@ -772,7 +772,7 @@
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
<a href=""
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
class="block w-full h-full object-contain" alt="">
</a>
<a href=""
@@ -804,7 +804,7 @@
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
<a href=""
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
class="block w-full h-full object-contain" alt="">
</a>
<a href=""
@@ -836,7 +836,7 @@
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
<a href=""
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
class="block w-full h-full object-contain" alt="">
</a>
<a href=""
@@ -868,7 +868,7 @@
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
<a href=""
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
class="block w-full h-full object-contain" alt="">
</a>
<a href=""
@@ -900,7 +900,7 @@
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
<a href=""
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
class="block w-full h-full object-contain" alt="">
</a>
<a href=""
@@ -932,7 +932,7 @@
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
<a href=""
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
class="block w-full h-full object-contain" alt="">
</a>
<a href=""
@@ -964,7 +964,7 @@
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
<a href=""
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
class="block w-full h-full object-contain" alt="">
</a>
<a href=""
@@ -996,7 +996,7 @@
<input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
<a href=""
class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
<img src="/src/assets/images/lienkien-ram.png" width="100%" height="100%"
<img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
class="block w-full h-full object-contain" alt="">
</a>
<a href=""