This commit is contained in:
2025-05-12 10:52:19 +07:00
parent 1436e2cb52
commit 3c423aa0bd
15 changed files with 348 additions and 348 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>
@@ -45,7 +45,7 @@
<div class="bg-white p-2 mb-2">
<div class="flex items-center">
<img src="../src/assets/images/avartar.png"
<img src="/src/assets/images/avartar.png"
class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
<div class="w-[calc(100%-60px)]">
<b class="block mb-0.3">Chi phạm</b>
@@ -80,7 +80,7 @@
<div class="bg-white p-3">
<b class="mb-5 text-xl block">Thông tin cá nhân</b>
<img src="../src/assets/images/avartar_acc.png"
<img src="/src/assets/images/avartar_acc.png"
class="block w-[120px] h-[120px] rounded-full m-[0_auto_30px_auto] object-contain" alt="">
<div class="w-[620px] mx-auto pb-[100px]">
@@ -159,7 +159,7 @@
<div class="bg-white p-2 mb-2">
<div class="flex items-center">
<img src="../src/assets/images/avartar.png"
<img src="/src/assets/images/avartar.png"
class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
<div class="w-[calc(100%-60px)]">
<b class="block mb-0.3">Chi phạm</b>
@@ -220,19 +220,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>
@@ -266,19 +266,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>
@@ -312,19 +312,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>
@@ -358,19 +358,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>
@@ -404,19 +404,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>
@@ -450,19 +450,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>
@@ -525,7 +525,7 @@
<div class="bg-white p-2 mb-2">
<div class="flex items-center">
<img src="../src/assets/images/avartar.png"
<img src="/src/assets/images/avartar.png"
class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
<div class="w-[calc(100%-60px)]">
<b class="block mb-0.3">Chi phạm</b>
@@ -571,7 +571,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"
class="w-full h-full block object-contain" />
</a>
<div class="info-product">
@@ -610,7 +610,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>
@@ -620,7 +620,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"
class="w-full h-full block object-contain" />
</a>
<div class="info-product">
@@ -659,7 +659,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>
@@ -669,7 +669,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"
class="w-full h-full block object-contain" />
</a>
<div class="info-product">
@@ -708,7 +708,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>
@@ -718,7 +718,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"
class="w-full h-full block object-contain" />
</a>
<div class="info-product">
@@ -757,7 +757,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>
@@ -811,7 +811,7 @@
<div class="bg-white p-2 mb-2">
<div class="flex items-center">
<img src="../src/assets/images/avartar.png"
<img src="/src/assets/images/avartar.png"
class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
<div class="w-[calc(100%-60px)]">
<b class="block mb-0.3">Chi phạm</b>
@@ -857,7 +857,7 @@
<div class="item flex items-center justify-between py-2.5">
<div class="flex items-center gap-[10px] w-[93%]">
<img src="../src/assets/images/avartar.png" alt="">
<img src="/src/assets/images/avartar.png" alt="">
<div class="info">
<b>Mika203</b>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.?