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

update

Browse Source
This commit is contained in:
Tieptk
2025-05-12 10:35:33 +07:00
parent af2f1b378d
commit 0797a6bb17
16 changed files with 998 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
account/account.html
View File

@@ -777,6 +777,114 @@
</div>
</div>
<div class="page-account bg-[#EFEFEF] pb-[100px]">
<div class="container">
<div class="breadcrumb p-[12px_0]">
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul flex flex-wrap items-center">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center pr-[12px]">
<a href="/" itemprop="item" class="nopad-l flex items-center text-[#637381]">
<span itemprop="name"><span style="font-size: 0;display: none;">Trang chủ</span> <i
class="icon_2025 home mr-[5px] mb-[5px]"></i></span>
</a> <i class="icon_2025 angle-right ml-[12px]"></i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center pr-[12px]">
<a href="/man-hinh.html" itemprop="item" class="nopad-l flex items-center">
<span itemprop="name">
Tài khoản
</span>
</a>
<meta itemprop="position" content="2">
</li>
</ol>
</div>
<div class="mt-5 flex gap-[10px]">
<div class="left w-[20%]">
<div class="bg-white p-2 mb-2">
<div class="flex items-center">
<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>
<p class="text-[#707070]">Chipham2z@gmail.com</p>
</div>
</div>
<a href="" class="text-[#1877F2] font-bold mt-0.5 block">Xem hồ sơ</a>
</div>
<div class="bg-white py-3 mb-3">
<a href="" class="item flex items-center gap-[5px] p-2 mb-1">
<i class="icon_2025 list_faq"></i>
<span>Danh sách câu hỏi</span>
</a>
<a href="" class="item flex items-center gap-[5px] p-2 mb-1">
<i class="icon_2025 list_raovat"></i>
<span>Danh sách tin rao vặt</span>
</a>
<a href="" class="item active flex items-center gap-[5px] p-2 mb-1">
<i class="icon_2025 list_inbox"></i>
<span>Danh sách tin nhắn</span>
</a>
<a href="" class="item flex items-center gap-[5px] p-2 mb-1">
<i class="icon_2025 info_save"></i>
<span>Danh sách các thông tin đã lưu</span>
</a>
</div>
</div>
<div class="right w-[80%]">
<div class="bg-white">
<div class="flex items-center justify-between py-2 px-3 border-b-[1px] border-[#e3e3e3]">
<h3 class="text-xl font-bold">Tất cả (203)</h3>
<select name="" id=""
class="border border-[#dbdbdb] pl-[5px] h-[36px] text-black rounded-[4px]">
<option value="">Tất cả</option>
<option value="">Sản phẩm mới</option>
</select>
</div>
<div class="list sort_list px-3 mt-3">
<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="">
<div class="info">
<b>Mika203</b>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.?
</p>
</div>
</div>
<div class="right w-[7%]">
<div class="mb-1">11/04/2025</div>
<div
class="total-mess block w-[20px] w-[20px] rounded-full bg-[#ff7a00] text-center leading-[20px] text-white m-[auto] mr-[10px]">
3</div>
</div>
</div>
</div>
<!-- end list -->
</div>
</div>
</div>
</div>
</div>
</body>
</html>