Me Va Be Mau 1

web_mau_me_va_be/assets/js/main.js

@@ -0,0 +1,190 @@
+function run_carousel(holder, item, margins, navs, dot) {
+    $(holder).owlCarousel({
+        margin: margins,
+        lazyLoad: true,
+        loop: false,
+        autoplay: false,
+        autoplayTimeout: 4000,
+        autoplaySpeed: 1500,
+        autoplayHoverPause: true,
+        dots: dot,
+        nav: navs,
+        navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
+        items: item,
+    });
+}
+$(document).ready(function () {
+
+    // slide trang chu
+    $("#js-slider-home").owlCarousel({
+        items: 1,
+        loop: true,
+        autoplay: true,
+        dotsSpeed: 1000,
+        navSpeed: 1000,
+        dots: false,
+        nav: true,
+        navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
+        margin: 10,
+        lazyLoad: true
+    });
+
+
+    run_carousel($('#js-slider-deal'), 4, 10, true, false)
+
+    run_carousel($('#js-slider-feeback'), 3, 10, true, false)
+
+    run_carousel($('#js-slider-brand'), 8, 10, false, false)
+})
+
+function GetCount(ddate, iid) {
+    amount = ddate //calc milliseconds between dates
+    hours = 0;
+    mins = 0;
+    secs = 0;
+    out = "";
+
+    secs = Math.floor(amount % 60);
+    mins = Math.floor((amount % (60 * 60) / 60));
+    hours = Math.floor((amount / (60 * 60 * 24) / (60 * 60)));
+
+    out += "<div class='item-time'><b> " + (hours <= 9 ? '0' : '') + hours + " </b></div>";
+    out += "<div class='item-time'><b> " + (mins <= 9 ? '0' : '') + mins + " </b></div>";
+    out += "<div class='item-time'><b> " + (secs <= 9 ? '0' : '') + secs + " </b></div>";
+    //out = out.substr(0, out.length - 2);
+
+    $(iid).html(out)
+
+    setTimeout(function () {
+        GetCount(ddate - 1, iid)
+    }, 1000);
+
+}
+
+
+function countDown(iid) {
+    var now = new Date();
+    var end = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1);
+
+    // Tính khoảng cách thời gian giữa hai thời điểm
+    var distance = end - now;
+
+    // Cập nhật thời gian đếm ngược mỗi giây
+    var timer = setInterval(function () {
+        distance -= 1000;
+        var hours = Math.floor((distance / (1000 * 60 * 60)) % 24);
+        var minutes = Math.floor((distance / 1000 / 60) % 60);
+        var seconds = Math.floor((distance / 1000) % 60);
+
+
+        // Hiển thị thời gian đếm ngược trên trang web của bạn
+        $(iid).html("<div class='item-time'><b> " + (hours <= 9 ? '0' : '') + hours + " </b></div><div class='item-time'><b> " + (minutes <= 9 ? '0' : '') + minutes + " </b></div><div class='item-time'><b> " + (seconds <= 9 ? '0' : '') + seconds + " </b></div>");
+    }, 1000);
+}
+
+
+countDown($('.js-item-deal-time'))
+
+const MIN_PAGE_PRICE = parseInt('0');
+const MAX_PAGE_PRICE = parseInt('229999000');
+
+var current_min = parseInt('0');
+var current_max = parseInt('229999000');
+
+$(document).ready(function () {
+    $('.min-price-filter').html(formatCurrency(current_min) + ' đ');
+    $('.max-price-filter').html(formatCurrency(current_max) + ' đ');
+    $('#input-min-price-filter').val(formatCurrency(current_min))
+    $('#input-max-price-filter').val(formatCurrency(current_max));
+    var options = {
+        range: true,
+        min: MIN_PAGE_PRICE,
+        max: MAX_PAGE_PRICE,
+        values: [current_min, current_max],
+        step: 5,
+        slide: function (event, ui) {
+            var min = Math.floor(ui.values[0]);
+            $('.min-price-filter').html(formatCurrency(min) + ' đ');
+            $('#input-min-price-filter').html(formatCurrency(min));
+
+            var max = Math.floor(ui.values[1]);
+            $('.max-price-filter').html(formatCurrency(max) + ' đ');
+            $('#input-max-price-filter').html(formatCurrency(max));
+        },
+    };
+
+    $("#slider-range").slider(options);
+})
+
+
+function formatCurrency(a) {
+    var b = parseFloat(a).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1.").toString();
+    var len = b.length;
+    b = b.substring(0, len - 3);
+    return b;
+}
+
+function finterPriceSli() {
+    var getMinPriceString = $('#input-min-price-filter').val();
+    var getMaxPriceString = $('#input-max-price-filter').val();
+    var getMinPrice = parseInt(getMinPriceString.replace(/\./g, ''));
+    var getMaxPrice = parseInt(getMaxPriceString.replace(/\./g, ''));
+    var textMinPrice = 'trieu';
+    var textMaxPrice = 'trieu';
+    if (getMinPrice < 1000000) {
+        var minPrice = Math.floor(getMinPrice / 1000);
+        textMinPrice = 'ngan';
+    } else {
+        var minPrice = Math.floor(getMinPrice / 1000000);
+    }
+    if (getMaxPrice < 1000000) {
+        var maxPrice = Math.round(getMaxPrice / 1000);
+        textMaxPrice = 'ngan';
+    } else {
+        var maxPrice = Math.round(getMaxPrice / 1000000);
+    }
+    window.location.href = '?p=' + minPrice + textMinPrice + '-' + maxPrice + textMaxPrice;
+}
+
+
+$(".js-title-filter").click(function () {
+    $(this).parents(".item-filter").toggleClass("active");
+});
+
+
+
+$('[data-fancybox="gallery"]').fancybox({
+    thumbs: {
+        autoStart: true
+    },
+    loop: true
+});
+
+$("#sync2 .item-thumbnail").click(function () {
+    event.preventDefault();
+    $(".item-thumbnail").removeClass("active");
+    $(this).addClass("active");
+    var src = $(this).find("a").attr("href");
+    $("#sync1 a").attr("href", src);
+    $("#sync1 img").attr("src", src);
+    return false;
+});
+$("#sync2").owlCarousel({
+    items: 4,
+    margin: 10,
+    dots: false,
+    nav: true,
+    autoHeight: true,
+    navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
+});
+
+
+$("#title_tab_scroll_pro a").click(function () {
+    $("#title_tab_scroll_pro a").removeClass("active");
+    $(this).addClass("active");
+    var idTab = $(this).attr('href');
+
+    $('.content-tab').removeClass('active');
+    $(idTab).addClass('active')
+    return false;
+});

