237 lines
11 KiB
HTML
237 lines
11 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Document</title>
|
||
|
|
<link rel="stylesheet" href="./assets/css/style.css">
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
|
||
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||
|
|
<link rel="stylesheet"
|
||
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
|
||
|
|
<link rel="stylesheet"
|
||
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" />
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="product-category">
|
||
|
|
<div class="global-breadcrumb">
|
||
|
|
<div class="container">
|
||
|
|
<div id="breadcrumb" class="breadcrumb">
|
||
|
|
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
|
||
|
|
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="home">
|
||
|
|
<a href="/" itemprop="item" class="nopad-l">
|
||
|
|
<span itemprop="name">Trang chủ</span>
|
||
|
|
<i>/</i>
|
||
|
|
</a>
|
||
|
|
<meta itemprop="position" content="1">
|
||
|
|
</li>
|
||
|
|
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
|
||
|
|
<a href="/san-pham" itemprop="item">
|
||
|
|
<span itemprop="name">
|
||
|
|
Sản phẩm
|
||
|
|
</span> <span class="last-bre"> </span>
|
||
|
|
</a>
|
||
|
|
<meta itemprop="position" content="2">
|
||
|
|
</li>
|
||
|
|
</ol>
|
||
|
|
<div class="d-flex align-items space-between name-cate">
|
||
|
|
<div class="name">Thời trang nữ</div>
|
||
|
|
<p>TẤT CẢ 320 SẢN PHẨM</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="clearfix"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="filter-category">
|
||
|
|
<div class="container">
|
||
|
|
<div class="content-filter d-flex align-items space-between">
|
||
|
|
<div class="item left">
|
||
|
|
<div class="title d-flex">
|
||
|
|
<b>DANH MỤC:</b>
|
||
|
|
<p>THỜI TRANG NỮ</p>
|
||
|
|
<i class="fa fa-sort-down"></i>
|
||
|
|
</div>
|
||
|
|
<div class="hover-content">
|
||
|
|
<a href="">Thời trang nam</a>
|
||
|
|
<a href="">Thời trang nam</a>
|
||
|
|
<a href="">Thời trang nam</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item d-flex align-items mid space-center">
|
||
|
|
<b class="title-filter">Giá bán</b>
|
||
|
|
<div class="content-filter-price d-flex align-items">
|
||
|
|
<div id="slider-range"></div>
|
||
|
|
<div class="vertical-price-filter">
|
||
|
|
<div class="vertical-price-filter-child">
|
||
|
|
<div id="input-max-price-filter">0</div>
|
||
|
|
<div class="price-curency">đ</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="info-finter-price">
|
||
|
|
<span class="button-filter" onclick="finterPriceSli()">Lọc</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item d-flex align-items right">
|
||
|
|
<b class="title">SẮP XẾP THEO:</b>
|
||
|
|
<select onchange="location.href=this.value" class="sort-pro">
|
||
|
|
<option value="">Sắp xếp sản phẩm</option>
|
||
|
|
|
||
|
|
<option value="?sort=new">Mới nhất</option>
|
||
|
|
|
||
|
|
<option value="?sort=price-asc">Giá tăng dần
|
||
|
|
</option>
|
||
|
|
|
||
|
|
<option value="?sort=price-desc">Giá giảm dần
|
||
|
|
</option>
|
||
|
|
|
||
|
|
<option value="?sort=view">Lượt xem</option>
|
||
|
|
|
||
|
|
<option value="?sort=comment">Trao đổi</option>
|
||
|
|
|
||
|
|
<option value="?sort=rating">Đánh giá</option>
|
||
|
|
|
||
|
|
<option value="?sort=name">Tên A->Z</option>
|
||
|
|
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="list-product d-flex flex-wrap">
|
||
|
|
<div class="product-item">
|
||
|
|
<a href="" class="image-product">
|
||
|
|
<img src="./assets/images/product-deal.png" alt="">
|
||
|
|
|
||
|
|
</a>
|
||
|
|
<div class="box-sale saleoff">- 17%</div>
|
||
|
|
<div class="info-product d-flex">
|
||
|
|
<div class="content-info">
|
||
|
|
<a href="" class="product-title">
|
||
|
|
Cream Cropped Woven Vest (Áo vest)
|
||
|
|
</a>
|
||
|
|
<div class="product-price-main d-flex align-items">
|
||
|
|
<b class="price">
|
||
|
|
37.490.000 đ
|
||
|
|
</b>
|
||
|
|
<del class="old-price">38.490.000 đ</del>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="javascript" class="buy-cart">
|
||
|
|
<i class="icon_2023 cart"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="product-item">
|
||
|
|
<a href="" class="image-product">
|
||
|
|
<img src="./assets/images/product-deal.png" alt="">
|
||
|
|
|
||
|
|
</a>
|
||
|
|
<div class="box-sale saleoff">- 17%</div>
|
||
|
|
<div class="info-product d-flex">
|
||
|
|
<div class="content-info">
|
||
|
|
<a href="" class="product-title">
|
||
|
|
Cream Cropped Woven Vest (Áo vest)
|
||
|
|
</a>
|
||
|
|
<div class="product-price-main d-flex align-items">
|
||
|
|
<b class="price">
|
||
|
|
37.490.000 đ
|
||
|
|
</b>
|
||
|
|
<del class="old-price">38.490.000 đ</del>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="javascript" class="buy-cart">
|
||
|
|
<i class="icon_2023 cart"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="product-item">
|
||
|
|
<a href="" class="image-product">
|
||
|
|
<img src="./assets/images/product-deal.png" alt="">
|
||
|
|
|
||
|
|
</a>
|
||
|
|
<div class="box-sale saleoff">- 17%</div>
|
||
|
|
<div class="info-product d-flex">
|
||
|
|
<div class="content-info">
|
||
|
|
<a href="" class="product-title">
|
||
|
|
Cream Cropped Woven Vest (Áo vest)
|
||
|
|
</a>
|
||
|
|
<div class="product-price-main d-flex align-items">
|
||
|
|
<b class="price">
|
||
|
|
37.490.000 đ
|
||
|
|
</b>
|
||
|
|
<del class="old-price">38.490.000 đ</del>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="javascript" class="buy-cart">
|
||
|
|
<i class="icon_2023 cart"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="product-item">
|
||
|
|
<a href="" class="image-product">
|
||
|
|
<img src="./assets/images/product-deal.png" alt="">
|
||
|
|
|
||
|
|
</a>
|
||
|
|
<div class="box-sale saleoff">- 17%</div>
|
||
|
|
<div class="info-product d-flex">
|
||
|
|
<div class="content-info">
|
||
|
|
<a href="" class="product-title">
|
||
|
|
Cream Cropped Woven Vest (Áo vest)
|
||
|
|
</a>
|
||
|
|
<div class="product-price-main d-flex align-items">
|
||
|
|
<b class="price">
|
||
|
|
37.490.000 đ
|
||
|
|
</b>
|
||
|
|
<del class="old-price">38.490.000 đ</del>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="javascript" class="buy-cart">
|
||
|
|
<i class="icon_2023 cart"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="product-item">
|
||
|
|
<a href="" class="image-product">
|
||
|
|
<img src="./assets/images/product-deal.png" alt="">
|
||
|
|
|
||
|
|
</a>
|
||
|
|
<div class="box-sale saleoff">- 17%</div>
|
||
|
|
<div class="info-product d-flex">
|
||
|
|
<div class="content-info">
|
||
|
|
<a href="" class="product-title">
|
||
|
|
Cream Cropped Woven Vest (Áo vest)
|
||
|
|
</a>
|
||
|
|
<div class="product-price-main d-flex align-items">
|
||
|
|
<b class="price">
|
||
|
|
37.490.000 đ
|
||
|
|
</b>
|
||
|
|
<del class="old-price">38.490.000 đ</del>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="javascript" class="buy-cart">
|
||
|
|
<i class="icon_2023 cart"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||
|
|
|
||
|
|
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet"
|
||
|
|
type="text/css" />
|
||
|
|
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||
|
|
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
|
||
|
|
<script src="./assets/js/main.js"></script>
|
||
|
|
|
||
|
|
</html>
|