tieptk/bestpc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

upload 13/5

Browse Source
This commit is contained in:
Tieptk
2025-05-13 09:37:53 +07:00
parent 0f914a48ea
commit bf8e679b75
93 changed files with 327 additions and 325 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
template/account/account.html
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="/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="/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="/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="/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>
@@ -222,18 +222,18 @@
<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="/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"
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="/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]" data-fancybox="gallery">
<img src="/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>
@@ -268,18 +268,18 @@
<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="/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"
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="/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]" data-fancybox="gallery">
<img src="/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>
@@ -314,18 +314,18 @@
<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="/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"
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="/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]" data-fancybox="gallery">
<img src="/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>
@@ -360,18 +360,18 @@
<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="/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"
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="/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]" data-fancybox="gallery">
<img src="/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>
@@ -406,18 +406,18 @@
<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="/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"
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="/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]" data-fancybox="gallery">
<img src="/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>
@@ -452,18 +452,18 @@
<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="/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"
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="/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]" data-fancybox="gallery">
<img src="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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