web_mau_me_va_be/category.html

@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Mẹ và bé</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
+    <link rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
+    <link rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+</head>
+
+<body>
+    <div class="product-category">
+        <div class="container">
+            <div id="breadcrumb" class="breadcrumb">
+                <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                    <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="home">
+                        <a href="/" itemprop="item" class="nopad-l">
+                            <span itemprop="name"><i class="icon_2023 home"></i> Trang chủ</span>
+                        </a> <i class="fa fa-angle-right"></i>
+                        <meta itemprop="position" content="1">
+                    </li>
+                    <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
+                        <a href="/linh-kien-may-tinh/" itemprop="item">
+                            <span itemprop="name">
+                                Linh Kiện Máy Tính
+                            </span> <span class="last-bre"> <i class="fa fa-angle-right"></i> </span>
+                        </a>
+                        <meta itemprop="position" content="2">
+                    </li>
+                </ol>
+            </div>
+            <div class="clearfix"></div>
+            <div class="content-product-category d-flex">
+                <div class="left-category">
+                    <div class="filter-category">
+                        <h2 class="title">Bộ lọc</h2>
+                        <div class="item-filter active">
+                            <div class="title-filter d-flex align-items space-between js-title-filter">
+                                <p>Khoảng giá</p>
+                            </div>
+                            <div class="content-filter">
+                                <div id="slider-range"></div>
+                                <div class="vertical-price-filter">
+                                    <div class="vertical-price-filter-child">
+                                        <div id="input-min-price-filter">0</div>
+                                        <div class="price-curency">đ</div>
+                                    </div>
+                                    <div class="price-separator"></div>
+                                    <div class="vertical-price-filter-child">
+                                        <div id="input-max-price-filter">0</div>
+                                        <div class="price-curency">đ</div>
+                                    </div>
+                                </div>
+                                <div class="info-finter-price">
+                                    <span class="button-filter" onclick="finterPriceSli()">Lọc</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="item-filter active">
+                            <div class="title-filter d-flex align-items space-between js-title-filter">
+                                <p>Thương hiệu</p>
+                            </div>
+                            <div class="content-filter">
+                                <a class="item-attr d-flex align-items space-between" href="">
+                                    <div class="left">
+                                        <i class="fa fa-square-o" aria-hidden="true"></i>
+                                        <span>Everon</span>
+                                    </div>
+                                    <div class="right">
+                                        (10)
+                                    </div>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="right-category">
+                    <div class="banner-category">
+                        <a href="" class="item">
+                            <img src="./assets/images/banner_category.png" alt="">
+                        </a>
+                    </div>
+                    <div class="product-category-sort d-flex align-items space-between">
+                        <div class="name-category d-flex align-items">
+                            <h1>Bé Mặc</h1>
+                            <span>1185 sản phẩm</span>
+                        </div>
+                        <select onchange="location.href=this.value" class="sort-pro">
+                            <option value="/may-tinh-choi-game">Sắp xếp sản phẩm</option>
+
+                            <option value="https://ducanpc.vn/may-tinh-choi-game?sort=new">Mới nhất</option>
+
+                            <option value="https://ducanpc.vn/may-tinh-choi-game?sort=price-asc">Giá tăng dần</option>
+
+                            <option value="https://ducanpc.vn/may-tinh-choi-game?sort=price-desc">Giá giảm dần</option>
+
+                            <option value="https://ducanpc.vn/may-tinh-choi-game?sort=view">Lượt xem</option>
+
+                            <option value="https://ducanpc.vn/may-tinh-choi-game?sort=comment">Trao đổi</option>
+
+                            <option value="https://ducanpc.vn/may-tinh-choi-game?sort=rating">Đánh giá</option>
+
+                            <option value="https://ducanpc.vn/may-tinh-choi-game?sort=name">Tên A-&gt;Z</option>
+
+                        </select>
+                    </div>
+                    <div class="product-list d-flex flex-wrap">
+                        <div class="product-item">
+                            <a href="" class="image-product">
+                                <img src="./assets/images/Rectangle 22.png" alt="">
+                                <div class="saleoff">-35%</div>
+                            </a>
+                            <div class="info-product">
+                                <div class="total-review">
+                                    <i class="icon_star star5"></i>
+                                    <span class="total">(12)</span>
+                                </div>
+
+                                <a href="" class="product-title">
+                                    Sữa Kendamil Organic số 3 800g
+                                    (1 - 3 tuổi)
+                                </a>
+                                <div class="product-price-main">
+                                    <b class="price">
+                                        37.490.000 đ
+                                    </b>
+                                    <del class="old-price">38.490.000 đ</del>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="product-item">
+                            <a href="" class="image-product">
+                                <img src="./assets/images/Rectangle 22.png" alt="">
+                                <div class="saleoff">-35%</div>
+                            </a>
+                            <div class="info-product">
+                                <div class="total-review">
+                                    <i class="icon_star star5"></i>
+                                    <span class="total">(12)</span>
+                                </div>
+
+                                <a href="" class="product-title">
+                                    Sữa Kendamil Organic số 3 800g
+                                    (1 - 3 tuổi)
+                                </a>
+                                <div class="product-price-main">
+                                    <b class="price">
+                                        37.490.000 đ
+                                    </b>
+                                    <del class="old-price">38.490.000 đ</del>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="product-item">
+                            <a href="" class="image-product">
+                                <img src="./assets/images/Rectangle 22.png" alt="">
+                                <div class="saleoff">-35%</div>
+                            </a>
+                            <div class="info-product">
+                                <div class="total-review">
+                                    <i class="icon_star star5"></i>
+                                    <span class="total">(12)</span>
+                                </div>
+
+                                <a href="" class="product-title">
+                                    Sữa Kendamil Organic số 3 800g
+                                    (1 - 3 tuổi)
+                                </a>
+                                <div class="product-price-main">
+                                    <b class="price">
+                                        37.490.000 đ
+                                    </b>
+                                    <del class="old-price">38.490.000 đ</del>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="product-item">
+                            <a href="" class="image-product">
+                                <img src="./assets/images/Rectangle 22.png" alt="">
+                                <div class="saleoff">-35%</div>
+                            </a>
+                            <div class="info-product">
+                                <div class="total-review">
+                                    <i class="icon_star star5"></i>
+                                    <span class="total">(12)</span>
+                                </div>
+
+                                <a href="" class="product-title">
+                                    Sữa Kendamil Organic số 3 800g
+                                    (1 - 3 tuổi)
+                                </a>
+                                <div class="product-price-main">
+                                    <b class="price">
+                                        37.490.000 đ
+                                    </b>
+                                    <del class="old-price">38.490.000 đ</del>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="product-item">
+                            <a href="" class="image-product">
+                                <img src="./assets/images/Rectangle 22.png" alt="">
+                                <div class="saleoff">-35%</div>
+                            </a>
+                            <div class="info-product">
+                                <div class="total-review">
+                                    <i class="icon_star star5"></i>
+                                    <span class="total">(12)</span>
+                                </div>
+
+                                <a href="" class="product-title">
+                                    Sữa Kendamil Organic số 3 800g
+                                    (1 - 3 tuổi)
+                                </a>
+                                <div class="product-price-main">
+                                    <b class="price">
+                                        37.490.000 đ
+                                    </b>
+                                    <del class="old-price">38.490.000 đ</del>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</body>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet"
+    type="text/css" />
+<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
+<script src="./assets/js/main.js"></script>
+
+</html>

