106 lines
5.1 KiB
HTML
106 lines
5.1 KiB
HTML
<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="../../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="/taikhoan" class="text-[#1877F2] font-bold mt-0.5 block">Xem hồ sơ</a>
|
|
</div>
|
|
|
|
<div class="bg-white py-3 mb-3">
|
|
<a href="/danh-sach-cau-hoi" class="item active 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="/danh-sach-tin-rao-vat" 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="/danh-sach-tin-nhan" class="item 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="/danh-sach-thong-tin-da-luu" 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 p-3">
|
|
<b class="mb-5 text-xl block">Thông tin cá nhân</b>
|
|
|
|
<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]">
|
|
|
|
<div class="flex items-center justify-between py-2 border-b-[1px] border-[#e3e3e3]">
|
|
<b>Họ và tên</b>
|
|
<b>Chi phạm</b>
|
|
</div>
|
|
|
|
<div class="flex items-center justify-between py-2 border-b-[1px] border-[#e3e3e3]">
|
|
<b>Email</b>
|
|
<b class="text-[#707070]">Chipham2z@gmail.com</b>
|
|
</div>
|
|
|
|
<div class="flex items-center justify-between py-2 border-b-[1px] border-[#e3e3e3]">
|
|
<b>Số điện thoại</b>
|
|
<b class="text-[#707070]">098.240.2013</b>
|
|
</div>
|
|
<div class="flex items-center justify-between py-2 border-b-[1px] border-[#e3e3e3]">
|
|
<b>Ngày sinh</b>
|
|
<b class="text-[#707070]">13/03/1999</b>
|
|
</div>
|
|
<div class="flex items-center justify-between py-2 border-b-[1px] border-[#e3e3e3]">
|
|
<b>Tỉnh thành</b>
|
|
<b class="text-[#707070]">Hà nội</b>
|
|
</div>
|
|
<div class="flex items-center justify-between py-2">
|
|
<b>Giới tính</b>
|
|
<b class="text-[#707070]">Nữ</b>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div> |