From fbf4232d0756b7706fa58307888684954b5ed584 Mon Sep 17 00:00:00 2001
From: Tieptk <tieptk@hurasoft.com>
Date: Mon, 12 May 2025 10:15:37 +0700
Subject: [PATCH] update

---
 classified/form_classified.html        |   8 +-
 classified/page-classified-detail.html |  30 +++---
 classified/page-classifieds.html       |  28 +++---
 faq/page_faq.html                      |   6 +-
 faq/page_faq_detail.html               |  16 ++--
 faq/page_faq_form.html                 |   4 +-
 product/category-detail.html           |  26 ++---
 product/category.html                  |  28 +++---
 product/product-detail.html            | 126 ++++++++++++-------------
 product/product-save.html              |  24 ++---
 store/list-store.html                  |  62 ++++++------
 11 files changed, 179 insertions(+), 179 deletions(-)

diff --git a/classified/form_classified.html b/classified/form_classified.html
index 878ca28..fc61749 100644
--- a/classified/form_classified.html
+++ b/classified/form_classified.html
@@ -6,10 +6,10 @@
     <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="../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="../src/assets/css/style.css" rel="stylesheet" />
 
 </head>
 
@@ -59,7 +59,7 @@
                                 <div id="js-container-selector" class="mb-5">
                                     <a id="js-select-file" href="javascript:void(0);" class="btn-upload flex flex-col items-center justify-center dz-clickable w-full h-[280px] bg-[#f6f6f6] rounded-[12px] border-[1px] border-dashed
  border-[var(--color-global)] hover:border-[2px] hover:border-solid">
-                                        <img src="./src/assets/images/icon_upload_image.png"
+                                        <img src="../src/assets/images/icon_upload_image.png"
                                             class="w-[50px] h-[50px] block mb-2 object-contain" width="100%"
                                             height="100%" alt="">
                                         <b class="text-center">Có thể đăng tối đa 6 hình ảnh</b>
@@ -68,7 +68,7 @@
                                 <div id="js-container-selector">
                                     <a id="js-select-file" href="javascript:void(0);" class="btn-upload flex flex-col items-center justify-center dz-clickable w-full h-[280px] bg-[#f6f6f6] rounded-[12px] border-[1px] border-dashed
                                  border-[var(--color-global)] hover:border-[2px] hover:border-solid">
-                                        <img src="./src/assets/images/icon_upload_video.png"
+                                        <img src="../src/assets/images/icon_upload_video.png"
                                             class="w-[50px] h-[50px] block mb-2 object-contain" width="100%"
                                             height="100%" alt="">
                                         <b class="text-center">Có thể đăng tối đa 6 hình ảnh</b>
diff --git a/classified/page-classified-detail.html b/classified/page-classified-detail.html
index d111ee2..c967893 100644
--- a/classified/page-classified-detail.html
+++ b/classified/page-classified-detail.html
@@ -6,10 +6,10 @@
     <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="../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="../src/assets/css/style.css" rel="stylesheet" />
 
 </head>
 
@@ -46,27 +46,27 @@
                                 <div class="swiper-wrapper">
                                     <div class="swiper-slide">
                                         <div class="item">
-                                            <img src="./src/assets/images/big-image-rao-vat.png" alt="">
+                                            <img src="../src/assets/images/big-image-rao-vat.png" alt="">
                                         </div>
                                     </div>
                                     <div class="swiper-slide">
                                         <div class="item">
-                                            <img src="./src/assets/images/big-image-rao-vat.png" alt="">
+                                            <img src="../src/assets/images/big-image-rao-vat.png" alt="">
                                         </div>
                                     </div>
                                     <div class="swiper-slide">
                                         <div class="item">
-                                            <img src="./src/assets/images/big-image-rao-vat.png" alt="">
+                                            <img src="../src/assets/images/big-image-rao-vat.png" alt="">
                                         </div>
                                     </div>
                                     <div class="swiper-slide">
                                         <div class="item">
