134 lines
7.5 KiB
HTML
134 lines
7.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,user-scalable=0">
|
||
|
|
<title>BESTPC - Trang chủ</title>
|
||
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" />
|
||
|
|
<link rel="stylesheet" href="../../assets/css/style.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="container-mb">
|
||
|
|
|
||
|
|
<div class="page-form-classifieds bg-[#F4F4F4] 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">
|
||
|
|
<p class="font-[600]" itemprop="name">
|
||
|
|
Tin rao vặt
|
||
|
|
</p>
|
||
|
|
</a> <i class="icon_2025 angle-right ml-[12px]"></i>
|
||
|
|
<meta itemprop="position" content="2">
|
||
|
|
</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">
|
||
|
|
<p class="font-[600]" itemprop="name">
|
||
|
|
Đăng tin
|
||
|
|
</p>
|
||
|
|
</a>
|
||
|
|
<meta itemprop="position" content="2">
|
||
|
|
</li>
|
||
|
|
</ol>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-white mt-[10px] p-[10px] rounded-[4px]">
|
||
|
|
<form action="">
|
||
|
|
<h3 class="text-[16px] font-bold mb-3">Hình ảnh và Video sản phẩm</h3>
|
||
|
|
|
||
|
|
<div class="box-upload mb-2 grid grid-cols-3 gap-[10px]">
|
||
|
|
<input id="js-file-upload-id" type="hidden" value="">
|
||
|
|
<div id="js-container-selector">
|
||
|
|
<a id="js-select-file" href="javascript:void(0);" class="btn-upload flex flex-col items-center justify-center dz-clickable w-full h-[116px] bg-[#f6f6f6] rounded-[12px] border-[1px] border-dashed
|
||
|
|
border-[var(--color-global)] hover:border-[2px] hover:border-solid">
|
||
|
|
<img src="../../assets/images/icon_upload_image.png"
|
||
|
|
class="w-[50px] h-[50px] block mb-2 object-contain" width="100%" height="100%"
|
||
|
|
alt="">
|
||
|
|
<p class="text-center text-[11px]">Có thể đăng tối đa 6 hình ảnh</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div id="js-container-selector">
|
||
|
|
<a id="js-select-file" href="javascript:void(0);"
|
||
|
|
class="btn-upload flex flex-col items-center justify-center dz-clickable w-full h-[116px] bg-[#f6f6f6] rounded-[12px] border-[1px] border-dashed
|
||
|
|
border-[var(--color-global)] hover:border-[2px] hover:border-solid">
|
||
|
|
<img src="../../assets/images/icon_upload_video.png"
|
||
|
|
class="w-[50px] h-[50px] block mb-2 object-contain" width="100%" height="100%"
|
||
|
|
alt="">
|
||
|
|
<p class="text-center text-[11px]">Có thể đăng tối đa 6 hình ảnh</p>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<h3 class="text-[16] font-bold my-[15px]">Nhập thông tin sản phẩm</h3>
|
||
|
|
|
||
|
|
<div class="relative select-arrow">
|
||
|
|
<select name="" id="">
|
||
|
|
<option value="">CHọn danh mục tin đăng</option>
|
||
|
|
<option value="">Hà nội</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<b class="block mb-3"></b>
|
||
|
|
<div class="form-input mt-[20px]">
|
||
|
|
<input type="text" name="title" placeholder="Tình trạng" />
|
||
|
|
<div class="note-error"></div>
|
||
|
|
</div>
|
||
|
|
<div class="form-input mt-[20px]">
|
||
|
|
<input type="text" name="title" placeholder="Cấu hình" />
|
||
|
|
<div class="note-error"></div>
|
||
|
|
</div>
|
||
|
|
<div class="form-input mt-[20px]">
|
||
|
|
<input type="text" name="title" placeholder="Địa chỉ" />
|
||
|
|
<div class="note-error"></div>
|
||
|
|
</div>
|
||
|
|
<div class="form-input mt-[20px]">
|
||
|
|
<textarea class="h-[230px]" type="text" name="title"
|
||
|
|
placeholder="Thông tin sản phẩm"></textarea>
|
||
|
|
<div class="note-error"></div>
|
||
|
|
</div>
|
||
|
|
<div class="form-input mt-[20px]">
|
||
|
|
<textarea class="h-[230px]" type="text" name="title"
|
||
|
|
placeholder="Mô tả chi tiết"></textarea>
|
||
|
|
<div class="note-error"></div>
|
||
|
|
</div>
|
||
|
|
<div class="form-input mt-[20px]">
|
||
|
|
<input type="text" name="title" placeholder="Giá bán" />
|
||
|
|
<div class="note-error"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mt-5 flex items-center justify-end">
|
||
|
|
<a href=""
|
||
|
|
class="block text-center w-[245px] px-10 py-2.5 border border-[#000] rounded-[4px] mr-2 font-bold hover:bg-gray-500 hover:text-white">Lưu
|
||
|
|
bản nháp</a>
|
||
|
|
<a href=""
|
||
|
|
class="block text-center w-[245px] px-10 py-2.5 border border-[] rounded-[4px] bg-[var(--color-global)] text-white font-bold hover:bg-purple-900">Đăng
|
||
|
|
tin</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|