Files
giao_dien_web_mau/demo-mevabe-1/category.html
2023-03-25 09:41:13 +07:00

249 lines
13 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>Mẹ và bé</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="./assets/css/style.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" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="product-category">
<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"><i class="icon_2023 home"></i> Trang chủ</span>
</a> <i class="fa fa-angle-right"></i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a href="/linh-kien-may-tinh/" itemprop="item">
<span itemprop="name">
Linh Kiện Máy Tính
</span> <span class="last-bre"> <i class="fa fa-angle-right"></i> </span>
</a>
<meta itemprop="position" content="2">
</li>
</ol>
</div>
<div class="clearfix"></div>
<div class="content-product-category d-flex">
<div class="left-category">
<div class="filter-category">
<h2 class="title">Bộ lọc</h2>
<div class="item-filter active">
<div class="title-filter d-flex align-items space-between js-title-filter">
<p>Khoảng giá</p>
</div>
<div class="content-filter">
<div id="slider-range"></div>
<div class="vertical-price-filter">
<div class="vertical-price-filter-child">
<div id="input-min-price-filter">0</div>
<div class="price-curency">đ</div>
</div>
<div class="price-separator"></div>
<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-filter active">
<div class="title-filter d-flex align-items space-between js-title-filter">
<p>Thương hiệu</p>
</div>
<div class="content-filter">
<a class="item-attr d-flex align-items space-between" href="">
<div class="left">
<i class="fa fa-square-o" aria-hidden="true"></i>
<span>Everon</span>
</div>
<div class="right">
(10)
</div>
</a>
</div>
</div>
</div>
</div>
<div class="right-category">
<div class="banner-category">
<a href="" class="item">
<img src="./assets/images/banner_category.png" alt="">
</a>
</div>
<div class="product-category-sort d-flex align-items space-between">
<div class="name-category d-flex align-items">
<h1>Bé Mặc</h1>
<span>1185 sản phẩm</span>
</div>
<select onchange="location.href=this.value" class="sort-pro">
<option value="/may-tinh-choi-game">Sắp xếp sản phẩm</option>
<option value="https://ducanpc.vn/may-tinh-choi-game?sort=new">Mới nhất</option>
<option value="https://ducanpc.vn/may-tinh-choi-game?sort=price-asc">Giá tăng dần</option>
<option value="https://ducanpc.vn/may-tinh-choi-game?sort=price-desc">Giá giảm dần</option>
<option value="https://ducanpc.vn/may-tinh-choi-game?sort=view">Lượt xem</option>
<option value="https://ducanpc.vn/may-tinh-choi-game?sort=comment">Trao đổi</option>
<option value="https://ducanpc.vn/may-tinh-choi-game?sort=rating">Đánh giá</option>
<option value="https://ducanpc.vn/may-tinh-choi-game?sort=name">Tên A-&gt;Z</option>
</select>
</div>
<div class="product-list d-flex flex-wrap">
<div class="product-item">
<a href="" class="image-product">
<img src="./assets/images/Rectangle 22.png" alt="">
<div class="saleoff">-35%</div>
</a>
<div class="info-product">
<div class="total-review">
<i class="icon_star star5"></i>
<span class="total">(12)</span>
</div>
<a href="" class="product-title">
Sữa Kendamil Organic số 3 800g
(1 - 3 tuổi)
</a>
<div class="product-price-main">
<b class="price">
37.490.000 đ
</b>
<del class="old-price">38.490.000 đ</del>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="image-product">
<img src="./assets/images/Rectangle 22.png" alt="">
<div class="saleoff">-35%</div>
</a>
<div class="info-product">
<div class="total-review">
<i class="icon_star star5"></i>
<span class="total">(12)</span>
</div>
<a href="" class="product-title">
Sữa Kendamil Organic số 3 800g
(1 - 3 tuổi)
</a>
<div class="product-price-main">
<b class="price">
37.490.000 đ
</b>
<del class="old-price">38.490.000 đ</del>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="image-product">
<img src="./assets/images/Rectangle 22.png" alt="">
<div class="saleoff">-35%</div>
</a>
<div class="info-product">
<div class="total-review">
<i class="icon_star star5"></i>
<span class="total">(12)</span>
</div>
<a href="" class="product-title">
Sữa Kendamil Organic số 3 800g
(1 - 3 tuổi)
</a>
<div class="product-price-main">
<b class="price">
37.490.000 đ
</b>
<del class="old-price">38.490.000 đ</del>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="image-product">
<img src="./assets/images/Rectangle 22.png" alt="">
<div class="saleoff">-35%</div>
</a>
<div class="info-product">
<div class="total-review">
<i class="icon_star star5"></i>
<span class="total">(12)</span>
</div>
<a href="" class="product-title">
Sữa Kendamil Organic số 3 800g
(1 - 3 tuổi)
</a>
<div class="product-price-main">
<b class="price">
37.490.000 đ
</b>
<del class="old-price">38.490.000 đ</del>
</div>
</div>
</div>
<div class="product-item">
<a href="" class="image-product">
<img src="./assets/images/Rectangle 22.png" alt="">
<div class="saleoff">-35%</div>
</a>
<div class="info-product">
<div class="total-review">
<i class="icon_star star5"></i>
<span class="total">(12)</span>
</div>
<a href="" class="product-title">
Sữa Kendamil Organic số 3 800g
(1 - 3 tuổi)
</a>
<div class="product-price-main">
<b class="price">
37.490.000 đ
</b>
<del class="old-price">38.490.000 đ</del>
</div>
</div>
</div>
</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>