-                                            <img src="./src/assets/images/big-image-rao-vat.png" alt="">
+                                            <img src="../src/assets/images/big-image-rao-vat.png" alt="">
                                         </div>
                                     </div>
                                     <div class="swiper-slide">
                                         <div class="item">
-                                            <img src="./src/assets/images/big-image-rao-vat.png" alt="">
+                                            <img src="../src/assets/images/big-image-rao-vat.png" alt="">
                                         </div>
                                     </div>
                                 </div>
@@ -81,32 +81,32 @@
                                 <div class="swiper-wrapper">
                                     <div class="swiper-slide">
                                         <a href="javascript:void(0)" class="item video">
-                                            <img src="./src/assets/images/thumb-image-rao-vat.png" alt="">
+                                            <img src="../src/assets/images/thumb-image-rao-vat.png" alt="">
                                         </a>
                                     </div>
                                     <div class="swiper-slide">
                                         <a href="javascript:void(0)" class="item">
-                                            <img src="./src/assets/images/thumb-image-rao-vat.png" alt="">
+                                            <img src="../src/assets/images/thumb-image-rao-vat.png" alt="">
                                         </a>
                                     </div>
                                     <div class="swiper-slide">
                                         <a href="javascript:void(0)" class="item">
-                                            <img src="./src/assets/images/thumb-image-rao-vat.png" alt="">
+                                            <img src="../src/assets/images/thumb-image-rao-vat.png" alt="">
                                         </a>
                                     </div>
                                     <div class="swiper-slide">
                                         <a href="javascript:void(0)" class="item">
-                                            <img src="./src/assets/images/thumb-image-rao-vat.png" alt="">
+                                            <img src="../src/assets/images/thumb-image-rao-vat.png" alt="">
                                         </a>
                                     </div>
                                     <div class="swiper-slide">
                                         <a href="javascript:void(0)" class="item">
-                                            <img src="./src/assets/images/thumb-image-rao-vat.png" alt="">
+                                            <img src="../src/assets/images/thumb-image-rao-vat.png" alt="">
                                         </a>
                                     </div>
                                     <div class="swiper-slide">
                                         <a href="javascript:void(0)" class="item">
-                                            <img src="./src/assets/images/thumb-image-rao-vat.png" alt="">
+                                            <img src="../src/assets/images/thumb-image-rao-vat.png" alt="">
                                         </a>
                                     </div>
                                 </div>
@@ -165,7 +165,7 @@
                         <div class="p-[15px] border border-[#d3d3d3] rounded-[12px] my-3 flex items-center">
                             <div class="w-1/2 border-r-[1px] border-[#d3d3d3]">
                                 <div class="flex">
-                                    <img src="./src/assets/images/avartar.png" width="100%" height="100%"
+                                    <img src="../src/assets/images/avartar.png" width="100%" height="100%"
                                         class="block w-[45px] h-[45px] object-contain  rounded-full" alt="">
                                     <div class="ml-2">
                                         <div class="flex items-end">
@@ -441,7 +441,7 @@
                 </div>
                 <div class="w-[30%]">
                     <a href="" class="block">
-                        <img src="./src/assets/images/banner_canhbao.png" alt="">
+                        <img src="../src/assets/images/banner_canhbao.png" alt="">
                     </a>
                 </div>
             </div>
diff --git a/classified/page-classifieds.html b/classified/page-classifieds.html
index d7d866c..dfe3ed2 100644
--- a/classified/page-classifieds.html
+++ b/classified/page-classifieds.html
@@ -6,10 +6,10 @@
     <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="../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="../src/assets/css/style.css" rel="stylesheet" />
 
 </head>
 
@@ -119,7 +119,7 @@
 
                             <div class="product-item flex gap-[10px]">
                                 <a href="" class="product-image">
-                                    <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                                 </a>
                                 <div class="info-product">
                                     <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -157,7 +157,7 @@
                                     </div>
 
                                     <div class="user-pro flex items-center">
