110 lines
5.8 KiB
HTML
110 lines
5.8 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="vi">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
|
<title>BESTPC - Trang chủ</title>
|
||
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
|
|
<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" />
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div class="page-list-store 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ìm người bán
|
||
|
|
</span>
|
||
|
|
</a>
|
||
|
|
<meta itemprop="position" content="2">
|
||
|
|
</li>
|
||
|
|
</ol>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="box-backgorund p-[15px] rounded-[12px] mt-3.5 bg-white">
|
||
|
|
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<h3 class="text-2xl text-black font-bold">Danh sách cửa hàng</h3>
|
||
|
|
|
||
|
|
<div class="right flex items-center">
|
||
|
|
<div class="w-[520px] relative rounded-[8px] mr-[15px] input-search border border-[#dddddd]">
|
||
|
|
<form action="/search" enctype="text/plain" method="get"
|
||
|
|
class="relative w-full h-[45px] bg-white rounded-[8px] overflow-hidden">
|
||
|
|
<input type="text" name="q" placeholder="Nhập địa chỉ cửa bạn để tìm cửa hàng gần nhất"
|
||
|
|
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 "></i></button>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<a href=""
|
||
|
|
class="block w-[190px] h-[45px] leading-[45px] border-[1px] border-[#462f91] rounded-[8px] text-center text-[#462f91] font-[500] hover:bg-[#462f91] hover:text-white">Giới
|
||
|
|
thiệu cửa hàng mới</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="filter flex items-center justify-between p-[10px] bg-[#f4f4f4] mt-[10px]">
|
||
|
|
<div class="flex items-center">
|
||
|
|
<a href=""
|
||
|
|
class="block-inline border-[#cacaca] border p-[0_20px] h-[40px] leading-[40px] rounded-[4px] bg-[var(--color-global)] text-white mr-[10px]">Gần
|
||
|
|
tôi
|
||
|
|
nhất</a>
|
||
|
|
<a href=""
|
||
|
|
class="block-inline border-[#cacaca] border p-[0_20px] h-[40px] leading-[40px] rounded-[4px] bg-[#fff] mr-[10px] hover:bg-[var(--color-global)] hover:text-white">Đánh
|
||
|
|
giá tốt nhất</a>
|
||
|
|
<a href=""
|
||
|
|
class="block-inline border-[#cacaca] border p-[0_20px] h-[40px] leading-[40px] rounded-[4px] bg-[#fff] mr-[10px] hover:bg-[var(--color-global)] hover:text-white">Đã
|
||
|
|
xem</a>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center">
|
||
|
|
<span class="mr-[10px]">Lọc theo</span>
|
||
|
|
<div class="select-two-arrow mr-[10px]">
|
||
|
|
<select name="" id="" class="">
|
||
|
|
<option value="">Tỉnh/Thành phố</option>
|
||
|
|
<option value="">Hà nội</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<div class="select-two-arrow mr-[10px]">
|
||
|
|
<select name="" id="" class="">
|
||
|
|
<option value="">Quận/Huyện</option>
|
||
|
|
<option value="">Hà nội</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<select name="" id="" class="p-[10px] border-[1px] border-[#d5d5d5] rounded-[4px]">
|
||
|
|
<option value="">Cách tôi 3km</option>
|
||
|
|
<option value="">10km</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|