update 1:12
This commit is contained in:
@@ -885,6 +885,216 @@
|
||||
|
||||
</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 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 active 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="list-tab bg-white flex items-center gap-[10px] mb-2">
|
||||
<a href="javascript:void(0)"
|
||||
class="item px-7 py-2 font-bold text-[#ff3c00] border-b-[2px] border-[#ff3c00]">Sản
|
||||
phẩm</a>
|
||||
<a href="javascript:void(0)"
|
||||
class="item px-7 py-2 font-bold hover:text-[#ff3c00] hover:border-b-[2px] hover:border-[#ff3c00]">Cửa
|
||||
hàng</a>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-2 mb-2">
|
||||
<div class="flex items-center justify-between">
|
||||
|
||||
<div class="w-[85%] relative rounded-[8px] mr-[15px] input-search border border-[#dddddd]">
|
||||
<form action="/search" enctype="text/plain" method="get"
|
||||
class="relative w-full h-[40px] bg-white rounded-[8px] overflow-hidden">
|
||||
<input type="text" name="q" placeholder="Tìm theo tên sản phẩm,mã sản phẩm"
|
||||
class="search-input w-full h-full p-[0_10px_0_40px] rounded-[8px] text-sm"
|
||||
onclick="$('.autocomplete-suggestions').show();">
|
||||
<button type="submit" class="absolute left-[10px] top-[5px] w-[40px] h-[35px] "><i
|
||||
class="icon_2025 search-2 "></i></button>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
<select name="" id=""
|
||||
class="border border-[#dbdbdb] pl-[5px] h-[40px] text-black rounded-[4px]">
|
||||
<option value="">Tất cả</option>
|
||||
<option value="">Sản phẩm mới</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-2">
|
||||
|
||||
<div class="content_tab">
|
||||
<div class="list">
|
||||
<div
|
||||
class="item-product py-2 border-b-[1px] border-[#e3e3e3] flex items-center gap-[20px]">
|
||||
<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"
|
||||
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
|
||||
tay Macbook Air 13
|
||||
2020
|
||||
M1/8GB/256GB SSD Xám
|
||||
MGN63SA/A</a>
|
||||
|
||||
<select name="" id=""
|
||||
class="border border-[#dbdbdb] pl-[5px] h-[40px] text-black rounded-[4px]">
|
||||
<option value="">Màu xám</option>
|
||||
<option value="">Màu vàng</option>
|
||||
</select>
|
||||
|
||||
<div class="total-shop flex items-center mt-2">
|
||||
<div
|
||||
class="box-shop bg-[#FF7A00] w-[24px] h-[24px] rounded-full flex items-center justify-center">
|
||||
<i
|
||||
class="icon_2025 shop brightness-0 invert-[1] bg-size-[160px_160px]"></i>
|
||||
</div>
|
||||
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-between gap-[10px] w-[30%]">
|
||||
<div class="">
|
||||
<b class="block text-lg text-[#d80a00]">15.000.000đ</b>
|
||||
<del class="text-lg text-[#b0b0b0]">16.500.000đ</del>
|
||||
</div>
|
||||
<a href=""
|
||||
class="py-2 px-4 border-[1px] border-[#ff5900] rounded-[4px] text-[#ff5900]">Chọn
|
||||
mua</a>
|
||||
<a href=""><i class="icon_2025 remove"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="item-product py-2 border-b-[1px] border-[#e3e3e3] flex items-center gap-[20px]">
|
||||
<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"
|
||||
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
|
||||
tay Macbook Air 13
|
||||
2020
|
||||
M1/8GB/256GB SSD Xám
|
||||
MGN63SA/A</a>
|
||||
|
||||
<select name="" id=""
|
||||
class="border border-[#dbdbdb] pl-[5px] h-[40px] text-black rounded-[4px]">
|
||||
<option value="">Màu xám</option>
|
||||
<option value="">Màu vàng</option>
|
||||
</select>
|
||||
|
||||
<div class="total-shop flex items-center mt-2">
|
||||
<div
|
||||
class="box-shop bg-[#FF7A00] w-[24px] h-[24px] rounded-full flex items-center justify-center">
|
||||
<i
|
||||
class="icon_2025 shop brightness-0 invert-[1] bg-size-[160px_160px]"></i>
|
||||
</div>
|
||||
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-between gap-[10px] w-[30%]">
|
||||
<div class="">
|
||||
<b class="block text-lg text-[#d80a00]">15.000.000đ</b>
|
||||
<del class="text-lg text-[#b0b0b0]">16.500.000đ</del>
|
||||
</div>
|
||||
<a href=""
|
||||
class="py-2 px-4 border-[1px] border-[#ff5900] rounded-[4px] text-[#ff5900]">Chọn
|
||||
mua</a>
|
||||
<a href=""><i class="icon_2025 remove"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end list product -->
|
||||
<div class="content_tab">
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user