-                                        <img src="./src/assets/images/avartar.png"
+                                        <img src="../src/assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                             alt="avartar" />
                                         <b class="ml-[7px]">Thanh Mai</b>
@@ -167,7 +167,7 @@
 
                             <div class="product-item flex gap-[10px]">
                                 <a href="" class="product-image">
-                                    <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                                 </a>
                                 <div class="info-product">
                                     <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -205,7 +205,7 @@
                                     </div>
 
                                     <div class="user-pro flex items-center">
-                                        <img src="./src/assets/images/avartar.png"
+                                        <img src="../src/assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                             alt="avartar" />
                                         <b class="ml-[7px]">Thanh Mai</b>
@@ -214,7 +214,7 @@
                             </div>
                             <div class="product-item flex gap-[10px]">
                                 <a href="" class="product-image">
-                                    <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                                 </a>
                                 <div class="info-product">
                                     <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -252,7 +252,7 @@
                                     </div>
 
                                     <div class="user-pro flex items-center">
-                                        <img src="./src/assets/images/avartar.png"
+                                        <img src="../src/assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                             alt="avartar" />
                                         <b class="ml-[7px]">Thanh Mai</b>
@@ -261,7 +261,7 @@
                             </div>
                             <div class="product-item flex gap-[10px]">
                                 <a href="" class="product-image">
-                                    <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                                 </a>
                                 <div class="info-product">
                                     <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -299,7 +299,7 @@
                                     </div>
 
                                     <div class="user-pro flex items-center">
-                                        <img src="./src/assets/images/avartar.png"
+                                        <img src="../src/assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                             alt="avartar" />
                                         <b class="ml-[7px]">Thanh Mai</b>
@@ -308,7 +308,7 @@
                             </div>
                             <div class="product-item flex gap-[10px]">
                                 <a href="" class="product-image">
-                                    <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                                 </a>
                                 <div class="info-product">
                                     <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -346,7 +346,7 @@
                                     </div>
 
                                     <div class="user-pro flex items-center">
-                                        <img src="./src/assets/images/avartar.png"
+                                        <img src="../src/assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                             alt="avartar" />
                                         <b class="ml-[7px]">Thanh Mai</b>
@@ -355,7 +355,7 @@
                             </div>
                             <div class="product-item flex gap-[10px]">
                                 <a href="" class="product-image">
-                                    <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                                 </a>
                                 <div class="info-product">
                                     <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -393,7 +393,7 @@
                                     </div>
 
                                     <div class="user-pro flex items-center">
-                                        <img src="./src/assets/images/avartar.png"
+                                        <img src="../src/assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                             alt="avartar" />
                                         <b class="ml-[7px]">Thanh Mai</b>
diff --git a/faq/page_faq.html b/faq/page_faq.html
index f35750a..d19b474 100644
--- a/faq/page_faq.html
+++ b/faq/page_faq.html
@@ -6,10 +6,10 @@
     <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="../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="../src/assets/css/style.css" rel="stylesheet" />
 
 </head>
 
@@ -95,7 +95,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"
+                                    <img src="../src/assets/images/avartar-review-1.png" width="75px" height="75px"
                                         alt="avartar">
                                     <div class="mt-[10px]">
                                         <i class="icon-star star5"></i>
diff --git a/faq/page_faq_detail.html b/faq/page_faq_detail.html
index c3373dc..37b1591 100644
--- a/faq/page_faq_detail.html
+++ b/faq/page_faq_detail.html
@@ -6,10 +6,10 @@
     <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="../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="../src/assets/css/style.css" rel="stylesheet" />
 
 </head>
 
@@ -51,7 +51,7 @@
                                 mình với?</h1>
                             <div class="flex items-center flex-wrap">
                                 <div class="flex items-center">
-                                    <img src="./src/assets/images/avartar.png"
+                                    <img src="../src/assets/images/avartar.png"
                                         class="w-[32px] h-[32px] block object-contain" width="100%" height="100%"
                                         alt="">
                                     <b class="ml-[5px]">Dino</b>
