ducdt/giao_dien_web_mau
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
master
giao_dien_web_mau/demo-ten_mau-stt_mau/index-mobile.html
Dao Duc 4719163917 update 25-03-2023
2023-03-25 09:41:13 +07:00

1311 lines
92 KiB
HTML
Raw Permalink Blame History

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title> Local - Mobile </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<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=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<div id="js-fontawesome-lib"></div>
<link rel="stylesheet" media="screen" href="scss/lib.css" />
<link rel="stylesheet" media="screen" href="scss/mobile_css.css" />
</head>
<body>
<!-- Header -->
<div class="global-header-container d-flex flex-wrap align-items-center">
<a href="#js-global-menu" class="icons icon-menu"></a>
<a href="/" class="header-logo">
<img src="images/logo.png" alt="Logo" width="1" height="1"/>
</a>
<div class="global-header-right d-flex flex-wrap">
<a href="tel:19006750" class="item icons icon-phone"></a>
<a href="/cart" class="item icons icon-cart">
<span class="cart-count js-cart-count">0</span>
</a>
</div>
<div class="header-search-group">
<form method="get" action="/tim" name="search">
<input type="text" id="js-seach-input" name="q" placeholder="Tìm kiếm" value="" autocomplete="off" class="text-search">
<button type="submit" class="btn-search icons"></button>
</form>
<div class="autocomplete-suggestions" style="display: none;"><!-- search data --></div>
</div>
</div>
<div class="global-header-block" style="display: none;"></div>
<!-- Homepage -->
<div class="homepage" style="display: none;">
<div class="home-banner-group owl-carousel owl-theme custom-dots" id="js-home-slider">
<a href=""><img data-src="images/home/slider.png" alt="" width="" height="" class="owl-lazy"/></a>
<a href=""><img data-src="https://via.placeholder.com/795x462" alt="" width="" height="" class="owl-lazy"/></a>
<a href=""><img data-src="images/home/slider.png" alt="" width="" height="" class="owl-lazy"/></a>
</div>
<!-- Deal -->
<div class="home-deal-group">
<div class="group-title">
<h2 class="title">Deal sốc mỗi ngày</h2>
<div class="deal-time-holder js-countdown-time">
<!-- <b>02</b> <b>32</b> <b>16</b> -->
</div>
</div>
<div class="product-holder js-product">
<div class="owl-carousel owl-theme custom-nav">
<div class="p-item">
<a href="" class="p-img">
<img src="images/product-1.jpg" alt="" width="250" height="250"/>
</a>
<span class="p-discount">-20%</span>
<div class="p-text">
<a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a>
<div class="p-price-group">
<p class="p-price">270.000đ</p>
<p class="p-old-price">
Giá gốc: <del>465.000đ</del>
</p>
</div>
<div class="p-deal-group">
<p class="p-sale-quantity">300 sản phẩm đã bán</p>
<p class="p-line-holder">
<span class="p-line" style="width: 40%;"></span>
</p>
</div>
<a href="javascript:void(0)" class="p-btn">MUA NGAY</a>
</div>
</div>
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 70%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 20%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 90%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">Liên hệ</p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 40%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 40%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 70%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 20%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 90%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">Liên hệ</p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 40%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 40%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div>
</div>
</div>
</div>
<!-- Collection -->
<div class="home-collection-group" data-aos="fade-up" data-aos-duration="1000">
<h2 class="title">Bán chạy của Tháng</h2>
<div class="collection-content-holder d-flex flex-wrap" data-aos="fade-up" data-aos-duration="1000" id="js-product-collection">
<div class="owl-carousel owl-theme custom-nav">
<div class="p-item">
<a href="" class="p-img">
<img src="images/product-1.jpg" alt="" width="250" height="250"/>
</a>
<span class="p-discount">-20%</span>
<div class="p-text">
<a href="" class="p-name"><h3>Bỉm quần Moony Natural</h3></a>
<div class="p-price-group">
<p class="p-price">270.000đ</p>
<p class="p-old-price">
Giá gốc: <del>465.000đ</del>
</p>
</div>
<a href="javascript:void(0)" class="p-btn">MUA NGAY</a>
</div>
</div>
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">Liên hệ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">Liên hệ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div>
</div>
</div>
<div class="box-btn">
<a href="" data-aos="fade-left" data-aos-duration="1000">Xem thêm <i class="fas fa-angle-double-right"></i></a>
</div>
</div>
<!-- box product -->
<div class="home-product-group" data-aos="fade-up" data-aos-duration="1000">
<div class="box-title-group">
<h2 class="title">Sữa - Thực phẩm</h2>
<div class="cat-description">Cung cấp dinh dưỡng cho bé</div>
</div>
<div class="box-product-holder js-product">
<div class="owl-carousel owl-theme">
<div class="p-item">
<a href="" class="p-img">
<img src="images/product-1.jpg" alt="" width="250" height="250"/>
</a>
<span class="p-discount">-20%</span>
<div class="p-text">
<a href="" class="p-name"><h3>Bỉm quần Moony Natural</h3></a>
<div class="p-price-group">
<p class="p-price">270.000đ</p>
<p class="p-old-price">
Giá gốc: <del>465.000đ</del>
</p>
</div>
<a href="javascript:void(0)" class="p-btn">MUA NGAY</a>
</div>
</div>
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">Liên hệ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">Liên hệ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div>
</div>
</div>
<div class="box-btn">
<a href="">Xem thêm <i class="fas fa-angle-double-right"></i></a>
</div>
</div>
<!-- box-product -->
<div class="home-product-group" data-aos="fade-up" data-aos-duration="1000">
<div class="box-title-group"><h2 class="title">ĐỒ SƠ SINH CHO BÉ</h2><div class="cat-description">Cung cấp làn da mịn màng cho bé</div></div>
<div class="box-product-holder js-product"><div class="owl-carousel owl-theme"> <div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">Liên hệ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">Liên hệ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div></div></div>
<div class="box-btn"><a href="">Xem thêm <i class="fas fa-angle-double-right"></i></a></div>
</div>
<!-- Khách hàng nói về chúng tôi -->
<div class="home-customer-comment-group" data-aos="fade-up" data-aos-duration="1000">
<p class="title">Khách hàng nói về chúng tôi</p>
<div class="customer-comment-list owl-carousel owl-theme" id="js-customer-comment-list">
<div class="item">
<div class="image" style="background-image: url(images/home/home-comment-1.png)">
<span class="avatar" style="background-image: url(images/home/customer-comment-avatar.png)"></span>
</div>
<div class="text">
<div class="item-name">
<b>Nguyễn Hồng nhung</b>
<span>0383 100 ***</span>
</div>
<i class="icon-star star-5"></i>
<div class="summary">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum rerum ipsam accusamus molestias temporibus, libero placeat numquam porro rem! Dolor cumque beatae distinctio harum! Voluptas exercitationem distinctio assumenda aliquid amet.</div>
</div>
</div>
<div class="item">
<div class="image" style="background-image: url(images/home/home-comment-2.png)">
<span class="avatar" style="background-image: url(images/home/customer-comment-avatar.png)"></span>
</div>
<div class="text">
<div class="item-name">
<b>Nguyễn Hồng nhung</b>
<span>0383 100 ***</span>
</div>
<i class="icon-star star-5"></i>
<div class="summary">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum rerum ipsam accusamus molestias temporibus, libero placeat numquam porro rem! Dolor cumque beatae distinctio harum! Voluptas exercitationem distinctio assumenda aliquid amet.</div>
</div>
</div>
<div class="item">
<div class="image" style="background-image: url(images/home/home-comment-3.png)">
<span class="avatar" style="background-image: url(images/home/customer-comment-avatar.png)"></span>
</div>
<div class="text">
<div class="item-name">
<b>Nguyễn Hồng nhung</b>
<span>0383 100 ***</span>
</div>
<i class="icon-star star-5"></i>
<div class="summary">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum rerum ipsam accusamus molestias temporibus, libero placeat numquam porro rem! Dolor cumque beatae distinctio harum! Voluptas exercitationem distinctio assumenda aliquid amet.</div>
</div>
</div>
<div class="item">
<div class="image" style="background-image: url(images/home/home-comment-1.png)">
<span class="avatar" style="background-image: url(images/home/customer-comment-avatar.png)"></span>
</div>
<div class="text">
<div class="item-name">
<b>Nguyễn Hồng nhung</b>
<span>0383 100 ***</span>
</div>
<i class="icon-star star-5"></i>
<div class="summary">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum rerum ipsam accusamus molestias temporibus, libero placeat numquam porro rem! Dolor cumque beatae distinctio harum! Voluptas exercitationem distinctio assumenda aliquid amet.</div>
</div>
</div>
</div>
</div>
</div>
<!-- breadcrumb -->
<!-- Không hiển thị ở deal -->
<div class="container">
<div class="global-breadcrumb">
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul clearfix">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a href="/" itemprop="item" class="nopad-l">
<span itemprop="name">Trang chủ</span>
</a>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a href="" itemprop="item" class="nopad-l">
<span itemprop="name"> Danh mục cấp 2 </span>
</a>
<meta itemprop="position" content="2" />
</li>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a href="" itemprop="item" class="nopad-l">
<span itemprop="name"> Danh mục cấp 3 </span>
</a>
<meta itemprop="position" content="3" />
</li>
</ol>
</div>
</div>
<!-- Product category -->
<div class="product-page" style="display: none;">
<div class="page-title-group d-flex flex-wrap align-items-center justify-content-between">
<h1 class="page-title">Bỉm tã - Vệ sinh</h1>
<div class="product-right-group">
<select>
<option value="">Sắp xếp theo</option>
<option value="">1</option>
<option value="">2</option>
</select>
<a href="javascript:void(0)" class="icons icon-filter" id="js-btn-filter"></a>
</div>
</div>
<div class="product-list-holder">
<div class="p-item">
<a href="" class="p-img">
<img src="images/product-1.jpg" alt="" width="250" height="250"/>
</a>
<span class="p-discount">-20%</span>
<div class="p-text">
<a href="" class="p-name"><h3>Bỉm quần Moony Natural</h3></a>
<div class="p-price-group">
<p class="p-price">270.000đ</p>
<p class="p-old-price">
Giá gốc: <del>465.000đ</del>
</p>
</div>
<a href="javascript:void(0)" class="p-btn">MUA NGAY</a>
</div>
</div>
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">Liên hệ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">Liên hệ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div>
</div>
<div class="paging">
<a href="" class="current">1</a>
<a href="">2</a><a href="">3</a><a href="">4</a>
</div>
<div id="js-filter-container" style="display: none;">
<div class="product-filter-container">
<p class="filter-header-group">Bộ lọc</p>
<div class="filter-content-group">
<!-- Thương hiệu -->
<div class="filter-item filter-count-10">
<p class="title">Thương hiệu</p>
<div class="filter-list">
<a href="" class="current">Simba (Đài Loan) (1)</a>
<a href="">Enfant (Thailand) (1)</a>
<a href="">Dodie (Pháp) (4)</a> <a href="">Bobby (Nhật Bản) (15)</a> <a href="">Abena (Đan Mạch) (1)</a> <a href="">Richell (Nhật Bản) (1)</a> <a href="">Tanamera (Malaysia) (1)</a> <a href="">ChuchuBaby (Nhật) (2)</a> <a href="">Moony (Nhật Bản) (30)</a> <a href="">Pampers (Nhật Bản) (8)</a><a href="">Dodie (Pháp) (4)</a> <a href="">Bobby (Nhật Bản) (15)</a> <a href="">Abena (Đan Mạch) (1)</a> <a href="">Richell (Nhật Bản) (1)</a> <a href="">Tanamera (Malaysia) (1)</a> <a href="">ChuchuBaby (Nhật) (2)</a> <a href="">Moony (Nhật Bản) (30)</a> <a href="">Pampers (Nhật Bản) (8)</a>
</div>
</div>
<!-- Khoảng giá -->
<div class="filter-item">
<p class="title">Khoảng giá</p>
<div class="filter-list">
<a href="" class="current">Dưới 200 ngàn (95)</a>
<a href="">200 ngàn - 300 ngàn (25)</a>
<a href="">300 ngàn - 400 ngàn (53)</a>
<a href="">Trên 400 ngàn (42)</a>
</div>
</div>
<!-- Attribute -->
<div class="filter-item">
<p class="title">Attribute 1</p>
<div class="filter-list">
<a href="" class="current">Simba (Đài Loan) (1)</a>
<a href="">Enfant (Thailand) (1)</a>
</div>
</div>
<div class="filter-item">
<p class="title">Attribute 1</p>
<div class="filter-list">
<a href="" class="current">Simba (Đài Loan) (1)</a>
<a href="">Enfant (Thailand) (1)</a>
</div>
</div>
<div class="filter-item filter-count-10"> <p class="title">Attribute 1</p><div class="filter-list"> <a href="" class="current">Simba (Đài Loan) (1)</a> <a href="">Enfant (Thailand) (1)</a> <a href="">Dodie (Pháp) (4)</a> <a href="">Bobby (Nhật Bản) (15)</a> <a href="">Abena (Đan Mạch) (1)</a> <a href="">Richell (Nhật Bản) (1)</a> <a href="">Tanamera (Malaysia) (1)</a> <a href="">ChuchuBaby (Nhật) (2)</a> <a href="">Moony (Nhật Bản) (30)</a> <a href="">Pampers (Nhật Bản) (8)</a><a href="">Dodie (Pháp) (4)</a> <a href="">Bobby (Nhật Bản) (15)</a> <a href="">Abena (Đan Mạch) (1)</a> <a href="">Richell (Nhật Bản) (1)</a> <a href="">Tanamera (Malaysia) (1)</a> <a href="">ChuchuBaby (Nhật) (2)</a> <a href="">Moony (Nhật Bản) (30)</a> <a href="">Pampers (Nhật Bản) (8)</a> </div></div><div class="filter-item filter-count-10"> <p class="title">Attribute 1</p><div class="filter-list"> <a href="" class="current">Simba (Đài Loan) (1)</a> <a href="">Enfant (Thailand) (1)</a> <a href="">Dodie (Pháp) (4)</a> <a href="">Bobby (Nhật Bản) (15)</a> <a href="">Abena (Đan Mạch) (1)</a> <a href="">Richell (Nhật Bản) (1)</a> <a href="">Tanamera (Malaysia) (1)</a> <a href="">ChuchuBaby (Nhật) (2)</a> <a href="">Moony (Nhật Bản) (30)</a> <a href="">Pampers (Nhật Bản) (8)</a><a href="">Dodie (Pháp) (4)</a> <a href="">Bobby (Nhật Bản) (15)</a> <a href="">Abena (Đan Mạch) (1)</a> <a href="">Richell (Nhật Bản) (1)</a> <a href="">Tanamera (Malaysia) (1)</a> <a href="">ChuchuBaby (Nhật) (2)</a> <a href="">Moony (Nhật Bản) (30)</a> <a href="">Pampers (Nhật Bản) (8)</a> </div></div>
</div>
<div class="filter-bottom-group">
<a href="javascript:void(0)">Xóa bộ lọc</a>
<a href="javascript:void(0)" onclick="_close_filter();">Đóng</a>
</div>
</div>
</div>
</div>
<!-- product deal page -->
<div class="product-page product-deal-page container" style="display: none;">
<div class="group-title">
<h2 class="title">Deal sốc mỗi ngày</h2>
<div class="deal-time-holder js-countdown-time">
<!-- <b>02</b> <b>32</b> <b>16</b> -->
</div>
</div>
<div class="product-list-holder">
<div class="p-item">
<a href="" class="p-img">
<img src="images/product-1.jpg" alt="" width="250" height="250"/>
</a>
<span class="p-discount">-20%</span>
<div class="p-text">
<a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a>
<div class="p-price-group">
<p class="p-price">270.000đ</p>
<p class="p-old-price">
Giá gốc: <del>465.000đ</del>
</p>
</div>
<div class="p-deal-group">
<p class="p-sale-quantity">300 sản phẩm đã bán</p>
<p class="p-line-holder">
<span class="p-line" style="width: 40%;"></span>
</p>
</div>
<a href="javascript:void(0)" class="p-btn">MUA NGAY</a>
</div>
</div>
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 70%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 20%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 90%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">Liên hệ</p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 40%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 40%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 70%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 20%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 90%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">Liên hệ</p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 40%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><div class="p-deal-group"> <p class="p-sale-quantity">300 sản phẩm đã bán</p><p class="p-line-holder"> <span class="p-line" style="width: 40%;"></span> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div>
</div>
<div class="paging">
<a href="" class="current">1</a>
<a href="">2</a><a href="">3</a><a href="">4</a>
</div>
</div>
<!-- product-detail -->
<div class="product-detail-page" style="display: none;">
<div class="pd-image-group owl-carousel owl-theme" id="js-big-img">
<a href="javascript:void(0)" class="item" data-id="js-fancybox-1">
<img src="images/product-1.jpg"/>
</a>
<a href="javascript:void(0)" class="item" data-id="js-fancybox-2">
<img src="images/product-2.jpg"/>
</a>
<a href="javascript:void(0)" class="item" data-id="js-fancybox-3"><img src="images/product-3.jpg"/></a><a href="javascript:void(0)" class="item" data-id="js-fancybox-4"><img src="images/product-4.jpg"/></a><a href="javascript:void(0)" class="item" data-id="js-fancybox-3"><img src="images/product-5.jpg"/></a><a href="javascript:void(0)" class="item" data-id="js-fancybox-4"><img src="images/product-6.jpg"/></a>
</div>
<div class="pd-gallery-group owl-carousel owl-theme" id="js-img-gallery">
<a href="javascript:void(0)" data-id="js-fancybox-1" data-href="images/product-1.jpg" class="item">
<span><img src="images/product-1.jpg" /></span>
</a>
<a href="javascript:void(0)" data-id="js-fancybox-2" data-href="images/product-2.jpg" class="item"><span><img src="images/product-2.jpg"/></span></a>
<a href="javascript:void(0)" data-id="js-fancybox-3" data-href="images/product-3.jpg" class="item"><span><img src="images/product-3.jpg"/></span></a>
<a href="javascript:void(0)" data-id="js-fancybox-4" data-href="images/product-4.jpg" class="item"><span><img src="images/product-4.jpg"/></span></a>
<a href="javascript:void(0)" data-id="js-fancybox-5" data-href="images/product-5.jpg" class="item"><span><img src="images/product-5.jpg"/></span></a>
<a href="javascript:void(0)" data-id="js-fancybox-6" data-href="images/product-6.jpg" class="item"><span><img src="images/product-6.jpg"/></span></a>
</div>
<div style="display: none;">
<a href="images/product-1.jpg" data-fancybox="gallery" data-thumb="images/product-1.jpg" id="js-fancybox-1"></a>
<a href="images/product-2.jpg" data-fancybox="gallery" data-thumb="images/product-2.jpg" id="js-fancybox-2"></a>
<a href="images/product-3.jpg" data-fancybox="gallery" data-thumb="images/product-3.jpg" id="js-fancybox-3"></a>
<a href="images/product-4.jpg" data-fancybox="gallery" data-thumb="images/product-4.jpg" id="js-fancybox-4"></a>
<a href="images/product-5.jpg" data-fancybox="gallery" data-thumb="images/product-5.jpg" id="js-fancybox-5"></a>
<a href="images/product-6.jpg" data-fancybox="gallery" data-thumb="images/product-6.jpg" id="js-fancybox-6"></a>
</div>
<h1 class="page-title">Bỉm quần Merries size M 58 miếng (6-11kg)</h1>
<div class="pd-rating-group">
<p>
Thương hiệu: <a href="" target="_blank">Merries</a>
</p>
<a href="javascript:void(0)" class="d-flex align-items-center" onclick='$("body,html").animate({ scrollTop: $("#pd-comment").offset().top - 100},800);$("#pd-comment .box-title").click();'>
<i class="icon-star star-5"></i> (0)
</a>
</div>
<div class="pd-deal-holder">
<div class="deal-title">
<p>Deal sốc mỗi ngày</p>
<div class="pd-deal-time-holder js-countdown-time">
<!-- <b>02</b> <b>32</b> <b>16</b> -->
</div>
</div>
<div class="pd-deal-count">
<p>300 sản phẩm đã bán</p>
<div class="pd-deal-line-holder">
<span class="deal-line" style="width: 40%;"></span>
</div>
</div>
</div>
<div class="pd-price-group">
<span class="pd-price">279.000đ</span>
<span class="pd-discount">-20%</span>
<p class="pd-old-price">
Giá gốc: <del>465.000đ</del>
</p>
</div>
<div class="pd-variant-group">
<b class="d-block">Kích thước:</b>
<div class="pd-variant-list">
<a href="javascript:void(0)" class="selected">30 miếng</a>
<a href="javascript:void(0)">50 miếng</a>
<a href="javascript:void(0)">100 miếng</a>
</div>
</div>
<div class="pd-btn-group">
<a href="javascript:void(0)">Thêm vào giỏ hàng</a>
<a href="javascript:void(0)">Mua ngay</a>
</div>
<div class="pd-voucher-group">
<p>Nhập mã <a href="javascript:void(0)">Khuyenmai10</a> để được giảm 10% giá trị đơn hàng</p>
</div>
<div class="pd-static-group">
<p class="title">TẠI SAO CHỌN CHÚNG TÔI?</p>
<div class="item">
<i class="icons icon-phone"></i>
<p>
<b>HỖ TRỢ 24/7</b> Nhân viên online hỗ trợ
</p>
</div>
<div class="item">
<i class="icons icon-money"></i>
<p>
<b>TIẾT KIỆM </b> Mua nhiều ưu đãi hơn
</p>
</div>
<div class="item">
<i class="icons icon-gift"></i>
<p>
<b>QUÀ TẶNG</b> Tri ân khách hàng cũ
</p>
</div>
<div class="item">
<i class="icons icon-truck"></i>
<p>
<b>VẬN CHUYỂN</b> Siêu nhanh, Nội thành Hà Nội, HCM
</p>
</div>
</div>
<div class="pd-box-group active js-box-item">
<p class="box-title">MÔ TẢ SẢN PHẨM</p>
<div class="pd-box-content" style="display: block;">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum possimus tenetur consequatur itaque eum exercitationem, quibusdam accusamus ipsam aut dolorum ipsa dolorem maxime molestiae animi corrupti, quae iusto voluptates aliquid!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum possimus tenetur consequatur itaque eum exercitationem, quibusdam accusamus ipsam aut dolorum ipsa dolorem maxime molestiae animi corrupti, quae iusto voluptates aliquid!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum possimus tenetur consequatur itaque eum exercitationem, quibusdam accusamus ipsam aut dolorum ipsa dolorem maxime molestiae animi corrupti, quae iusto voluptates aliquid!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum possimus tenetur consequatur itaque eum exercitationem, quibusdam accusamus ipsam aut dolorum ipsa dolorem maxime molestiae animi corrupti, quae iusto voluptates aliquid!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum possimus tenetur consequatur itaque eum exercitationem, quibusdam accusamus ipsam aut dolorum ipsa dolorem maxime molestiae animi corrupti, quae iusto voluptates aliquid!</p>
</div>
</div>
<div class="pd-box-group js-box-item">
<p class="box-title">THÔNG TIN CHI TIẾT</p>
<div class="pd-box-content">
<p>Thương hiệu: Moony (Nhật Bản)</p>
<p>Bỉm Moony - Cho bé yêu một giấc ngủ ngon</p>
<p>Đối với mỗi ông bố, bà mẹ, khoảnh khắc chào đón đứa con mới ra đời là niềm hạnh phúc không lời nào có thể tả hết được. Các ông bố, bà mẹ đều mong muốn mang đến những điều tuyệt vời nhất cho con mình, mong con luôn khỏe mạnh và an toàn nhất. Chính vì vậy, việc sắm sửa các đồ dùng chăm sóc cho bé rất được các ông bố, bà mẹ kiểm tra và tìm hiểu kỹ lưỡng trước khi dùng cho bé, đặc biệt là bỉm tã vì làn da của trẻ vô cùng nhạy cảm nên việc chọn lựa bỉm cần phải được chú ý rất nhiều.</p>
<p>Như nhiều người đã biết, các bà mẹ Nhật nổi tiếng chu đáo trong việc chăm sóc và nuôi dưỡng con cái, đặc biệt đối với việc lựa chọn tã bỉm luôn là một trong những vấn đề được chú trọng nhất. Trong đó, bỉm Moony - thương hiệu bỉm tã của Nhật được sản xuất bởi tập đoàn Unicharm là một trong những sản phẩm được tin dùng và yêu thích nhất của các bà mẹ Nhật.</p>
</div>
</div>
<div class="pd-box-group js-box-item" id="pd-comment">
<p class="box-title">ĐÁNH GIÁ SẢN PHẨM</p>
<div class="pd-box-content">
<p>includ comment</p>
</div>
</div>
<!-- SẢN PHẨM nổi bật -->
<div class="home-product-group hot-product-group">
<div class="box-title-group">
<h2 class="title">SẢN PHẨM NỔI BẬT</h2>
</div>
<div class="position-relative js-product" style="min-height: 300px">
<div class="owl-carousel owl-theme custom-nav">
<div class="p-item">
<a href="" class="p-img">
<img src="images/product-1.jpg" alt="" width="250" height="250"/>
</a>
<span class="p-discount">-20%</span>
<div class="p-text">
<a href="" class="p-name"><h3>Bỉm quần Moony Natural</h3></a>
<div class="p-price-group">
<p class="p-price">270.000đ</p>
<p class="p-old-price">
Giá gốc: <del>465.000đ</del>
</p>
</div>
<a href="javascript:void(0)" class="p-btn">MUA NGAY</a>
</div>
</div>
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">Liên hệ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">Liên hệ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div>
</div>
</div>
</div>
<!-- Sp liên quan -->
<div class="home-product-group">
<div class="box-title-group">
<h2 class="title">sản phẩm liên quan</h2>
</div>
<div class="position-relative js-product" style="min-height: 300px">
<div class="owl-carousel owl-theme custom-nav">
<div class="p-item">
<a href="" class="p-img">
<img src="images/product-1.jpg" alt="" width="250" height="250"/>
</a>
<span class="p-discount">-20%</span>
<div class="p-text">
<a href="" class="p-name"><h3>Bỉm quần Moony Natural</h3></a>
<div class="p-price-group">
<p class="p-price">270.000đ</p>
<p class="p-old-price">
Giá gốc: <del>465.000đ</del>
</p>
</div>
<a href="javascript:void(0)" class="p-btn">MUA NGAY</a>
</div>
</div>
<div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">Liên hệ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.jpg" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">Liên hệ</p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.jpg" alt="" width="250" height="250"/> </a> <span class="p-discount">-20%</span> <div class="p-text"> <a href="" class="p-name"><h3>Bỉm quần Moony Natural size M46</h3></a> <div class="p-price-group"> <p class="p-price">270.000đ</p><p class="p-old-price"> Giá gốc: <del>465.000đ</del> </p></div><a href="javascript:void(0)" class="p-btn">MUA NGAY</a> </div></div>
</div>
</div>
</div>
</div>
<!-- Giỏ hàng -->
<div class="cart-page container" >
<div class="cart-header-group d-flex align-items-center justify-content-between">
<p class="m-0">
Hãy <a href="">Đăng nhập</a> để mua hàng nhanh hơn!
</p>
<a href="/" class="font-700">Tiếp tục mua hàng <i class="fas fa-angle-double-right"></i></a>
</div>
<form class="cart-info-group row" method="post" enctype="multipart/form-data" action="/send-cart">
<div class="col">
<p class="box-title">THÔNG TIN MUA HÀNG</p>
<input type="text" placeholder="Họ và tên" class="input-text"/>
<input type="text" placeholder="Email" class="input-text"/>
<input type="text" placeholder="Số điện thoại" class="input-text"/>
<div class="d-flex flex-wrap align-items-center justify-content-between">
<select>
<option value="">Chọn Tỉnh thành</option>
<option value="">Hà Nội</option>
<option value="">TP. Hồ Chí Minh</option>
</select>
<select>
<option value="">Chọn Quận/ Huyện</option>
<option value="">Quận Đống Đa</option>
<option value="">Quận 1</option>
</select>
</div>
<input type="text" placeholder="Địa chỉ" class="input-text"/>
</div>
<div class="col">
<p class="box-title">SẢN PHẨM (1 sản phẩm)</p>
<div class="item-row">
<div class="item-left">
<a href="" class="p-img">
<img src="images/product-1.jpg"/>
<span class="p-quantity">1</span>
</a>
<a href="javascript:void(0)" class="p-delete fas fa-trash-alt"></a>
</div>
<div class="item-right">
<a href="" class="p-name">Bỉm quần Merries size M 58 miếng (6-11kg)</a>
<div class="p-variant">Kích thước: 30 miếng</div>
<p class="p-price">290.000 ₫</p>
<div class="item-quanity-holder">
<a href="javascript:void(0)" class="fas fa-minus"></a>
<input type="text" value="1" data-stock="998" data-min="1">
<a href="javascript:void(0)" class="fas fa-plus"></a>
</div>
</div>
</div>
<div class="item-row"> <div class="item-left"> <a href="" class="p-img"> <img src="images/product-5.jpg"/> <span class="p-quantity">1</span> </a> <a href="javascript:void(0)" class="p-delete fas fa-trash-alt"></a> </div><div class="item-right"> <a href="" class="p-name">Bỉm quần Merries size M 58 miếng (6-11kg)</a> <div class="p-variant">Kích thước: 30 miếng</div><p class="p-price">290.000 ₫</p><div class="item-quanity-holder"> <a href="javascript:void(0)" class="fas fa-minus"></a> <input type="text" value="1" data-stock="998" data-min="1"> <a href="javascript:void(0)" class="fas fa-plus"></a> </div></div></div>
</div>
<div class="col">
<p class="box-title">THANH TOÁN</p>
<table class="cart-price-group">
<tr>
<td>Tổng giá trị sản phẩm</td>
<td><span>290.000 ₫</span></td>
</tr>
<tr>
<td><b>Tạm tính</b></td>
<td><b>290.000 ₫</b></td>
</tr>
<tr>
<td colspan="2">
<div class="cart-voucher-holder">
<input type="text" placeholder="Nhập mã ưu đãi">
<button type="button" class="btn-voucher">Áp dụng</button>
</div>
</td>
</tr>
<tr>
<td><b>Thành tiền</b></td>
<td><b class="color-main">290.000 ₫</b></td>
</tr>
</table>
<div class="payment-method-holder">
<p class="box-title">HÌNH THỨC THANH TOÁN</p>
<label class="label-container">
<input type="radio" checked="checked" name="radio">
<span class="checkmark"></span>
<span>Thanh toán tiền mặt khi nhận hàng (tiền mặt/quẹt thẻ ATM,Visa,Master)</span>
</label>
<label class="label-container">
<input type="radio" name="radio">
<span class="checkmark"></span>
<span>Thanh toán qua chuyển khoản qua tài khoản ngân hàng(khuyên dùng)</span>
</label>
<label class="label-container">
<input type="radio" name="radio">
<span class="checkmark"></span>
<span>Thanh toán qua Ngân Lượng (ATM nội địa, Visa,Master)</span>
</label>
<label class="label-container">
<input type="radio" name="radio">
<span class="checkmark"></span>
<span>Trả góp Alepay (Ngân Lượng)</span>
</label>
<label class="label-container">
<input type="radio" name="radio">
<span class="checkmark"></span>
<span>Thanh toán trực tuyến (Bằng thẻ ATM/Visa/Master qua cổng VnPay)</span>
</label>
</div>
<textarea class="customer-note" placeholder="Ghi chú"></textarea>
<button type="submit" class="btn-send-order">ĐẶT HÀNG</button>
</div>
</form>
</div>
<!-- Footer -->
<div class="global-footer-container container" data-aos="fade-up" data-aos-duration="1000">
<div class="footer-brand-group hover-img owl-carousel owl-theme" id="js-footer-brand">
<a href=""><img data-src="images/global/brand-1.png" alt="" width="1" height="1" class="owl-lazy"/></a>
<a href=""><img data-src="images/global/brand-2.png" alt="" width="1" height="1" class="owl-lazy"/></a><a href=""><img data-src="images/global/brand-3.png" alt="" width="1" height="1" class="owl-lazy"/></a><a href=""><img data-src="images/global/brand-4.png" alt="" width="1" height="1" class="owl-lazy"/></a><a href=""><img data-src="images/global/brand-5.png" alt="" width="1" height="1" class="owl-lazy"/></a><a href=""><img data-src="images/global/brand-6.png" alt="" width="1" height="1" class="owl-lazy"/></a><a href=""><img data-src="images/global/brand-7.png" alt="" width="1" height="1" class="owl-lazy"/></a><a href=""><img data-src="images/global/brand-8.png" alt="" width="1" height="1" class="owl-lazy"/></a><a href=""><img data-src="images/global/brand-1.png" alt="" width="1" height="1" class="owl-lazy"/></a><a href=""><img data-src="images/global/brand-5.png" alt="" width="1" height="1" class="owl-lazy"/></a><a href=""><img data-src="images/global/brand-6.png" alt="" width="1" height="1" class="owl-lazy"/></a><a href=""><img data-src="images/global/brand-7.png" alt="" width="1" height="1" class="owl-lazy"/></a><a href=""><img data-src="images/global/brand-8.png" alt="" width="1" height="1" class="owl-lazy"/></a>
</div>
<div class="footer-newsletter-group lazy" data-bg="url('images/global-footer-newsletter.png')">
<p class="title" data-aos="fade-left" data-aos-duration="1000">NHẬP EMAIL NHẬN TIN KHUYẾN MẠI</p>
<div class="footer-newsletter-form" data-aos="fade-up" data-aos-duration="1000">
<input type="text" placeholder="Email của bạn"/>
<a href="javascript:void(0)">GỬI NGAY</a>
</div>
<p class="global-form-note"><!-- noti --></p>
</div>
<div class="footer-info-group">
<div class="item">
<p class="item-title js-item-title">Giới thiệu Tuticare</p>
<div class="item-list">
<a href="/gioi-thieu">Về Tuticare</a>
<a href="/tin-tuc">Tin khuyến mại</a>
<a href="">Hệ thống cửa hàng</a>
<a href="">Văn hóa Tuticare</a>
<a href="">Tuyển dụng</a>
<a href="">Trung tâm Bán buôn</a>
</div>
</div>
<div class="item order-1">
<p class="item-title js-item-title">Hướng dẫn mua hàng</p>
<div class="item-list">
<a href="">Cam kết bán hàng</a>
<a href="">Đặt hàng Online - Nhận cửa hàng</a>
<a href="">Phương thức vận chuyển</a>
<a href="">Điều khoản sử dụng</a>
<a href="">Tạo list quà tặng cho bé</a>
</div>
</div>
<div class="item item-middle">
<a href="/" class="footer-logo">
<img data-src="images/logo.png" alt="logo" width="1" height="1" class="lazy">
</a>
<p>MUA HÀNG (8h30 - 21h00): <a href="tel:1800 6755">1800 6755</a> (Miễn phí)</p>
<p>CSKH (8h30 - 21h00): <a href="tel:1900 6808">1900 6808</a></p>
<div class="footer-social-media">
<a href="" class="icon-facebook" target="_blank" rel="nofollow"></a>
<a href="" class="icon-youtube" target="_blank" rel="nofollow"></a>
<a href="" class="icon-google" target="_blank" rel="nofollow"></a>
<a href="" class="icon-twitter" target="_blank" rel="nofollow"></a>
<a href="" class="icon-instagram" target="_blank" rel="nofollow"></a>
</div>
<div class="footer-img-list d-flex align-items-center justify-content-center">
<a href=""><img data-src="images/footer-bct.png" width="1" height="1" class="lazy"/></a>
<i class="icons icon-top-retail"></i>
</div>
</div>
</div>
<div class="footer-bottom-group d-flex align-items-center flex-wrap justify-content-between">
<p>© 2023: Bản quyền Hurasoft</p>
<i class="icons icon-payment"></i>
</div>
</div>
<div class="success-form" style="display: none">
<div class="content-container">
<div class="success-checkmark">
<div class="check-icon">
<span class="icon-line line-tip"></span>
<span class="icon-line line-long"></span>
<div class="icon-circle"></div>
<div class="icon-fix"></div>
</div>
</div>
<div class="text-center content-text text-24"> Thêm sản phẩm vào giỏ hàng thành công !</div>
</div>
</div>
<!-- Menu -->
<nav id="js-global-menu" class="mb-menu">
<ul>
<li>
<a href=""> <i class="fas fa-home cat-thumb"></i> <span class="cat-title"> LINH KIỆN MÁY TÍNH </span> </a>
<ul>
<li>
<a href="/cpu-bo-vi-xu-ly.html"> CPU - Bộ vi xử lý </a>
<ul>
<li>
<a href="/intel-pentium.html"> Intel Pentium </a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href=""> <i class="fa fa-home cat-thumb"></i> <span class="cat-title"> LINH KIỆN </span> </a>
</li>
<li>
<a href=""> <i class="fa fa-home cat-thumb"></i> <span class="cat-title"> MÁY TÍNH </span> </a>
</li>
<li>
<a href=""> <i class="fa fa-home cat-thumb"></i> <span class="cat-title"> LINH KIỆN MÁY TÍNH </span> </a>
</li>
<li>
<a href="/tin-tuc"> <i class="far fa-newspaper cat-thumb"></i> <span class="cat-title"> Tin tức </span> </a>
<ul>
<li><a href="/tin-cong-nghe.html"> Tin Công Nghệ </a></li>
<li><a href="/tin-cong-ty.html"> Tin Công Ty </a></li>
<li><a href="/bao-hanh.html"> Bảo Hành </a></li>
<li><a href="/thu-thuat-may-tinh.html"> Thủ thuật máy tính </a></li>
</ul>
</li>
<li>
<a href="/dang-ky"> <i class="icons icon-user cat-thumb"></i> <span class="cat-title"> Đăng ký </span></a>
</li>
<li>
<a href="/dang-nhap"> <i class="icons icon-user cat-thumb"></i> <span class="cat-title"> Đăng nhập</span> </a>
</li>
<li>
<a href="/lien-he"> <i class="far fa-envelope cat-thumb"></i> <span class="cat-title"> Liên hệ </span></a>
</li>
<li>
<a href="/gioi-thieu"> <i class="fas fa-info-circle cat-thumb"></i> <span class="cat-title"> Giới thiệu </span></a>
</li>
<li>
<a href="">
<i class="icons icon-vn cat-thumb"></i>
<span class="cat-title">Tiếng Việt</span>
</a>
</li>
<li>
<a href="">
<i class="icons icon-en cat-thumb"></i>
<span class="cat-title">Tiếng Anh</span>
</a>
</li>
</ul>
</nav>
<!-- Script -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<script src="js/lib.js"></script>
<script src="js/mmenu.js"></script>
<!-- global -->
<script>
var lazyLoadInstance = new LazyLoad({
elements_selector: ".lazy"
});
$(document).ready(function(){
countDownToNextDay(".js-countdown-time");
$('.global-header-block').css('height', Math.ceil($('.global-header-container').height() + 20));
$('#js-global-menu').mmenu();
$('#js-footer-brand').owlCarousel({
loop: true,
margin: 14,
autoplay: true,
autoplayTimeout: 3000,
autoplaySpeed: 1000,
autoplayHoverPause:true,
dots: false,
nav: false,
navText: ["<i class='arrow'></i>","<i class='arrow arrow-right'></i>"],
lazyLoad: true,
animateOut: 'fadeOut',
smartSpeed: 150,
responsive : {
0 : {
items: 3,
},
375 : {
items: 4,
}
}
});
_globalClickFunction();
setTimeout(function(){
$("#js-fontawesome-lib").html('\x3Cscript src="https://kit.fontawesome.com/3b023d18d9.js">\x3C/script>');
},500);
});
$(window).scroll(function(){
_globalScrollFunction();
});
function _globalClickFunction() {
$('.js-province-item').click(function(){
$('.js-province-item').removeClass('active');
$(this).addClass('active')
var province = $(this).attr('data-province');
getStoreList(province);
});
$("#js-goTop").click(function(){
$('html,body').animate({scrollTop:0},800);
});
$('.js-item-title').click(function(){
$(this).toggleClass('active');
$(this).parents('.item').find('.item-list').slideToggle(300)
});
}
function _globalScrollFunction(){
if($(window).scrollTop() > 350) {
$('.global-header-container').addClass('header-fixed');
$('.global-header-block').show();
} else {
$('.global-header-container').removeClass('header-fixed');
$('.global-header-block').hide();
}
}
function run_carousel(holder){
$(holder + ' .owl-carousel').owlCarousel({
margin: 10,
lazyLoad: true,
loop: false,
autoplay: false,
autoplayTimeout: 4000,
autoplaySpeed: 1500,
autoplayHoverPause: true,
dots: false,
nav: false,
navText: ["<i class='arrow'></i>","<i class='arrow arrow-right'></i>"],
items: 2
});
}
</script>
<!-- homepage -->
<script>
$(document).ready(function(){
run_carousel('.js-product');
run_carousel('#js-product-collection');
$('#js-home-slider').owlCarousel({
items: 1,
loop: true,
margin: 10,
autoplay: true,
autoplayTimeout: 3000,
autoplaySpeed: 1000,
autoplayHoverPause:true,
dots: false,
nav: false,
navText: ["<i class='arrow'></i>","<i class='arrow arrow-right'></i>"],
lazyLoad: true,
animateOut: 'fadeOut',
smartSpeed: 150
});
$('#js-customer-comment-list').owlCarousel({
items: 2,
loop: true,
margin: 10,
autoplay: false,
autoplayTimeout: 3000,
autoplaySpeed: 1000,
autoplayHoverPause:true,
dots: false,
nav: false,
navText: ["<i class='arrow'></i>","<i class='arrow arrow-right'></i>"],
lazyLoad: true,
animateOut: 'fadeOut',
smartSpeed: 150
});
});
</script>
<!-- product-category -->
<script>
$(document).ready(function(){
$('#js-btn-filter').click(function(){
$(this).addClass('active');
_open_filter();
});
$('#js-filter-container .title').click(function(){
$(this).toggleClass('active')
$(this).parents('.filter-item').find('.filter-list').slideToggle(300);
});
});
function _open_filter(){
$('body').addClass('overflow-hidden');
$('#js-filter-container').show();
}
function _close_filter(){
$('body').removeClass('overflow-hidden');
$('#js-filter-container').hide();
$('#js-btn-filter').removeClass('active');
}
</script>
<!-- product-detail -->
<script>
$(document).ready(function(){
_runProductImageSlider();
_imagesClick();
$('.js-box-item .box-title').click(function(){
$(this).parents('.js-box-item').toggleClass('active');
$(this).parents('.js-box-item').find('.pd-box-content').slideToggle(300);
});
$('[data-fancybox="gallery"]').fancybox({
thumbs : {
autoStart : true
}
});
});
function _imagesClick(){
$('#js-img-gallery a').click(function(){
var href = $(this).attr('data-href');
var fancybox_id = $(this).attr('data-id');
$('#js-big-img').attr('data-id', fancybox_id);
$('#js-img-gallery a').removeClass('img-active')
$(this).addClass('img-active')
});
$('#js-big-img .item').click(function(){
var fancybox_id = $(this).attr('data-id');
$('#'+fancybox_id).click();
});
}
function _runProductImageSlider() {
var bigimage = $('#js-big-img');
var thumbs = $('#js-img-gallery');
var syncedSecondary = true;
bigimage.owlCarousel({
items: 1,
slideSpeed: 2000,
autoplay: false,
autoplayHoverPause:true,
nav: false,
dots: false,
loop: false,
lazyLoad: true,
responsiveRefreshRate: 200,
center: false,
navText: [
'<i class="arrow arrow-left"></i>',
'<i class="arrow arrow-right"></i>'
]
})
.on("changed.owl.carousel", syncPosition);
thumbs
.on("initialized.owl.carousel", function() {
thumbs.find(".owl-item").eq(0).addClass("current");
})
.owlCarousel({
items: 5,
dots: false,
nav: false,
navText: [
'<i class="arrow arrow-left"></i>',
'<i class="arrow arrow-right"></i>'
],
smartSpeed: 200,
slideSpeed: 500,
slideBy: 4,
margin: 9,
center: false,
responsiveRefreshRate: 100,
responsive : {
0 : {
items: 4,
},
375 : {
items: 5,
}
}
})
.on("changed.owl.carousel", syncPosition2);
function syncPosition(el) {
//if loop is set to false, then you have to uncomment the next line
var current = el.item.index;
// console.log(current)
//to disable loop, comment this block
var count = el.item.count - 1;
//
// var current = Math.round(el.item.index - el.item.count / 2 - 0.5);
//
//
if (current < 0) {
current = count;
}
if (current > count) {
current = 0;
}
//to this
thumbs.find(".owl-item").removeClass("current").eq(current).addClass("current");
var onscreen = thumbs.find(".owl-item.active").length - 1;
var start = thumbs.find(".owl-item.active").first().index();
var end = thumbs.find(".owl-item.active").last().index();
if (current > end) {
thumbs.data("owl.carousel").to(current, 100, true);
}
if (current < start && 1 < 2) {
thumbs.data("owl.carousel").to(current - onscreen, 100, true);
}
}
function syncPosition2(el) {
if (syncedSecondary) {
var number = el.item.index;
bigimage.data("owl.carousel").to(number, 100, true);
}
}
thumbs.on("click", ".owl-item", function(e) {
e.preventDefault();
var number = $(this).index();
bigimage.data("owl.carousel").to(number, 300, true);
});
}
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink