ducdt/giao_dien_web_mau
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
dc84f6478e798a7b3c13ed64431d33d03eaa95f6
giao_dien_web_mau/demo-mevabe-2/index.html

1279 lines
98 KiB
HTML
Raw Normal View History

Me & be - Mau 2
2023-03-22 14:58:06 +07:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title> Local </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" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" />
<link rel="stylesheet" media="screen" href="scss/lib.css" />
<link rel="stylesheet" media="screen" href="scss/pc_style.css" />
</head>
<body>
<!-- Header -->
<div class="global-header-container">
<div class="global-header-top bg-main">
<div class="container d-flex align-items-center justify-content-between">
<div class="box-left-group">
<a href="/dang-ky">Đăng nhập</a> |
<a href="/dang-nhap">Đăng ký</a> |
<a href="">Yêu thích (0)</a> |
<a href="tel: 1900 6750">Hotline: 1900 6750</a>
</div>
<div class="box-right-group">
<a href="">Kiểm tra đơn hàng</a>
<a href="/tin-tuc">Tin tức</a>
<a href="/lien-he">Liên hệ</a>
</div>
</div>
</div>
<div class="global-header-middle container d-flex flex-wrap align-items-center">
<a href="/" class="header-logo">
<img src="images/logo.png" alt="Logo" width="1" height="1"/>
</a>
<div class="d-flex flex-wrap align-items-center">
<div class="item">
<i class="icons icon-calendar"></i>
<div class="text">
T2 - T7 8h00 - 22h00 <br> Chủ nhật <span class="color-main">NGHỈ</span>
</div>
</div>
<div class="item">
<i class="icons icon-bolt"></i>
<div class="text">
Tuần lễ SALE! <br> Giảm giá <span class="color-main">UP TO 50%</span>
</div>
</div>
<div class="item">
<i class="icons icon-phone"></i>
<div class="text">
Bạn cần hỗ trợ? <br> Gọi ngay <a href="tel: 19006750" class="color-main">19006750</a>
</div>
</div>
<a href="/cart" class="item">
<i class="icons icon-cart">
<span class="cart-count js-cart-count">0</span>
</i>
<span class="text">
Giỏ hàng <br> <span class="color-main js-cart-count">1</span> sản phẩm
</span>
</a>
</div>
</div>
</div>
<div class="global-header-main-container">
<div class="container d-flex flex-wrap align-items-center position-relative">
<div class="box-left-group d-flex flex-wrap align-items-center justify-content-between">
<a href="/" class="box-title current">TRANG CHỦ</a>
<div class="header-menu-group">
<p class="title">SẢN PHẨM <i class="fas fa-chevron-down"></i></p>
<div class="header-menu-list">
<div class="cat-item">
<a href="" class="cat-1">
Danh mục cấp 1
</a>
<div class="sub-menu">
<div class="sub-item">
<a href="" class="cat-2">Danh mục cấp 2Danh mục cấp 2</a>
<a href="">Danh mục cấp 3Danh mục cấp 3</a>
<a href="">Danh mục cấp 3</a>
</div>
<div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> </div>
</div>
</div>
<div class="cat-item"> <a href="" class="cat-1">Danh mục cấp 1 </a> <div class="sub-menu"> <div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> </div></div></div><div class="cat-item"> <a href="" class="cat-1">Danh mục cấp 1 </a> <div class="sub-menu"> <div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> </div></div></div><div class="cat-item"> <a href="" class="cat-1">Danh mục cấp 1 </a> <div class="sub-menu"> <div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> </div></div></div><div class="cat-item"> <a href="" class="cat-1">Danh mục cấp 1 </a> <div class="sub-menu"> <div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> <a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a><a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> <a href="">Danh mục cấp 3</a> </div><div class="sub-item"> <a href="" class="cat-2">Danh mục cấp 2</a> </div></div></div>
</div>
</div>
<a href="/san-pham-xa-hang" class="box-title"><span class="box-type-sale">SALE</span> XẢ KHO</a>
<a href="" class="box-title">QUẦN ÁO CHO BÉ</a>
<a href="" class="box-title"><span class="box-type-new">NEW</span> THUÊ BAO BỈM SỮA</a>
<a href="" class="box-title">MỞ NHƯỢNG QUYỀN</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>
<!-- Homepage -->
update 25-03-2023
2023-03-25 09:41:13 +07:00
<div class="homepage container">
Me & be - Mau 2
2023-03-22 14:58:06 +07:00
<div class="home-banner-group hover-img">
<div class="banner-left-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>
<div class="banner-right-group">
<a href=""><img data-src="images/home/right-1.png" alt="" width="" height="" class="lazy"/></a>
<a href=""><img data-src="images/home/right-2.png" alt="" width="" height="" class="lazy"/></a>
</div>
</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"
</div>
</div>
</div>
<!-- Collection -->
<div class="home-collection-group" data-aos="fade-up" data-aos-duration="1000">
<div class="box-title">
<h2 class="title" data-aos="fade-right" data-aos-duration="1000">Bán chạy của Tháng</h2>
<a href="" data-aos="fade-left" data-aos-duration="1000">Xem thêm <i class="fas fa-angle-double-right"></i></a>
</div>
<div class="collection-content-holder d-flex flex-wrap" data-aos="fade-up" data-aos-duration="1000">
<div class="box-left hover-img">
<a href=""><img data-src="images/home/banner-collection.png" alt="" width="" height="" class="lazy"/></a>
</div>
<div class="box-right" 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đ</
</div>
</div>
</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" data-aos="fade-right" data-aos-duration="1000">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">
<div class="product-banner hover-img">
<a href=""><img src="images/home/banner-product-1.png"/></a>
</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>
</div>
</div>
<div class="box-btn">
<a href="">Xem thêm <i class="fas fa-angle-double-right"></i></a>
</div>
</div>
<!-- box-product No banner -->
<div class="home-product-group group-no-banner" 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"> <div class="product-banner"></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, consectet
<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" data-aos="fade-right" data-aos-duration="1000">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 -->
update 25-03-2023
2023-03-25 09:41:13 +07:00
<div class="product-page container">
Me & be - Mau 2
2023-03-22 14:58:06 +07:00
<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 id="js-filter-container" style="display: none;">
<div class="product-filter-container">
<!-- 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>
<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></d
</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 deal page -->
update 25-03-2023
2023-03-25 09:41:13 +07:00
<div class="product-page product-deal-page container">
Me & be - Mau 2
2023-03-22 14:58:06 +07:00
<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=""
</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 container">
<div class="row">
<div class="col-3 pd-col-left">
<div class="item">
<p class="title">DANH MỤC SẢN PHẨM</p>
<div class="cat-list">
<a href="">Bỉm - Tã Merries (Nhật Bản)</a>
<a href="">Bỉm - Tã PampersBỉm - Tã Pampers</a>
<a href="">Bỉm - Tã Moony (Nhật Bản)</a>
<a href="">Bỉm - Tã Smee (Malaysia)</a>
<a href="">Bỉm - Tã Goon (Nhật Bản)</a>
<a href="">Bỉm - Tã Bobby</a>
<a href="">Bỉm - Tã hữu cơ Bambo Nature</a>
<a href="">Bỉm - Tã vải</a>
<a href="">Bỉm - Tã Goldgi </a>
</div>
</div>
<div class="item">
<p class="title">SẢN PHẨM NỔI BẬT</p>
<div class="product-list-holder hover-img">
<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
</div>
</div>
</div>
<div class="col-5 pd-col-middle">
<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>
<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>
</div>
<div class="col-4 pd-col-right">
<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>
</div>
<!-- Sp liên quan -->
<div class="home-product-group" data-aos="fade-up" data-aos-duration="1000">
<div class="box-title-group">
<h2 class="title" data-aos="fade-right" data-aos-duration="1000">sản phẩm liên quan</h2>
</div>
<div class="position-relative js-product" style="min-height: 380px" data-aos="fade-up" data-aos-duration="1000">
<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>
</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>
<!-- 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>
<!-- aos -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<!-- global -->
<script>
var lazyLoadInstance = new LazyLoad({
elements_selector: ".lazy"
});
$(document).ready(function(){
AOS.init();
countDownToNextDay(".js-countdown-time");
$('#js-footer-brand').owlCarousel({
items: 8,
loop: true,
margin: 20,
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
});
_globalClickFunction();
setTimeout(function(){
$("#js-fontawesome-lib").html('\x3Cscript src="https://kit.fontawesome.com/3b023d18d9.js">\x3C/script>');
},500);
});
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);
});
}
function run_carousel(holder){
$(holder + ' .owl-carousel').owlCarousel({
margin: 16,
lazyLoad: true,
loop: true,
autoplay: false,
autoplayTimeout: 4000,
autoplaySpeed: 1500,
autoplayHoverPause: true,
dots: false,
nav: true,
navText: ["<i class='arrow'></i>","<i class='arrow arrow-right'></i>"],
items: 5
});
}
</script>
<!-- homepage -->
<script>
$(document).ready(function(){
run_carousel('.js-product');
// collection
$('#js-product-collection .owl-carousel').owlCarousel({
margin: 16,
lazyLoad: true,
loop: true,
autoplay: false,
autoplayTimeout: 4000,
autoplaySpeed: 1500,
autoplayHoverPause: true,
dots: false,
nav: true,
navText: ["<i class='arrow'></i>","<i class='arrow arrow-right'></i>"],
items: 3
});
$('#js-home-slider').owlCarousel({
items: 1,
loop: true,
margin: 12,
autoplay: true,
autoplayTimeout: 3000,
autoplaySpeed: 1000,
autoplayHoverPause:true,
dots: true,
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: 3,
loop: true,
margin: 24,
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).toggleClass('active');
$('#js-filter-container').slideToggle(300);
});
});
</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: 11,
center: false,
responsiveRefreshRate: 100
})
.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 Copy Permalink