update 17/5

This commit is contained in:
2025-05-17 10:10:23 +07:00
parent 6b5e837324
commit 333bb01f4e
18 changed files with 430 additions and 436 deletions

View File

@@ -6,10 +6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>BESTPC - Trang chủ</title>
<script src="https://cdn.tailwindcss.com"></script>
<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="/assets/css/style.css" rel="stylesheet" />
<link rel="stylesheet" href="../../assets/css/style.css" rel="stylesheet" />
</head>
@@ -55,15 +54,15 @@
<div class="swiper" id="js-slider-build-big">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img 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="/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="/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 +71,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="/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="/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="/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 +154,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="/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 +172,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="/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,7 +269,8 @@
<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="/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>