web_mau_me_va_be/product-deal.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Mẹ và bé</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
+    <link rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
+    <link rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+</head>
+
+
+<body>
+    <div class="product-flash-sale">
+        <div class="container">
+            <div class="title">
+                <i class="icon_2023 flash"></i>
+                <h2>flash sale</h2>
+                <b>Kết thúc sau</b>
+                <div class="product-time-holder js-item-deal-time">
+                    <div class="item-time"><b> 09 </b></div>
+                    <div class="item-time"><b> 51 </b></div>
+                    <div class="item-time"><b> 54 </b></div>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
+<script src="./assets/js/main.js"></script>
+
+</html>

web_mau_me_va_be/product-detail.html

@@ -0,0 +1,502 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Mẹ và bé</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
+    <link rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
+    <link rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+</head>
+
+
+<body>
+    <div class="product-detail">
+        <div class="container">
+            <div id="breadcrumb" class="breadcrumb">
+                <ol itemscope="" itemtype="http://schema.org/BreadcrumbList">
+                    <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="home">
+                        <a href="/" itemprop="item" class="nopad-l">
+                            <span itemprop="name"><i class="icon_2023 home"></i> Trang chủ</span>
+                        </a> <i class="fa fa-angle-right"></i>
+                        <meta itemprop="position" content="1">
+                    </li>
+                    <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
+                        <a href="/linh-kien-may-tinh/" itemprop="item">
+                            <span itemprop="name">
+                                Linh Kiện Máy Tính
+                            </span> <span class="last-bre"> <i class="fa fa-angle-right"></i> </span>
+                        </a>
+                        <meta itemprop="position" content="2">
+                    </li>
+                </ol>
+            </div>
+            <div class="clearfix"></div>
+            <div class="main-product-detail d-flex">
+                <div class="product-image-detail">
+                    <div id="sync1">
+                        <a data-fancybox="gallery" href="./assets/images/product-big-detail.png">
+                            <img src="./assets/images/product-big-detail.png" alt="">
+                        </a>
+                    </div>
+                    <div class="product-detail-thumbnail owl-carousel custom-nav owl-theme custom-nav owl-loaded owl-drag"
+                        id="sync2">
+                        <div class="item-thumbnail active">
+                            <a href="./assets/images/product-big-detail.png" class="border-img">
+                                <img src="./assets/images/image_thumb_1.png" alt="">
+                            </a>
+                        </div>
+                        <div class="item-thumbnail">
+                            <a href="./assets/images/image_thumb_2.png" rel="./asset/images/thum-detail.png"
+                                class="border-img">
+                                <img src="./assets/images/image_thumb_2.png" alt="">
+                            </a>
+                        </div>
+                        <div class="item-thumbnail">
+                            <a href="./assets/images/image_thumb_3.png" rel="./asset/images/thum-detail.png"
+                                class="border-img">
+                                <img src="./assets/images/image_thumb_3.png" alt="">
+                            </a>
+                        </div>
+                        <div class="item-thumbnail">
+                            <a href="./assets/images/image_thumb_4.png" rel="./asset/images/thum-detail.png"
+                                class="border-img">
+                                <img src="./assets/images/image_thumb_4.png" alt="">
+                            </a>
+                        </div>
+                        <div class="item-thumbnail">
+                            <a href="./assets/images/image_thumb_4.png" rel="./asset/images/thum-detail.png"
+                                class="border-img">
+                                <img src="./assets/images/image_thumb_4.png" alt="">
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <div class="product-detail-mid">
+                    <h2 class="name">Bộ dài tay bé trai phối túi in chéo vàng HN22D</h2>
+                    <div class="d-flex align-items">
+                        <p class="brand">Thương hiệu:<span style="color: #FF981F">Bibo Mart</span></p>
+                        <p class="sku">SKU:<span style="color: #FF981F">KIDS-611191297</span></p>
+                    </div>
+                    <div class="d-flex align-items space-between detal-review">
+                        <div class="info-review d-flex align-items">
+                            <i class="icon_star star5"></i>
+                            <span>Có 0 người dùng đánh giá</span>
+                        </div>
+                        <div class="fb-like" data-href="https://apollohome.vn/giai-phap/test-bai-viet-tin-tuc.html"
+                            data-width="" data-layout="button_count" data-action="like" data-size="small"
+                            data-share="true">
+                        </div>
+                    </div>
+                    <ul class="product-summary">
+                        <li>Chất liệu cao cấp: Chất liệu phao ấm</li>
+                        <li>Chất liệu cao cấp: Chất liệu phao ấm</li>
+                        <li>Chất liệu cao cấp: Chất liệu phao ấm</li>
+                        <li>Chất liệu cao cấp: Chất liệu phao ấm</li>
+                    </ul>
+                    <div class="group-price-detail">
+                        <div class="d-flex align-items">
+                            <div class="price">490.000 <u>đ</u></div>
+                            <div class="old-price">480.000 <u>đ</u></div>
+                        </div>
+                        <div class="saleoff-price">
+                            Tiết kiệm <span style="color: #F90012">20%</span>
+                        </div>
+                    </div>
+                    <div class="unit-detail-amount-control">
+                        <span>Số lượng:</span>
+                        <a href="javascript:;" data-value="-1" class="minus"><i class="fa fa-minus"></i></a>
+
+                        <input type="text" size="3" data-total="1" value="1" id="js-buy-quantity">
+
+                        <a href="javascript:;" data-value="1" class="plus"><i class="fa fa-plus"></i></a>
+                    </div>
+                    <div class="product-detail-store">
+                        <a href="" class="link-store">
+                            <i class="fas fa-map-marker-alt"></i>
+                            Tìm cửa hàng gần bạn nhất
+                        </a>
+                        <span>Đã có 1.864 người mua</span>
+                    </div>
+                    <div class="product-btn-cart d-flex align-items">
+                        <div class="btn-buy">
+                            <a href="javascript:void(0)" class="buy-go-cart btn-buyNow js-buyNow" data-id="7882"
+                                data-name="">
+                                Mua ngay
+                            </a>
+                        </div>
+                        <div class="btn-buy add-to-cart">
+                            <a href="javascript:void(0)" class="buy-go-cart btn-buyNow js-AddNow" data-id="7882"
+                                data-name="">
+                                Thêm vào giỏ hàng
+                            </a>
+                        </div>
+                    </div>
+                    <div class="product-detail-voucher">
+                        <p>
+                            Nhập mã <a href="">Khuyenmai10</a> để được giảm 10% giá trị đơn hàng
+                        </p>
+                    </div>
+                </div>
+                <div class="product-detail-right">
+                    <div class="title">Tại sao chọn chúng tôi</div>
+                    <div class="content">
+                        <div class="item d-flex align-items">
+                            <div class="icon">
+                                <i class="icon_2023 phone"></i>
+                            </div>
+                            <div class="txt">
+                                <b>Hỗ trợ 24/7</b>
+                                <span>Nhân viên online hỗ trợ</span>
+                            </div>
+                        </div>
+                        <div class="item d-flex align-items">
+                            <div class="icon">
+                                <i class="icon_2023 save"></i>
+                            </div>
+                            <div class="txt">
+                                <b>Tiết kiệm</b>
+                                <span>Mua nhiều ưu đãi hơn</span>
+                            </div>
+                        </div>
+                        <div class="item d-flex align-items">
+                            <div class="icon">
+                                <i class="icon_2023 gift"></i>
+                            </div>
+                            <div class="txt">
+                                <b>Quà tặng</b>
+                                <span>Tri ân khách hàng cũ</span>
+                            </div>
+                        </div>
+                        <div class="item d-flex align-items">
+                            <div class="icon shipping">
+                                <i class="icon_2023 shipping"></i>
+                            </div>
+                            <div class="txt">
+                                <b>Vận chuyển</b>
+                                <span>Siêu nhanh, Nội thành Hà Nội, HCM</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="content-product-detail d-flex">
+                <div class="detail-left">
+                    <div class="list-tab d-flex align-items" id="title_tab_scroll_pro">
+                        <a href="#tabdesc" class="item-tab active">Chi tiết</a>
+                        <a href="#tabinfo" class="item-tab">Thông tin</a>
+                        <a href="#tabinstruct" class="item-tab">Hướng dẫn</a>
+                        <a href="#tabreview" class="item-tab">Đánh giá</a>
+                    </div>
+                    <div class="content-tab nd active" id="tabdesc">
+                        <p><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>Với 3 chi tiết áo body liền thân, quần yếm và mũ
+                                đội đầu, <strong>set 3
+                                    chi tiết body Bibo's</strong> mix quần mũ đen tạo nên một set đồ không chỉ thời
+                                trang, đáng yêu mà còn vô
+                                cùng thoải mái và giữ ấm tốt, bảo vệ sức khỏe bé trong năm đầu tiên của cuộc đời. Bên
+                                cạnh đó, sản phẩm còn được
+                                thiết kế cực tiện dụng góp phần hỗ trợ ba mẹ trong hành trình chăm sóc bé yêu.</span>
+                        </p>
+                        <p dir="ltr" style="text-align: center;"><span><img lazy=""
+                                    src="https://media.bibomart.com.vn/media/wysiwyg/2021/2022/set-3-chi-tiet-body-bt-bibos-mix-quan-mu-den-135252.jpg"
+                                    data-original="https://media.bibomart.com.vn/media/wysiwyg/2021/2022/set-3-chi-tiet-body-bt-bibos-mix-quan-mu-den-135252.jpg"
+                                    style="display: block; margin-left: auto; margin-right: auto;"
+                                    title="set-3-chi-tiet-body-Bibo's-mix-quan-mu-den"
+                                    alt="set-3-chi-tiet-body-Bibo's-mix-quan-mu-den" width="450"
+                                    height="450">&nbsp;<em>Set 3 chi tiết body Bibo's&nbsp;mix quần mũ đen</em></span>
+                        </p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <h3 dir="ltr" style="text-align: justify;"><strong>Đặc điểm nổi bật của sản phẩm</strong></h3>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><strong><em>Chất liệu an toàn</em></strong></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- <span style="text-decoration: underline;">Set
+                                    3 chi tiết body
+                                    Bibo's</span> mix quần mũ đen được làm từ chất vải rayon mang đến ưu điểm về sự mềm
+                                mại cùng khả năng thấm
+                                hút nhanh chóng tạo cho bé cảm giác thoải mái mỗi khi mặc lên người.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Từ chất liệu vải đến các phụ liệu khác đều
+                                được kiểm tra và chọn lọc
+                                kỹ lưỡng để đem đến sản phẩm có chất lượng và độ an toàn cao cho các khách hàng
+                                nhí.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Sản phẩm được gia công cẩn thận với những
+                                đường may tỉ mỉ chắc chắn,
+                                tạo sự bền đẹp cho sản phẩm.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><strong><em>Thiết kế tiện dụng, kiểu dáng đáng
+                                    yêu</em></strong></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Sản phẩm mang đến 1 set đồ với 3 chi tiết áo
+                                body liền thân, quần yếm
+                                và mũ đội không chỉ thoải mái mà còn tôn lên nét đáng yêu sẵn có của bé.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Với kiểu dáng liền thân của áo, vùng bụng của
+                                bé được giữ ấm tối ưu.
+                                Ba mẹ không cần lo lắng bé vô tình vén áo hay đạp chăn trong lúc ngủ gây lạnh
+                                bụng.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Chi tiết may chồm vai không chỉ tạo điểm nhấn
+                                cho bộ trang phục mà còn
+                                giúp bé chùi đầu để mặc và cởi áo dễ dàng hơn.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Thiết kế cúc bấm ở đũng áo tạo sự thuận lợi
+                                khi ba mẹ thay bỉm tã cho
+                                bé yêu.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Phần dây yếm trên quần có độ co giãn linh hoạt
+                                nên mẹ không lo bé cảm
+                                thấy gò bó khi mặc. Đũng được thiết kế rộng rãi để tránh gây cản trở khi bé cử động nhất
+                                là khi bé mặc bỉm tã
+                                bên trong.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Một chiếc mũ đội xinh xắn là lựa chọn lý tưởng
+                                giúp ba mẹ giữ ấm và
+                                bảo vệ vùng thóp non nớt của bé một cách tối ưu mỗi khi bé ra ngoài.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Sản phẩm được thiết kế với các size khác nhau
+                                để phù hợp với kích
+                                thước cơ thể của bé trong năm đầu đời.&nbsp;<span>Với size 3M và 6M, quần sẽ được may
+                                    liền bao chân giúp giữ ấm
+                                    và bảo vệ đôi chân non nớt của bé, size 9M và 12M được may quần ống thường để cho
+                                    đôi chân bé dần được giải
+                                    phóng và cử động tự do hơn.</span></span></p>
+                    </div>
+                    <div class="content-tab nd" id="tabinfo">
+                        <h2>Thông tin</h2>
+                        <p><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>Với 3 chi tiết áo body liền thân, quần yếm và mũ
+                                đội đầu, <strong>set 3
+                                    chi tiết body Bibo's</strong> mix quần mũ đen tạo nên một set đồ không chỉ thời
+                                trang, đáng yêu mà còn vô
+                                cùng thoải mái và giữ ấm tốt, bảo vệ sức khỏe bé trong năm đầu tiên của cuộc đời. Bên
+                                cạnh đó, sản phẩm còn được
+                                thiết kế cực tiện dụng góp phần hỗ trợ ba mẹ trong hành trình chăm sóc bé yêu.</span>
+                        </p>
+                        <p dir="ltr" style="text-align: center;"><span><img lazy=""
+                                    src="https://media.bibomart.com.vn/media/wysiwyg/2021/2022/set-3-chi-tiet-body-bt-bibos-mix-quan-mu-den-135252.jpg"
+                                    data-original="https://media.bibomart.com.vn/media/wysiwyg/2021/2022/set-3-chi-tiet-body-bt-bibos-mix-quan-mu-den-135252.jpg"
+                                    style="display: block; margin-left: auto; margin-right: auto;"
+                                    title="set-3-chi-tiet-body-Bibo's-mix-quan-mu-den"
+                                    alt="set-3-chi-tiet-body-Bibo's-mix-quan-mu-den" width="450"
+                                    height="450">&nbsp;<em>Set 3 chi tiết body Bibo's&nbsp;mix quần mũ đen</em></span>
+                        </p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <h3 dir="ltr" style="text-align: justify;"><strong>Đặc điểm nổi bật của sản phẩm</strong></h3>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><strong><em>Chất liệu an toàn</em></strong></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- <span style="text-decoration: underline;">Set
+                                    3 chi tiết body
+                                    Bibo's</span> mix quần mũ đen được làm từ chất vải rayon mang đến ưu điểm về sự mềm
+                                mại cùng khả năng thấm
+                                hút nhanh chóng tạo cho bé cảm giác thoải mái mỗi khi mặc lên người.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Từ chất liệu vải đến các phụ liệu khác đều
+                                được kiểm tra và chọn lọc
+                                kỹ lưỡng để đem đến sản phẩm có chất lượng và độ an toàn cao cho các khách hàng
+                                nhí.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Sản phẩm được gia công cẩn thận với những
+                                đường may tỉ mỉ chắc chắn,
+                                tạo sự bền đẹp cho sản phẩm.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><strong><em>Thiết kế tiện dụng, kiểu dáng đáng
+                                    yêu</em></strong></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Sản phẩm mang đến 1 set đồ với 3 chi tiết áo
+                                body liền thân, quần yếm
+                                và mũ đội không chỉ thoải mái mà còn tôn lên nét đáng yêu sẵn có của bé.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Với kiểu dáng liền thân của áo, vùng bụng của
+                                bé được giữ ấm tối ưu.
+                                Ba mẹ không cần lo lắng bé vô tình vén áo hay đạp chăn trong lúc ngủ gây lạnh
+                                bụng.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Chi tiết may chồm vai không chỉ tạo điểm nhấn
+                                cho bộ trang phục mà còn
+                                giúp bé chùi đầu để mặc và cởi áo dễ dàng hơn.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Thiết kế cúc bấm ở đũng áo tạo sự thuận lợi
+                                khi ba mẹ thay bỉm tã cho
+                                bé yêu.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Phần dây yếm trên quần có độ co giãn linh hoạt
+                                nên mẹ không lo bé cảm
+                                thấy gò bó khi mặc. Đũng được thiết kế rộng rãi để tránh gây cản trở khi bé cử động nhất
+                                là khi bé mặc bỉm tã
+                                bên trong.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Một chiếc mũ đội xinh xắn là lựa chọn lý tưởng
+                                giúp ba mẹ giữ ấm và
+                                bảo vệ vùng thóp non nớt của bé một cách tối ưu mỗi khi bé ra ngoài.</span></p>
+                        <p style="text-align: justify;"><span><span></span></span></p>
+                        <p dir="ltr" style="text-align: justify;"><span>- Sản phẩm được thiết kế với các size khác nhau
+                                để phù hợp với kích
+                                thước cơ thể của bé trong năm đầu đời.&nbsp;<span>Với size 3M và 6M, quần sẽ được may
+                                    liền bao chân giúp giữ ấm
+                                    và bảo vệ đôi chân non nớt của bé, size 9M và 12M được may quần ống thường để cho
+                                    đôi chân bé dần được giải
+                                    phóng và cử động tự do hơn.</span></span></p>
+                    </div>
+                    <div class="content-tab" id="tabreview">
+
+                    </div>
+                </div>
+                <div class="detail-right">
+                    <div class="category-featured">
+                        <div class="title">DANH MỤC NỔI BẬT</div>
+                        <div class="list d-flex flex-wrap">
+                            <div class="item">
+                                <a class="icon">
+                                    <img src="./assets/images/ICON_1.png" alt="">
+                                </a>
+                                <a href="" class="txt">
+                                    Quần áo sơ sinh
+                                </a>
+                            </div>
+                            <div class="item">
+                                <a class="icon">
+                                    <img src="./assets/images/ICON_1.png" alt="">
+                                </a>
+                                <a href="" class="txt">
+                                    Quần áo sơ sinh
+                                </a>
+                            </div>
+                            <div class="item">
+                                <a class="icon">
+                                    <img src="./assets/images/ICON_1.png" alt="">
+                                </a>
+                                <a href="" class="txt">
+                                    Quần áo sơ sinh
+                                </a>
+                            </div>
+                            <div class="item">
+                                <a class="icon">
+                                    <img src="./assets/images/ICON_1.png" alt="">
+                                </a>
+                                <a href="" class="txt">
+                                    Quần áo sơ sinh
+                                </a>
+                            </div>
+                            <div class="item">
+                                <a class="icon">
+                                    <img src="./assets/images/ICON_1.png" alt="">
+                                </a>
+                                <a href="" class="txt">
+                                    Quần áo sơ sinh
+                                </a>
+                            </div>
+                            <div class="item">
+                                <a class="icon">
+                                    <img src="./assets/images/ICON_1.png" alt="">
+                                </a>
+                                <a href="" class="txt">
+                                    Quần áo sơ sinh
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="product-same">
+                        <div class="title">SẢN PHẨM TƯƠNG TỰ</div>
+                        <div class="product-list d-flex flex-wrap">
+                            <div class="product-item">
+                                <a href="" class="image-product">
+                                    <img src="./assets/images/Rectangle 22.png" alt="">
+                                    <div class="saleoff">-35%</div>
+                                </a>
+                                <div class="info-product">
+                                    <div class="total-review">
+                                        <i class="icon_star star5"></i>
+                                        <span class="total">(12)</span>
+                                    </div>
+
+                                    <a href="" class="product-title">
+                                        Sữa Kendamil Organic số 3 800g
+                                        (1 - 3 tuổi)
+                                    </a>
+                                    <div class="product-price-main">
+                                        <b class="price">
+                                            37.490.000 đ
+                                        </b>
+                                        <del class="old-price">38.490.000 đ</del>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="product-item">
+                                <a href="" class="image-product">
+                                    <img src="./assets/images/Rectangle 22.png" alt="">
+                                    <div class="saleoff">-35%</div>
+                                </a>
+                                <div class="info-product">
+                                    <div class="total-review">
+                                        <i class="icon_star star5"></i>
+                                        <span class="total">(12)</span>
+                                    </div>
+
+                                    <a href="" class="product-title">
+                                        Sữa Kendamil Organic số 3 800g
+                                        (1 - 3 tuổi)
+                                    </a>
+                                    <div class="product-price-main">
+                                        <b class="price">
+                                            37.490.000 đ
+                                        </b>
+                                        <del class="old-price">38.490.000 đ</del>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="product-item">
+                                <a href="" class="image-product">
+                                    <img src="./assets/images/Rectangle 22.png" alt="">
+                                    <div class="saleoff">-35%</div>
+                                </a>
+                                <div class="info-product">
+                                    <div class="total-review">
+                                        <i class="icon_star star5"></i>
+                                        <span class="total">(12)</span>
+                                    </div>
+
+                                    <a href="" class="product-title">
+                                        Sữa Kendamil Organic số 3 800g
+                                        (1 - 3 tuổi)
+                                    </a>
+                                    <div class="product-price-main">
+                                        <b class="price">
+                                            37.490.000 đ
+                                        </b>
+                                        <del class="old-price">38.490.000 đ</del>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</body>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
+<script src="./assets/js/main.js"></script>
+
+
+
+<div id="fb-root"></div>
+<script async defer crossorigin="anonymous"
+    src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v16.0&appId=583730498876225&autoLogAppEvents=1"
+    nonce="Yv1QdMGS"></script>
+
+</html>