@@ -102,7 +102,7 @@
                         <div class="form-comment mt-2.5 py-2.5 border-t-[1px] border-neutral-200">
                             <form class="form flex gap-[20px]">
                                 <div class="avartar w-[60px] block h-[60px] rounded-[50%]">
-                                    <img src="./src/assets/images/avartar.png" width="100%" height="100%"
+                                    <img src="../src/assets/images/avartar.png" width="100%" height="100%"
                                         class="block object-contain w-full h-full" alt="">
                                 </div>
                                 <div class="w-[calc(100%-80px)]">
@@ -129,7 +129,7 @@
                             <div class="list mt-5">
                                 <div class="item-review flex mb-[15px] pb-[15px]">
                                     <div class="w-[60px] mr-[20px]">
-                                        <img src="./src/assets/images/avartar-review-1.png" width="75px" height="75px"
+                                        <img src="../src/assets/images/avartar-review-1.png" width="75px" height="75px"
                                             alt="avartar">
                                     </div>
                                     <div class="w-[calc(100%-80px)]">
@@ -161,7 +161,7 @@
 
                                 <div class="item-review flex mb-[15px] pb-[15px]">
                                     <div class="w-[60px] mr-[20px]">
-                                        <img src="./src/assets/images/avartar-review-1.png" width="75px" height="75px"
+                                        <img src="../src/assets/images/avartar-review-1.png" width="75px" height="75px"
                                             alt="avartar">
                                     </div>
                                     <div class="w-[calc(100%-80px)]">
@@ -194,7 +194,7 @@
                                             <div
                                                 class="item-review flex pb-[30px] border-l-[1px] border-[#d4d4d4] pl-[10px]">
                                                 <div class="w-[60px] mr-[20px]">
-                                                    <img src="./src/assets/images/avartar-review-1.png" width="75px"
+                                                    <img src="../src/assets/images/avartar-review-1.png" width="75px"
                                                         height="75px" alt="avartar">
                                                 </div>
                                                 <div class="w-[calc(100%-80px)] relative">
@@ -232,7 +232,7 @@
                                             <div
                                                 class="item-review flex pb-[15px] border-l-[1px] border-[#d4d4d4] pl-[10px]">
                                                 <div class="w-[60px] mr-[20px]">
-                                                    <img src="./src/assets/images/avartar-review-1.png" width="75px"
+                                                    <img src="../src/assets/images/avartar-review-1.png" width="75px"
                                                         height="75px" alt="avartar">
                                                 </div>
                                                 <div class="w-[calc(100%-80px)] relative">
diff --git a/faq/page_faq_form.html b/faq/page_faq_form.html
index f2a5b23..eba3d5b 100644
--- a/faq/page_faq_form.html
+++ b/faq/page_faq_form.html
@@ -6,10 +6,10 @@
     <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="../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="../src/assets/css/style.css" rel="stylesheet" />
 
 </head>
 
diff --git a/product/category-detail.html b/product/category-detail.html
index 314ec1f..c805508 100644
--- a/product/category-detail.html
+++ b/product/category-detail.html
@@ -6,9 +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="../src/assets/css/font.css">
     <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>
@@ -175,7 +175,7 @@
                         <div class="product-list grid grid-cols-4 gap-[15px]">
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -194,7 +194,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -213,7 +213,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -232,7 +232,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -251,7 +251,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -270,7 +270,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -289,7 +289,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -308,7 +308,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -327,7 +327,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -346,7 +346,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -365,7 +365,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
diff --git a/product/category.html b/product/category.html
index 944e316..16baa5a 100644
--- a/product/category.html
+++ b/product/category.html
@@ -20,9 +20,9 @@
             },
         };
     </script>
-    <link rel="stylesheet" href="./src/assets/css/font.css">
+    <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="./src/assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../src/assets/css/style.css" rel="stylesheet" />
 </head>
 
 <body>
