This commit is contained in:
2025-05-12 10:15:37 +07:00
parent 3739ee2baa
commit fbf4232d07
11 changed files with 179 additions and 179 deletions

View File

@@ -11,7 +11,7 @@
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<link rel="stylesheet" href="./src/assets/css/style.css" rel="stylesheet" />
<link rel="stylesheet" href="../src/assets/css/style.css" rel="stylesheet" />
</head>
<body>
@@ -99,7 +99,7 @@
<div class="item-store py-[15px] border-b-[1px] border-[#c8c8c8] flex ">
<div class="logo w-[100px] h-[100px] border border-[#d4d4d4] mr-[10px]">
<img src="./src/assets/images/logo-hacom.png" width="100%" height="100%"
<img src="../src/assets/images/logo-hacom.png" width="100%" height="100%"
class="w-full h-full p-[5px] object-contain block" alt="h acom" />
</div>
<div class="info w-[calc(100%-390px)] mr-[10px]">
@@ -182,7 +182,7 @@
</div>
<div class="info-form-review w-[500px] mx-[auto]">
<a href="" class="block w-[100px] h-[100px] m-[10px_auto] p-[10px] rounded-[4px] border border-[#d4d4d4]">
<img src="./src/assets/images/logo-hacom.png" width="100%" height="100%"
<img src="../src/assets/images/logo-hacom.png" width="100%" height="100%"
class="block w-full h-[100%] m-[auto] object-contain" alt="">
</a>
<a href="" class="text-center block mb-[10px]">Hanoicomputer - Công cổ phần máy tính Hà Nội</a>
@@ -251,7 +251,7 @@
<div class="list-review max-h-[900px] overflow-auto">
<div class="item-review flex mb-[15px] py-[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="../src/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
<div class="time mt-[10px]">
<b class="mb-[2px] text-center block">Dino</b>
<p class="text-center">10:00pm 20/02/2025</p>
@@ -269,17 +269,17 @@
and scrambled it to make a type specimen
book. I</p>
<div class="flex items-center mb-[10px]">
<a href="./src/assets/images/small-product-detail.png" data-fancybox="gallery"
<a href="../src/assets/images/small-product-detail.png" data-fancybox="gallery"
class="w-[80px] block mr-[10px]">
<img src="./src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
<img src="../src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
</a>
<a href="./src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
<a href="../src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
data-fancybox="gallery">
<img src="./src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
<img src="../src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
</a>
<a href="./src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
<a href="../src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
data-fancybox="gallery">
<img src="./src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
<img src="../src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
</a>
</div>
<div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
@@ -295,7 +295,7 @@
</div>
<div class="item-review flex mb-[15px] py-[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="../src/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
<div class="time mt-[10px]">
<b class="mb-[2px] text-center block">Dino</b>
<p class="text-center">10:00pm 20/02/2025</p>
@@ -313,17 +313,17 @@
and scrambled it to make a type specimen
book. I</p>
<div class="flex items-center mb-[10px]">
<a href="./src/assets/images/small-product-detail.png" data-fancybox="gallery"
<a href="../src/assets/images/small-product-detail.png" data-fancybox="gallery"
class="w-[80px] block mr-[10px]">
<img src="./src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
<img src="../src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
</a>
<a href="./src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
<a href="../src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
data-fancybox="gallery">
<img src="./src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
<img src="../src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
</a>
<a href="./src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
<a href="../src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
data-fancybox="gallery">
<img src="./src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
<img src="../src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
</a>
</div>
<div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
@@ -339,7 +339,7 @@
</div>
<div class="item-review flex mb-[15px] py-[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="../src/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
<div class="time mt-[10px]">
<b class="mb-[2px] text-center block">Dino</b>
<p class="text-center">10:00pm 20/02/2025</p>
@@ -357,17 +357,17 @@
and scrambled it to make a type specimen
book. I</p>
<div class="flex items-center mb-[10px]">
<a href="./src/assets/images/small-product-detail.png" data-fancybox="gallery"
<a href="../src/assets/images/small-product-detail.png" data-fancybox="gallery"
class="w-[80px] block mr-[10px]">
<img src="./src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
<img src="../src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
</a>
<a href="./src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
<a href="../src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
data-fancybox="gallery">
<img src="./src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
<img src="../src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
</a>
<a href="./src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
<a href="../src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
data-fancybox="gallery">
<img src="./src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
<img src="../src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
</a>
</div>
<div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
@@ -383,7 +383,7 @@
</div>
<div class="item-review flex mb-[15px] py-[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="../src/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
<div class="time mt-[10px]">
<b class="mb-[2px] text-center block">Dino</b>
<p class="text-center">10:00pm 20/02/2025</p>
@@ -401,17 +401,17 @@
and scrambled it to make a type specimen
book. I</p>
<div class="flex items-center mb-[10px]">
<a href="./src/assets/images/small-product-detail.png" data-fancybox="gallery"
<a href="../src/assets/images/small-product-detail.png" data-fancybox="gallery"
class="w-[80px] block mr-[10px]">
<img src="./src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
<img src="../src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
</a>
<a href="./src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
<a href="../src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
data-fancybox="gallery">
<img src="./src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
<img src="../src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
</a>
<a href="./src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
<a href="../src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
data-fancybox="gallery">
<img src="./src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
<img src="../src/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
</a>
</div>
<div class="mb-[5px]">Đánh giá: <b>8/10</b></div>