update 17/5

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

View File

@@ -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="/assets/css/style.css" rel="stylesheet" />
<link rel="stylesheet" href="../../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="/assets/images/avartar.png"
<img 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="/assets/images/avartar_acc.png"
<img 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="/assets/images/avartar.png"
<img 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,20 +220,20 @@
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"
class="w-[80px] block mr-[10px]">
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<a href="/src../../assets/images/small-product-detail.png"
data-fancybox="gallery" class="w-[80px] block mr-[10px]">
<img 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="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<img 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="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<img src="../../assets/images/small-product-detail.png"
class="w-[100%] block" alt="">
</a>
</div>
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
@@ -266,20 +266,20 @@
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"
class="w-[80px] block mr-[10px]">
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<a href="/src../../assets/images/small-product-detail.png"
data-fancybox="gallery" class="w-[80px] block mr-[10px]">
<img 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="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<img 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="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<img src="../../assets/images/small-product-detail.png"
class="w-[100%] block" alt="">
</a>
</div>
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
@@ -312,20 +312,20 @@
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"
class="w-[80px] block mr-[10px]">
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<a href="/src../../assets/images/small-product-detail.png"
data-fancybox="gallery" class="w-[80px] block mr-[10px]">
<img 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="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<img 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="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<img src="../../assets/images/small-product-detail.png"
class="w-[100%] block" alt="">
</a>
</div>
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
@@ -358,20 +358,20 @@
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"
class="w-[80px] block mr-[10px]">
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<a href="/src../../assets/images/small-product-detail.png"
data-fancybox="gallery" class="w-[80px] block mr-[10px]">
<img 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="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<img 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="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<img src="../../assets/images/small-product-detail.png"
class="w-[100%] block" alt="">
</a>
</div>
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
@@ -404,20 +404,20 @@
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"
class="w-[80px] block mr-[10px]">
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<a href="/src../../assets/images/small-product-detail.png"
data-fancybox="gallery" class="w-[80px] block mr-[10px]">
<img 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="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<img 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="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<img src="../../assets/images/small-product-detail.png"
class="w-[100%] block" alt="">
</a>
</div>
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
@@ -450,20 +450,20 @@
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"
class="w-[80px] block mr-[10px]">
<img src="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<a href="/src../../assets/images/small-product-detail.png"
data-fancybox="gallery" class="w-[80px] block mr-[10px]">
<img 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="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<img 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="/assets/images/small-product-detail.png" class="w-[100%] block"
alt="">
<img src="../../assets/images/small-product-detail.png"
class="w-[100%] block" alt="">
</a>
</div>
<div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
@@ -525,7 +525,7 @@
<div class="bg-white p-2 mb-2">
<div class="flex items-center">
<img src="/assets/images/avartar.png"
<img 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="/assets/images/box-image.png" alt="Laptop Dell"
<img 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="/assets/images/avartar.png"
<img 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="/assets/images/box-image.png" alt="Laptop Dell"
<img 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="/assets/images/avartar.png"
<img 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="/assets/images/box-image.png" alt="Laptop Dell"
<img 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="/assets/images/avartar.png"
<img 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="/assets/images/box-image.png" alt="Laptop Dell"
<img 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="/assets/images/avartar.png"
<img 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="/assets/images/avartar.png"
<img 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="/assets/images/avartar.png" alt="">
<img 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.?
@@ -918,7 +918,7 @@
<div class="bg-white p-2 mb-2">
<div class="flex items-center">
<img src="/assets/images/avartar.png"
<img 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>
@@ -991,7 +991,7 @@
<div class="flex items-center gap-[10px] w-[70%]">
<a href=""
class="block w-[100px] h-[100px] border border-[#ececec] rounded-[4px]">
<img src="/assets/images/small-product-detail.png"
<img src="../../assets/images/small-product-detail.png"
class="w-full h-full block object-contain" alt=""></a>
<div class="info">
<a href="" class="block font-bold text-base line-clamp-2 mb-1">Máy tính xách
@@ -1036,7 +1036,7 @@
<div class="flex items-center gap-[10px] w-[70%]">
<a href=""
class="block w-[100px] h-[100px] border border-[#ececec] rounded-[4px]">
<img src="/assets/images/small-product-detail.png"
<img src="../../assets/images/small-product-detail.png"
class="w-full h-full block object-contain" alt=""></a>
<div class="info">
<a href="" class="block font-bold text-base line-clamp-2 mb-1">Máy tính xách