@@ -64,62 +64,62 @@
                 <div class="list grid grid-cols-4 gap-[24px]">
 
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="./src/assets/images/category-avatar.png"
+                        <img src="../src/assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="./src/assets/images/category-avatar.png"
+                        <img src="../src/assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="./src/assets/images/category-avatar.png"
+                        <img src="../src/assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="./src/assets/images/category-avatar.png"
+                        <img src="../src/assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="./src/assets/images/category-avatar.png"
+                        <img src="../src/assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="./src/assets/images/category-avatar.png"
+                        <img src="../src/assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="./src/assets/images/category-avatar.png"
+                        <img src="../src/assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="./src/assets/images/category-avatar.png"
+                        <img src="../src/assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="./src/assets/images/category-avatar.png"
+                        <img src="../src/assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="./src/assets/images/category-avatar.png"
+                        <img src="../src/assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="./src/assets/images/category-avatar.png"
+                        <img src="../src/assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="./src/assets/images/category-avatar.png"
+                        <img src="../src/assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
diff --git a/product/product-detail.html b/product/product-detail.html
index 40815da..55832e1 100644
--- a/product/product-detail.html
+++ b/product/product-detail.html
@@ -6,10 +6,10 @@
     <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=".../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=".../src/assets/css/style.css" rel="stylesheet" />
 
 </head>
 
@@ -56,27 +56,27 @@
                             <div class="swiper-wrapper">
                                 <div class="swiper-slide">
                                     <div class="item">
-                                        <img src="../src/assets/images/big-product-detail.png" alt="">
+                                        <img src=".../src/assets/images/big-product-detail.png" alt="">
                                     </div>
                                 </div>
                                 <div class="swiper-slide">
                                     <div class="item">
-                                        <img src="../src/assets/images/big-product-detail.jpg" alt="">
+                                        <img src=".../src/assets/images/big-product-detail.jpg" alt="">
                                     </div>
                                 </div>
                                 <div class="swiper-slide">
                                     <div class="item">
-                                        <img src="../src/assets/images/big-product-detail-2.jpg" alt="">
+                                        <img src=".../src/assets/images/big-product-detail-2.jpg" alt="">
                                     </div>
                                 </div>
                                 <div class="swiper-slide">
                                     <div class="item">
-                                        <img src="../src/assets/images/big-product-detail-3.jpg" alt="">
+                                        <img src=".../src/assets/images/big-product-detail-3.jpg" alt="">
                                     </div>
                                 </div>
                                 <div class="swiper-slide">
                                     <div class="item">
-                                        <img src="../src/assets/images/big-product-detail-4.jpg" alt="">
+                                        <img src=".../src/assets/images/big-product-detail-4.jpg" alt="">
                                     </div>
                                 </div>
                             </div>
@@ -91,32 +91,32 @@
                             <div class="swiper-wrapper">
                                 <div class="swiper-slide">
                                     <a href="javascript:void(0)" class="item video">
-                                        <img src="../src/assets/images/small-product-detail.png" alt="">
+                                        <img src=".../src/assets/images/small-product-detail.png" alt="">
                                     </a>
                                 </div>
                                 <div class="swiper-slide">
                                     <a href="javascript:void(0)" class="item">
-                                        <img src="../src/assets/images/small-product-detail.png" alt="">
+                                        <img src=".../src/assets/images/small-product-detail.png" alt="">
                                     </a>
                                 </div>
                                 <div class="swiper-slide">
                                     <a href="javascript:void(0)" class="item">
-                                        <img src="../src/assets/images/small-product-detail.png" alt="">
+                                        <img src=".../src/assets/images/small-product-detail.png" alt="">
                                     </a>
                                 </div>
                                 <div class="swiper-slide">
                                     <a href="javascript:void(0)" class="item">
-                                        <img src="../src/assets/images/small-product-detail.png" alt="">
+                                        <img src=".../src/assets/images/small-product-detail.png" alt="">
                                     </a>
                                 </div>
                                 <div class="swiper-slide">
                                     <a href="javascript:void(0)" class="item">
-                                        <img src="../src/assets/images/small-product-detail.png" alt="">
+                                        <img src=".../src/assets/images/small-product-detail.png" alt="">
                                     </a>
                                 </div>
                                 <div class="swiper-slide">
                                     <a href="javascript:void(0)" class="item">
-                                        <img src="../src/assets/images/small-product-detail.png" alt="">
+                                        <img src=".../src/assets/images/small-product-detail.png" alt="">
                                     </a>
                                 </div>
                             </div>
@@ -186,7 +186,7 @@
 
                     <a href=""
                         class="group mt-4 flex items-center justify-center w-ful py-[10px] border border-[#D3D3D3] rounded-[4px] text-center hover:bg-[var(--color-global)] hover:text-white">
-                        <img src="../src/assets/images/icon-file-save.png"
+                        <img src=".../src/assets/images/icon-file-save.png"
                             class="w-[18px] h-[24px] block group-hover:brightness-[0] group-hover:invert-[1]"
                             alt="save">
                         <b class="ml-[10px] text-base">Lưu sản phẩm lại xem sau</b>
@@ -243,7 +243,7 @@
                         <div class="flex items-start supplier">
                             <div class="logo mr-[10px]">
                                 <div class="w-[70px] h-[70px] p-[10px] block border border-[#F3F3F3] rounded-[4px]">
-                                    <img src="../src/assets/images/logo-hacom.png"
+                                    <img src=".../src/assets/images/logo-hacom.png"
                                         class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
                                         alt="hacom" />
                                 </div>
@@ -299,7 +299,7 @@
                         <div class="flex items-start supplier">
                             <div class="logo mr-[10px]">
                                 <div class="w-[70px] h-[70px] p-[10px] block border border-[#F3F3F3] rounded-[4px]">
-                                    <img src="../src/assets/images/logo-hacom.png"
+                                    <img src=".../src/assets/images/logo-hacom.png"
                                         class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
                                         alt="hacom" />
                                 </div>
@@ -355,7 +355,7 @@
                         <div class="flex items-start supplier">
                             <div class="logo mr-[10px]">
                                 <div class="w-[70px] h-[70px] p-[10px] block border border-[#F3F3F3] rounded-[4px]">
-                                    <img src="../src/assets/images/logo-hacom.png"
+                                    <img src=".../src/assets/images/logo-hacom.png"
                                         class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
                                         alt="hacom" />
                                 </div>
@@ -473,7 +473,7 @@
                         <div class="list-review mt-[15px]">
                             <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"
+                                    <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>
@@ -492,19 +492,19 @@
                                         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"
+                                            <img src=".../src/assets/images/small-product-detail.png"
                                                 class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="../src/assets/images/small-product-detail.png"
+                                        <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"
+                                            <img src=".../src/assets/images/small-product-detail.png"
                                                 class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="../src/assets/images/small-product-detail.png"
+                                        <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"
+                                            <img src=".../src/assets/images/small-product-detail.png"
                                                 class="w-[100%] block" alt="">
                                         </a>
                                     </div>
@@ -521,7 +521,7 @@
                             </div>
                             <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-2.png" width="75px" height="75px"
+                                    <img src=".../src/assets/images/avartar-review-2.png" width="75px" height="75px"
                                         alt="avartar">
                                     <div class="time mt-[10px]">
                                         <b class="mb-[2px] text-center block">Dino</b>
@@ -540,19 +540,19 @@
                                         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"
+                                            <img src=".../src/assets/images/small-product-detail.png"
                                                 class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="../src/assets/images/small-product-detail.png"
+                                        <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"
+                                            <img src=".../src/assets/images/small-product-detail.png"
                                                 class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="../src/assets/images/small-product-detail.png"
+                                        <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"
+                                            <img src=".../src/assets/images/small-product-detail.png"
                                                 class="w-[100%] block" alt="">
                                         </a>
                                     </div>
@@ -569,7 +569,7 @@
                             </div>
                             <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-3.png" width="75px" height="75px"
+                                    <img src=".../src/assets/images/avartar-review-3.png" width="75px" height="75px"
                                         alt="avartar">
                                     <div class="time mt-[10px]">
                                         <b class="mb-[2px] text-center block">Dino</b>
@@ -588,19 +588,19 @@
                                         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"
+                                            <img src=".../src/assets/images/small-product-detail.png"
                                                 class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="../src/assets/images/small-product-detail.png"
+                                        <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"
+                                            <img src=".../src/assets/images/small-product-detail.png"
                                                 class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="../src/assets/images/small-product-detail.png"
+                                        <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"
+                                            <img src=".../src/assets/images/small-product-detail.png"
                                                 class="w-[100%] block" alt="">
                                         </a>
                                     </div>
@@ -1119,7 +1119,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src=".../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1142,7 +1142,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="../src/assets/images/avartar.png"
+                                            <img src=".../src/assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1153,7 +1153,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src=".../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1176,7 +1176,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="../src/assets/images/avartar.png"
+                                            <img src=".../src/assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1187,7 +1187,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src=".../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1210,7 +1210,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="../src/assets/images/avartar.png"
+                                            <img src=".../src/assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1221,7 +1221,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src=".../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1244,7 +1244,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="../src/assets/images/avartar.png"
+                                            <img src=".../src/assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1255,7 +1255,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src=".../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1278,7 +1278,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="../src/assets/images/avartar.png"
+                                            <img src=".../src/assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1289,7 +1289,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src=".../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1312,7 +1312,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="../src/assets/images/avartar.png"
+                                            <img src=".../src/assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1345,7 +1345,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src=".../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1368,7 +1368,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="../src/assets/images/avartar.png"
+                                            <img src=".../src/assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1379,7 +1379,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src=".../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1402,7 +1402,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="../src/assets/images/avartar.png"
+                                            <img src=".../src/assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1413,7 +1413,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src=".../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1436,7 +1436,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="../src/assets/images/avartar.png"
+                                            <img src=".../src/assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1447,7 +1447,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src=".../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1470,7 +1470,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="../src/assets/images/avartar.png"
+                                            <img src=".../src/assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1481,7 +1481,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src=".../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1504,7 +1504,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="../src/assets/images/avartar.png"
+                                            <img src=".../src/assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1515,7 +1515,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src=".../src/assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1538,7 +1538,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="../src/assets/images/avartar.png"
+                                            <img src=".../src/assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1569,7 +1569,7 @@
         </div>
         <div class="info-form-review w-[500px] mx-[auto]">
             <a href="" class="block m-[10px_auto] p-[10px] rounded-[4px] border-[#B1B1B1]">
-                <img src="../src/assets/images/small-product-detail.png" width="100%" height="100%"
+                <img src=".../src/assets/images/small-product-detail.png" width="100%" height="100%"
                     class="block w-[100px] h-[100px] m-[0_auto]" alt="">
             </a>
             <a href="" class="text-center block mb-[10px]">Laptop Gaming Asus TUF FX505GE-BQ037T Core
diff --git a/product/product-save.html b/product/product-save.html
index 4e38371..7e882a4 100644
--- a/product/product-save.html
+++ b/product/product-save.html
@@ -6,9 +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="../src/assets/css/font.css">
     <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>
@@ -55,7 +55,7 @@
             <div class="product-list grid grid-cols-5 gap-[15px]">
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -74,7 +74,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -93,7 +93,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -112,7 +112,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -131,7 +131,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -150,7 +150,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -169,7 +169,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -188,7 +188,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -207,7 +207,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -226,7 +226,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="./src/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../src/assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
diff --git a/store/list-store.html b/store/list-store.html
index d903700..0b053da 100644
--- a/store/list-store.html
+++ b/store/list-store.html
@@ -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>