diff --git a/web_mau_me_va_be/assets/css/style.css b/web_mau_me_va_be/assets/css/style.css new file mode 100644 index 0000000..24ffef5 --- /dev/null +++ b/web_mau_me_va_be/assets/css/style.css @@ -0,0 +1,1545 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "Inter", sans-serif; +} + +body { + color: #222; + font-family: "Inter", sans-serif; + margin: 0 auto; + background: #fff; + font-weight: normal; +} + +html { + font-size: 100%; + font-family: "Inter", sans-serif; +} + +img { + max-width: 100%; + height: auto; +} + +a { + text-decoration: none; + color: black; +} + +.clearfix { + content: ""; + clear: both; +} + +ul, +li { + list-style: none; +} + +table { + border-collapse: collapse; + width: 100%; +} + +.ul, +.ol { + margin: 0; + padding: 0; + list-style: none; +} + +::-webkit-scrollbar-track { + background-color: #f5f5f5; + border-radius: 10px; +} + +::-webkit-scrollbar { + width: 7px; + background-color: #f5f5f5; +} + +::-webkit-scrollbar-thumb { + background: #f90012; + border-radius: 20px; + background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.7, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent)); +} + +.d-flex { + display: flex !important; +} + +.d-block { + display: block; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.text-center { + text-align: center !important; +} + +.align-items { + align-items: center !important; +} + +.space-between { + justify-content: space-between !important; +} + +.space-center { + justify-content: center !important; +} + +.d-block { + display: block !important; +} + +.flex-direction { + flex-direction: column; +} + +.container { + padding: 0 10px; + max-width: 1210px; + margin: 0 auto; +} + +.line-clamp-1 { + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.line-clamp-2 { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.line-clamp-3 { + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.line-clamp-4 { + display: -webkit-box; + -webkit-line-clamp: 4; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.line-clamp-5 { + display: -webkit-box; + -webkit-line-clamp: 5; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.icon_2023 { + background: url(../images/icon_2023.png) no-repeat; + background-size: 150px 150px; + display: block; +} + +.header .icon_2023.map { + width: 16px; + height: 20px; + background-position: -13px 0px; +} +.header .icon_2023.store { + width: 19px; + height: 20px; + background-position: -43px 0px; +} +.header .icon_2023.phone { + width: 19px; + height: 20px; + background-position: -70px 0px; +} +.header .icon_2023.account { + width: 30px; + height: 34px; + background-position: -84px -23px; +} +.header .icon_2023.cart { + width: 30px; + height: 34px; + background-position: -120px -23px; +} +.header .header-top-left a { + padding: 0 10px; + font-size: 13px; +} +.header .header-top-left a:hover { + color: #f90012; +} +.header .header-top-left i { + color: #4a4a4a; +} +.header .header-top-right .txt { + font-size: 13px; + padding-left: 7px; + color: #222; + font-weight: 400; +} +.header .header-top-right .txt:hover { + color: #f90012; +} +.header .header-top-right .item { + margin-left: 60px; +} +.header .header-top-right a { + color: #f90012; + font-weight: 700; +} +.header .header-top { + padding: 10px; + background: #f2f2f2; +} +.header .header-menu { + background-color: #fe0003; + width: 290px; + height: 48px; + line-height: 48px; + position: relative; + padding: 0 10px; + border-radius: 8px; +} +.header .header-menu .title { + color: #fff; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; +} +.header .header-menu .title p { + text-transform: uppercase; + font-size: 18px; + margin-left: 10px; +} +.header .header-menu .title .icon_2023.bars { + display: block; + width: 30px; + height: 24px; + background-position: -14px -31px; +} +.header .header-menu .menu_holder { + position: absolute; + top: 52px; + left: 0; + width: 100%; + z-index: 4; + background: #fff; + visibility: hidden; + opacity: 0; + box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15); +} +.header .header-menu .menu_holder .item { + height: 35px; + display: flex; +} +.header .header-menu .menu_holder .item:first-child { + margin-top: 5px; +} +.header .header-menu .menu_holder .item .menu-hover { + background: #fff; + border: solid 1px #dedede; + position: absolute; + z-index: 1; + top: 0; + left: 290px; + width: 910px; + height: 427px; + overflow: auto; + font-size: 14px; + padding: 10px; + visibility: hidden; + opacity: 0; + transform: translate(20px, 0); + transition: opacity 0.7s, transform 0.7s; +} +.header .header-menu .menu_holder .item .menu-hover .item-holder { + width: 30%; + padding-right: 10px; + margin-bottom: 20px; +} +.header .header-menu .menu_holder .item .menu-hover .title-holder { + color: #f90012; + font-weight: bold; + text-transform: uppercase; + font-size: 14px; + display: block; + line-height: 25px; +} +.header .header-menu .menu_holder .item .menu-hover .holder-last { + font-size: 13px; + line-height: 30px; +} +.header .header-menu .menu_holder .item .menu-hover .holder-last:hover a { + color: #f90012; +} +.header .header-menu .menu_holder .item:hover { + z-index: 1; +} +.header .header-menu .menu_holder .item:hover .cat-title { + color: #f90012; + font-weight: 700; +} +.header .header-menu .menu_holder .item:hover .menu-hover { + visibility: visible; + opacity: 1; + transform: translate(0, 0); +} +.header .header-menu .menu_holder .item-cate { + padding: 0 10px; + width: 100%; +} +.header .header-menu .menu_holder .item-cate .cat-title { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + font-size: 14px; +} +.header .header-menu:hover .menu_holder { + visibility: visible; + opacity: 1; +} +.header .header-menu:hover .height-hover { + position: absolute; + content: ""; + height: 20px; + width: 100%; +} +.header .header-main { + padding: 12px 0; +} +.header .header-main .logo { + width: 290px; + margin-left: 15px; +} +.header .header-main-right { + width: calc(100% - 290px - 290px - 490px - 35px); +} +.header .header-main-right .icon_2023 { + filter: grayscale(100%); + margin: 0 auto; +} +.header .header-main-right .item { + width: 50%; +} +.header .header-main-right .item:hover .icon_2023 { + filter: grayscale(0%); +} +.header .header-main-right .item.icon_cart { + position: relative; +} +.header .header-main-right .item.icon_cart .cart-count { + position: absolute; + right: 1px; + top: 0; + background: #f90012; + width: 18px; + height: 18px; + border-radius: 50%; + color: #fff; + text-align: center; + line-height: 18px; +} + +.form__input { + width: 490px; + margin-right: 20px; + border-radius: 20px; +} +.form__input:focus-within { + border: 1px solid #fe0003; +} +.form__input:focus-within .search-form { + border: none; +} + +.form__input .search-form { + border-radius: 20px; + overflow: hidden; + padding: 3px; + background: #fff; + position: relative; + width: 100%; + border: 1px solid #b09382; +} + +.form__input .submit-search { + position: absolute; + right: 0; + bottom: 0; + border: 0; + width: 40px; + height: 40px; + font-weight: 300; + background: transparent; + cursor: pointer; +} + +.form__input .icon_2023.search { + width: 25px; + height: 25px; + background-position: -52px -28px; +} + +.form__input .text_search { + border: 0; + padding: 0 5px 0 10px; + width: calc(100% - 40px); + height: 100%; + outline: none; + color: #a0a0a0; + font-size: 14px; +} + +.form__input .searh-form-container { + float: left; + width: calc(100% - 60px); + height: 35px; +} + +.custom-nav .owl-nav { + margin: 0 !important; +} + +.custom-nav .owl-nav button { + margin: 0 !important; + background: rgba(0, 0, 0, 0.2) !important; + color: #222 !important; + width: 25px; + height: 50px; + font-size: 25px !important; + text-align: left; + position: absolute; + top: 50%; + transform: translateY(-50%); + background: #ffffff !important; + border: 1px dashed #f2f2f2; + box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25) !important; +} + +.custom-nav .owl-nav button:hover { + color: #222 !important; + background: transparent !important; +} + +.custom-nav .owl-nav .owl-prev { + left: 0; + border-radius: 50% !important; + width: 30px; + height: 30px; +} + +.custom-nav .owl-nav .owl-next { + right: 0; + border-radius: 50% !important; + width: 30px; + height: 30px; +} + +.custom-nav .owl-nav i { + margin: 0 auto; + text-align: center; + display: flex; + align-items: center; + justify-content: center; +} + +.custom-nav .owl-nav .owl-prev i { + padding-right: 3px; +} + +.custom-nav .owl-nav .owl-next i { + padding-left: 3px; +} + +.homepage .banner img { + border-radius: 30px; +} +.homepage .category-home { + margin-top: 25px; +} +.homepage .category-home .title { + font-size: 24px; + font-weight: 400; + margin-bottom: 40px; +} +.homepage .category-home .list-categroy .item { + width: 16.6666666667%; + text-align: center; + margin: 0 auto; +} +.homepage .category-home .list-categroy .icon { + width: 84px; + height: 84px; + margin: 0 auto 30px auto; +} +.homepage .category-home .list-categroy .txt { + text-align: center; + font-size: 14px; + text-transform: uppercase; +} +.homepage .banner-sale-home { + margin-top: 15px; +} +.homepage .banner-sale-home .item { + margin-right: 15px; +} +.homepage .banner-sale-home .item:last-child { + margin-right: 0; +} +.homepage .content-list-category { + padding: 30px 30px 0 30px; +} +.homepage .content-list-category:nth-child(2n) { + background: #f5f5f5; +} +.homepage .content-list-category .title-category .name { + padding-bottom: 20px; + font-size: 32px; + text-align: center; +} +.homepage .content-list-category .title-category .name:hover a { + color: #f90012; +} +.homepage .content-list-category .title-category .list-cat { + margin-bottom: 15px; + display: flex; + justify-content: center; + align-items: center; +} +.homepage .content-list-category .title-category .list-cat .item { + border: 1px solid #bababa; + background: #ffffff; + color: #bababa; + font-size: 15px; + font-weight: 400; + padding: 8px 15px; + border-radius: 20px; + margin-right: 12px; +} +.homepage .content-list-category .title-category .list-cat .item:first-child { + border: 1px solid #f90012; + color: #f90012; +} +.homepage .content-list-category .title-category .list-cat .item:hover { + border: 1px solid #f90012; + color: #f90012; +} +.homepage .customer-feeback { + background: #fff1f2; + padding: 28px 0 55px 0; +} +.homepage .customer-feeback .title { + text-align: center; + display: block; + font-size: 32px; +} +.homepage .customer-feeback .list-feeback { + margin-top: 20px; +} +.homepage .customer-feeback .custom-nav .owl-nav button { + position: unset; + bottom: 0; + transform: translateY(24px); + margin: 0 5px !important; +} +.homepage .item-feeback { + position: relative; + border-radius: 15px; + height: 275px; + margin-top: 40px; + background: #ffffff; + border-radius: 15px; + margin-right: 20px; +} +.homepage .item-feeback .avatar { + width: 78px; + height: 78px; + position: absolute; + left: 50%; + top: -35px; + transform: translate(-50%, 0); +} +.homepage .item-feeback .info { + padding-top: 55px; + margin-bottom: 15px; + text-align: center; +} +.homepage .item-feeback .content { + text-align: center; + margin: 0 25px; + line-height: 20px; + font-size: 15px; +} +.homepage .item-feeback .star { + margin: 30px auto 0 auto; + text-align: center; +} +.homepage .item-feeback .star img { + width: 100px; + margin: 0 auto; +} +.homepage .item-feeback::before { + border: 1px dashed #f90012; + border-radius: 15px; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 15px; + bottom: 15px; +} +.homepage .brand-list { + padding: 20px 0; +} + +.icon_star { + display: block; + background: url(../images/star_2023.png) no-repeat; + height: 12px; + width: 75px; +} +.icon_star.star5 { + background-position: 0 0; +} +.icon_star.star4 { + background-position: 0 -15px; +} +.icon_star.star3 { + background-position: 0 -30px; +} +.icon_star.star2 { + background-position: 0 -45px; +} +.icon_star.star1 { + background-position: 0 -60px; +} +.icon_star.star0 { + background-position: 0 -75px; +} + +.product-item { + background: #ffffff; + border-radius: 15px; + padding: 15px; + width: calc(25% - 15px); + margin-right: 15px; + margin-bottom: 15px; +} +.product-item .image-product { + display: block; + position: relative; + height: 250px; + overflow: hidden; +} +.product-item .image-product img { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + margin: 0 auto; + transition: 0.5s all; + transform: scale(1); + -o-object-fit: cover; + object-fit: cover; +} +.product-item .image-product:hover img { + transform: scale(1.05); + -o-object-fit: cover; + object-fit: cover; +} +.product-item .image-product .saleoff { + position: absolute; + left: 0; + top: 0; + width: 48px; + height: 35px; + background: #fff1f2; + border-radius: 6px; + color: #f90012; + font-weight: 600; + font-size: 15px; + line-height: 35px; + text-align: center; +} +.product-item .image-product .saleoff:hover { + background: #f90012; + color: #fff; +} +.product-item .info-product .product-title { + font-size: 14px; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + height: 35px; + margin-bottom: 5px; + text-align: center; +} +.product-item .info-product .product-title:hover { + color: #f90012; + font-weight: 600; +} +.product-item .info-product .total-review { + display: flex; + align-items: center; + justify-content: center; + margin: 13px auto 10px auto; + font-size: 13px; +} +.product-item .price { + font-size: 18px; + font-weight: 600; + text-align: center; + color: #f90012; + display: block; + margin-bottom: 3px; +} +.product-item .old-price { + font-size: 14px; + color: #b4b4b4; + text-align: center; + display: block; +} +.product-item .product-price-main { + margin-bottom: 10px; +} + +.footer .footer-top { + background: url(../images/form_sale.png) no-repeat; + height: 307px; + width: 100%; + background-size: 100% 100%; +} +.footer .form-khuyenmai { + width: 590px; + margin: 0 auto; + text-align: center; + padding: 100px 0; +} +.footer .form-khuyenmai .title { + font-size: 32px; + margin-bottom: 20px; +} +.footer .form-khuyenmai .content-form { + width: 100%; + background: #fafcfe; + border: 1px solid #f90012; + border-radius: 10px; + height: 45px; + display: flex; + position: relative; +} +.footer .form-khuyenmai .content-form:focus-within { + outline: 2px solid #f90012; +} +.footer .form-khuyenmai #email-newsletter { + border-radius: 10px 0 0 10px; + border: 0; + padding: 0 5px 0 10px; + width: calc(100% - 40px); + height: 100%; + outline: none; + color: #a0a0a0; + font-size: 14px; +} +.footer .form-khuyenmai .send-newsletter { + position: absolute; + right: 0; + bottom: 0; + border: 0; + width: 40px; + height: 40px; + font-weight: 300; + background: transparent; + cursor: pointer; +} +.footer .form-khuyenmai .icon_2023.send-form { + width: 31px; + height: 40px; + background-position: -90px -70px; +} +.footer .info-contact { + border-bottom: 1px dashed #b4b4b4; + padding: 28px 0; +} +.footer .info-contact .item { + width: 25%; +} +.footer .info-contact .item.pay p { + text-align: right; + font-size: 15px; + text-transform: uppercase; + margin-bottom: 10px; + color: #8e8e8e; +} +.footer .info-contact .icon { + display: flex; + align-items: center; + margin-bottom: 8px; +} +.footer .info-contact .icon p { + text-transform: uppercase; + color: #8e8e8e; + margin-left: 8px; + font-size: 15px; +} +.footer .info-contact .txt { + font-size: 15px; +} +.footer .icon_2023.map { + width: 16px; + height: 20px; + background-position: -13px 0px; +} +.footer .icon_2023.phone { + width: 19px; + height: 20px; + background-position: -70px 0px; +} +.footer .content-footer-main { + padding: 22px 0; + border-bottom: 1px dashed #b4b4b4; +} +.footer .content-footer-main .item-footer { + width: 25%; +} +.footer .content-footer-main .item-footer a { + display: block; + margin-bottom: 10px; + font-size: 14px; +} +.footer .content-footer-main .item-footer a:hover { + color: #f90012; +} +.footer .content-footer-main .title { + font-weight: 700; + font-size: 15px; + padding-bottom: 10px; +} +.footer .footer-contact { + padding: 15px 0; + font-size: 15px; +} + +.breadcrumb ol { + width: 100%; + float: left; + padding: 0; + margin: 0; + background: none; +} + +.breadcrumb ol li { + float: left; + list-style: none; +} + +.breadcrumb ol li a span { + font-size: 14px; + color: #333; + line-height: 45px; + float: left; + display: flex; + align-items: center; +} +.breadcrumb ol li a span:hover { + color: #f90012; +} + +.breadcrumb ol li a:last-child { + color: #222; +} + +.breadcrumb ol li h1 { + font-size: 15px; + color: #222; + line-height: 45px; + float: left; + font-weight: 400; + margin: 0; +} + +.breadcrumb ol li i { + margin-left: 10px; + margin-right: 10px; + float: left; + line-height: 45px; + color: #000; +} + +.breadcrumb ol li:last-child i { + display: none; +} + +.breadcrumb .icon_2023.home { + width: 16px; + height: 17px; + display: block; + background-position: -9px -128px; + margin-right: 10px; + margin-left: 0; +} + +.breadcrumb .home span, +.breadcrumb .home i { + color: #b4b4b4; +} + +.product-category .content-product-category { + margin-top: 15px; +} +.product-category .left-category { + width: 290px; +} +.product-category .left-category .title { + padding-bottom: 10px; +} +.product-category .right-category { + width: calc(100% - 305px); + margin-left: 15px; +} +.product-category .filter-category .title-filter { + padding: 10px 0; + position: relative; +} +.product-category .filter-category .title-filter::after { + position: absolute; + content: "\f106"; + right: 0; + font-weight: 700; + font: normal normal normal 20px/1 FontAwesome; + color: #8e8e8e; +} +.product-category .filter-category .item-filter.active .content-filter { + display: block; +} +.product-category .filter-category .item-filter.active .title-filter::after { + content: "\f107"; +} +.product-category .filter-category .content-filter { + padding: 10px 0; + display: none; +} +.product-category .filter-category #slider-range { + border-radius: 4px; + height: 4px; + margin-bottom: 10px; + background: #d9d9d9; + border: 0; + margin-left: 9px; +} +.product-category .filter-category .ui-slider-handle { + width: 16px; + height: 16px; + box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); + background: #ffffff; + border-radius: 50%; + top: -0.5rem; +} +.product-category .filter-category .ui-slider-horizontal .ui-slider-range { + background: #f90012; +} +.product-category .filter-category .vertical-price-filter { + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 12px; +} +.product-category .filter-category .vertical-price-filter-child { + display: flex; + align-items: center; +} +.product-category .filter-category .button-filter { + width: 70px; + height: 30px; + border: 1px solid #222; + display: block; + text-align: center; + line-height: 30px; + margin: 0 auto; + cursor: pointer; + border-radius: 20px; +} +.product-category .filter-category .button-filter:hover { + background: #f90012; + color: #fff; + border: 1px solid #f90012; +} +.product-category .filter-category .left { + display: flex; + align-items: center; +} +.product-category .filter-category .left i { + font-size: 18px; + margin-right: 5px; +} +.product-category .filter-category .right { + font-size: 15px; +} +.product-category .banner-categor { + margin-bottom: 10px; +} +.product-category .product-category-sort { + margin-top: 10px; +} +.product-category .name-category h1 { + font-size: 24px; +} +.product-category .name-category span { + font-size: 14px; + color: #8e8e8e; + margin-left: 10px; +} +.product-category .sort-pro { + width: 209px; + height: 40px; + border: 1px solid #d3d3d3; + border-radius: 8px; + padding: 0 5px; +} +.product-category .product-list { + margin-top: 10px; + margin-right: -15px; +} +.product-category .product-list .product-item { + width: calc(33.3333333333% - 15px); +} + +.product-detail .product-image-detail { + width: 490px; + margin-right: 15px; +} +.product-detail .product-image-detail #sync1 img { + width: 100%; + display: block; +} +.product-detail .product-image-detail #sync2 { + padding: 10px 34px; +} +.product-detail .product-image-detail #sync2 img { + width: 96px; + height: 96px; + -o-object-fit: cover; + object-fit: cover; + display: block; +} +.product-detail .product-image-detail .custom-nav .owl-nav button { + box-shadow: none !important; +} +.product-detail .product-detail-mid { + width: calc(100% - 490px - 185px - 30px); +} +.product-detail .product-detail-mid .name { + font-size: 22px; + padding-bottom: 10px; +} +.product-detail .product-detail-mid .brand { + font-size: 15px; + width: 50%; +} +.product-detail .product-detail-mid .sku { + font-size: 15px; + width: 50%; +} +.product-detail .product-detail-mid .detal-review { + padding: 3px 0; + border-bottom: 1px solid #e9e9e9; + font-size: 15px; +} +.product-detail .product-detail-mid .product-summary { + padding: 13px 0; +} +.product-detail .product-detail-mid .product-summary li { + list-style: inside; + font-size: 14px; + line-height: 20px; +} +.product-detail .group-price-detail { + padding-bottom: 15px; + border-bottom: 1px solid #e9e9e9; +} +.product-detail .group-price-detail .price { + font-weight: 600; + font-size: 24px; + color: #f90012; + margin-right: 10px; +} +.product-detail .group-price-detail .old-price { + font-size: 16px; + color: #b4b4b4; +} +.product-detail .group-price-detail .saleoff-price { + font-size: 15px; + margin-top: 10px; +} +.product-detail .unit-detail-amount-control { + display: flex; + align-items: center; + padding-top: 10px; +} +.product-detail .unit-detail-amount-control span { + margin-right: 20px; +} +.product-detail .unit-detail-amount-control a { + height: 40px; + line-height: 40px; + width: 29px; + border: 1px solid #cecece; + text-align: center; +} +.product-detail .unit-detail-amount-control i { + font-size: 10px; +} +.product-detail .unit-detail-amount-control input { + width: 46px; + height: 40px; + line-height: 40px; + text-align: center; + border: 1px solid #cecece; + border-left: 0; + border-right: 0; +} +.product-detail .unit-detail-amount-control .minus { + border-radius: 5px 0 0 5px; +} +.product-detail .unit-detail-amount-control .plus { + border-radius: 0 5px 5px 0; +} +.product-detail .product-detail-store { + padding: 15px 0; +} +.product-detail .product-detail-store .link-store { + color: #ff981f; +} +.product-detail .product-detail-store span { + font-size: 14px; + margin-left: 10px; +} +.product-detail .product-btn-cart { + margin-bottom: 15px; +} +.product-detail .product-btn-cart .btn-buy { + height: 44px; + background: #f90012; + border-radius: 8px; + width: calc(50% - 12px); + margin-right: 12px; + font-size: 16px; + text-align: center; + text-transform: uppercase; + font-weight: 600; + line-height: 44px; +} +.product-detail .product-btn-cart .btn-buy a { + color: #fff; +} +.product-detail .product-btn-cart .btn-buy.add-to-cart { + background: #ffffff; + border: 1px solid #f90012; +} +.product-detail .product-btn-cart .btn-buy.add-to-cart a { + color: #f90012; +} +.product-detail .product-detail-voucher { + border: 2px dashed #f90012; + border-radius: 8px; + padding: 15px; + font-size: 16px; +} +.product-detail .product-detail-voucher a { + color: #f90012; + font-weight: 700; +} +.product-detail .product-detail-right { + width: 190px; + margin-left: 15px; +} +.product-detail .product-detail-right .title { + background: #f90012; + border-radius: 5px; + height: 40px; + text-align: center; + font-size: 14px; + color: #ffffff; + line-height: 40px; + font-weight: 700; +} +.product-detail .product-detail-right .content { + border: 2px dashed #f90012; + border-top: 0; + border-radius: 0 0 5px 5px; + padding-bottom: 15px; +} +.product-detail .product-detail-right .item { + padding: 15px 5px 0 15px; +} +.product-detail .product-detail-right .item .icon { + width: 32px; + margin-right: 10px; +} +.product-detail .product-detail-right .item .txt { + width: calc(100% - 32px); +} +.product-detail .product-detail-right .item .txt b { + font-size: 14px; + padding-bottom: 3px; + display: block; +} +.product-detail .product-detail-right .item .txt span { + display: block; + font-size: 12px; +} +.product-detail .product-detail-right .icon_2023 { + background-size: 200px; +} +.product-detail .product-detail-right .icon_2023.phone { + width: 23px; + height: 22px; + background-position: -13px -210px; +} +.product-detail .product-detail-right .icon_2023.save { + width: 23px; + height: 22px; + background-position: -46px -210px; +} +.product-detail .product-detail-right .icon_2023.gift { + width: 23px; + height: 22px; + background-position: -79px -210px; +} +.product-detail .product-detail-right .icon_2023.shipping { + width: 32px; + height: 22px; + background-position: -117px -210px; +} +.product-detail .content-product-detail { + margin-top: 30px; +} +.product-detail .content-product-detail .detail-left { + width: 62%; +} +.product-detail .content-product-detail .detail-right { + width: calc(38% - 16px); + margin-left: 16px; +} +.product-detail .list-tab { + display: flex; + align-items: center; + margin-bottom: 20px; +} +.product-detail .list-tab .item-tab { + width: 150px; + height: 40px; + margin-right: 10px; + border: 1px dashed #f90012; + border-radius: 5px; + color: #f90012; + font-weight: 600; + font-size: 16px; + text-align: center; + line-height: 40px; + position: relative; +} +.product-detail .list-tab .item-tab.active { + background: #f90012; + color: #fff; +} +.product-detail .list-tab .item-tab.active::before { + position: absolute; + content: ""; + left: 50%; + transform: translate(-50%, 0); + bottom: -12px; + width: 0; + height: 0; + border-left: 12px solid transparent; + border-right: 12px solid transparent; + border-top: 12px solid red; +} +.product-detail .content-tab { + display: none; + border: 1px solid #f90012; + border-radius: 12px; + padding: 20px 15px 15px 15px; +} +.product-detail .content-tab.active { + display: block; +} +.product-detail .category-featured .title { + font-size: 24px; + font-weight: 600; + text-align: center; + color: #f90012; + margin-bottom: 28px; +} +.product-detail .category-featured .item { + width: calc(33.3333333333% - 38px); + margin-right: 38px; + margin-bottom: 38px; +} +.product-detail .category-featured .icon { + margin: 0 auto; + display: block; + text-align: center; +} +.product-detail .category-featured .icon img { + width: 72px; + height: 72px; + -o-object-fit: cover; + object-fit: cover; +} +.product-detail .category-featured .txt { + font-size: 14px; + text-align: center; + text-transform: uppercase; + margin-top: 23px; + display: block; +} +.product-detail .product-same .title { + border: 1px solid #d3d3d3; + padding: 21px 0; + text-align: center; + font-size: 24px; + color: #f90012; + font-weight: 600; +} +.product-detail .product-same .product-list { + border-left: 1px solid #d3d3d3; +} +.product-detail .product-same .product-item { + width: 50%; + margin-right: 0; + margin-bottom: 0; + border-right: 1px solid #d3d3d3; + border-radius: 0; + border-bottom: 1px solid #d3d3d3; + padding: 12px; +} +.product-detail .product-same .product-item .image-product { + height: 219px; +} + +.nd * { + line-height: 25px; +} + +.product-flash-sale { + margin-top: 40px; +} +.product-flash-sale .title { + display: flex; + align-items: center; + justify-content: center; +} +.product-flash-sale .title h2 { + font-size: 36px; + color: #f90012; + font-weight: 600; + text-transform: uppercase; + padding: 0 10px; +} +.product-flash-sale .icon_2023.flash { + width: 50px; + height: 58px; + background-position: 1px -51px; +} +.product-flash-sale .product-time-holder { + display: flex; + align-items: center; + margin-left: 10px; +} +.product-flash-sale .product-time-holder .item-time { + margin-right: 14px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; +} +.product-flash-sale .product-time-holder .item-time b { + background: linear-gradient(180deg, #ff848d 0%, #f90012 100%); + border-radius: 5px; + width: 35px; + height: 35px; + text-align: center; + line-height: 35px; + color: #fff; + font-weight: 700; + position: relative; + font-size: 16px; +} +.product-flash-sale .product-time-holder .item-time b:last-child { + margin: 0; +} +.product-flash-sale .product-time-holder .item-time b::after { + content: ":"; + position: absolute; + right: -10px; + color: #000; +} +.product-flash-sale .product-time-holder .item-time:last-child b { + margin: 0; +} +.product-flash-sale .product-time-holder .item-time:last-child b::after { + content: none; +} +.product-flash-sale .background-deal { + background: #fff1f2; + border-radius: 30px; + padding: 15px; +} +.product-flash-sale .custom-nav .owl-prev { + left: -12px; +} +.product-flash-sale .custom-nav .owl-next { + right: -12px; +} +.product-flash-sale .more-all { + display: block; + margin: 15px auto 0 auto; + text-align: center; + color: #f90012; + font-weight: 700; +} +.product-flash-sale .more-all i { + font-weight: 700; +} + +.product-item-deal { + background: #ffffff; + border: 1px dashed #f90012; + border-radius: 15px; + padding: 15px; +} +.product-item-deal .image-product { + display: block; + position: relative; + height: 250px; + overflow: hidden; +} +.product-item-deal .image-product img { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + margin: 0 auto; + transition: 0.5s all; + transform: scale(1); + -o-object-fit: cover; + object-fit: cover; +} +.product-item-deal .image-product:hover img { + transform: scale(1.05); + -o-object-fit: cover; + object-fit: cover; +} +.product-item-deal .image-product .saleoff { + position: absolute; + left: 0; + top: 0; + width: 48px; + height: 35px; + background: #fff1f2; + border-radius: 6px; + color: #f90012; + font-weight: 600; + font-size: 15px; + line-height: 35px; + text-align: center; +} +.product-item-deal .image-product .saleoff:hover { + background: #f90012; + color: #fff; +} +.product-item-deal .info-product .product-title { + font-size: 14px; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + height: 35px; + margin-bottom: 5px; + text-align: center; +} +.product-item-deal .info-product .total-review { + display: flex; + align-items: center; + justify-content: center; + margin: 13px auto 10px auto; + font-size: 13px; +} +.product-item-deal .price { + font-size: 18px; + font-weight: 600; + text-align: center; + color: #f90012; + display: block; + margin-bottom: 3px; +} +.product-item-deal .old-price { + font-size: 14px; + color: #b4b4b4; + text-align: center; + display: block; +} +.product-item-deal .product-price-main { + margin-bottom: 10px; +} +.product-item-deal .deal-count { + position: relative; + width: 250px; + height: 18px; + background: #ffd0d4; + border-radius: 9px; +} +.product-item-deal .deal-count .icon_2023.hot { + width: 20px; + height: 28px; + background-position: -56px -75px; + position: absolute; + left: 0; + bottom: 0; + z-index: 9; +} +.product-item-deal .deal-count b { + text-align: center; + color: #fff; + font-size: 11px; + font-weight: 600; + line-height: 18px; + display: block; + z-index: 9; + position: absolute; + left: 50%; + transform: translate(-50%, 0); +} +.product-item-deal .deal-count .count-bg { + position: absolute; + left: 0; + bottom: 0; + background: #f90012; + border-radius: 9px; + height: 18px; + display: block; + z-index: 1; +}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/web_mau_me_va_be/assets/css/style.css.map b/web_mau_me_va_be/assets/css/style.css.map new file mode 100644 index 0000000..b3c465d --- /dev/null +++ b/web_mau_me_va_be/assets/css/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/web_mau_me_va_be/assets/css/style.scss b/web_mau_me_va_be/assets/css/style.scss new file mode 100644 index 0000000..f718192 --- /dev/null +++ b/web_mau_me_va_be/assets/css/style.scss @@ -0,0 +1,1591 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "Inter", sans-serif; +} + +body { + color: #222; + font-family: "Inter", sans-serif; + margin: 0 auto; + background: #fff; + font-weight: normal; +} + +html { + font-size: 100%; + font-family: "Inter", sans-serif; +} + +img { + max-width: 100%; + height: auto; +} + +a { + text-decoration: none; + color: black; +} + +.clearfix { + content: ""; + clear: both; +} + +ul, +li { + list-style: none; +} + +table { + border-collapse: collapse; + width: 100%; +} + +.ul, +.ol { + margin: 0; + padding: 0; + list-style: none; +} +::-webkit-scrollbar-track { + background-color: #f5f5f5; + border-radius: 10px; +} +::-webkit-scrollbar { + width: 7px; + background-color: #f5f5f5; +} +::-webkit-scrollbar-thumb { + background: #f90012; + border-radius: 20px; + background-image: -webkit-gradient( + linear, + 0 0, + 0 100%, + color-stop(0.7, rgba(255, 255, 255, 0.2)), + color-stop(0.5, transparent), + to(transparent) + ); +} +.d-flex { + display: flex !important; +} + +.d-block { + display: block; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.text-center { + text-align: center !important; +} + +.align-items { + align-items: center !important; +} + +.space-between { + justify-content: space-between !important; +} + +.space-center { + justify-content: center !important; +} + +.d-block { + display: block !important; +} + +.flex-direction { + flex-direction: column; +} + +.container { + padding: 0 10px; + max-width: 1210px; + margin: 0 auto; +} + +.line-clamp-1 { + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.line-clamp-2 { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.line-clamp-3 { + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; +} +.line-clamp-4 { + display: -webkit-box; + -webkit-line-clamp: 4; + -webkit-box-orient: vertical; + overflow: hidden; +} +.line-clamp-5 { + display: -webkit-box; + -webkit-line-clamp: 5; + -webkit-box-orient: vertical; + overflow: hidden; +} +.icon_2023 { + background: url(../images/icon_2023.png) no-repeat; + background-size: 150px 150px; + display: block; +} +.header { + .icon_2023 { + &.map { + width: 16px; + height: 20px; + background-position: -13px 0px; + } + &.store { + width: 19px; + height: 20px; + background-position: -43px 0px; + } + &.phone { + width: 19px; + height: 20px; + background-position: -70px 0px; + } + &.account { + width: 30px; + height: 34px; + background-position: -84px -23px; + } + &.cart { + width: 30px; + height: 34px; + background-position: -120px -23px; + } + } + .header-top-left { + a { + padding: 0 10px; + font-size: 13px; + &:hover { + color: #f90012; + } + } + i { + color: #4a4a4a; + } + } + .header-top-right { + .txt { + font-size: 13px; + padding-left: 7px; + color: #222; + font-weight: 400; + &:hover { + color: #f90012; + } + } + .item { + margin-left: 60px; + } + a { + color: #f90012; + font-weight: 700; + } + } + .header-top { + padding: 10px; + background: #f2f2f2; + } + .header-menu { + background-color: #fe0003; + width: 290px; + height: 48px; + line-height: 48px; + position: relative; + padding: 0 10px; + border-radius: 8px; + .title { + color: #fff; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + p { + text-transform: uppercase; + font-size: 18px; + margin-left: 10px; + } + .icon_2023 { + &.bars { + display: block; + width: 30px; + height: 24px; + background-position: -14px -31px; + } + } + } + .menu_holder { + position: absolute; + top: 52px; + left: 0; + width: 100%; + z-index: 4; + background: #fff; + visibility: hidden; + opacity: 0; + box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15); + .item { + height: 35px; + display: flex; + &:first-child { + margin-top: 5px; + } + .menu-hover { + background: #fff; + border: solid 1px #dedede; + position: absolute; + z-index: 1; + top: 0; + left: 290px; + width: calc(1200px - 290px); + height: 427px; + overflow: auto; + font-size: 14px; + padding: 10px; + visibility: hidden; + opacity: 0; + transform: translate(20px, 0); + transition: opacity 0.7s, transform 0.7s; + + .item-holder { + width: 30%; + padding-right: 10px; + margin-bottom: 20px; + } + + .title-holder { + color: #f90012; + font-weight: bold; + text-transform: uppercase; + font-size: 14px; + display: block; + line-height: 25px; + } + + .holder-last { + font-size: 13px; + line-height: 30px; + &:hover a { + color: #f90012; + } + } + } + + &:hover { + z-index: 1; + .cat-title { + color: #f90012; + font-weight: 700; + } + .menu-hover { + visibility: visible; + opacity: 1; + transform: translate(0, 0); + } + } + } + + .item-cate { + padding: 0 10px; + width: 100%; + .cat-title { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + font-size: 14px; + } + } + } + &:hover { + .menu_holder { + visibility: visible; + opacity: 1; + } + .height-hover { + position: absolute; + content: ""; + height: 20px; + width: 100%; + } + } + } + .header-main { + padding: 12px 0; + .logo { + width: 290px; + margin-left: 15px; + } + } + .header-main-right { + width: calc(100% - 290px - 290px - 490px - 35px); + .icon_2023 { + filter: grayscale(100%); + margin: 0 auto; + } + .item { + width: calc(100% / 2); + &:hover { + .icon_2023 { + filter: grayscale(0%); + } + } + &.icon_cart { + position: relative; + .cart-count { + position: absolute; + right: 1px; + top: 0; + background: #f90012; + width: 18px; + height: 18px; + border-radius: 50%; + color: #fff; + text-align: center; + line-height: 18px; + } + } + } + } +} + +.form__input { + width: 490px; + margin-right: 20px; + border-radius: 20px; + &:focus-within { + border: 1px solid #fe0003; + .search-form { + border: none; + } + } +} + +.form__input .search-form { + border-radius: 20px; + overflow: hidden; + padding: 3px; + background: #fff; + position: relative; + width: 100%; + border: 1px solid #b09382; +} + +.form__input .submit-search { + position: absolute; + right: 0; + bottom: 0; + border: 0; + width: 40px; + height: 40px; + font-weight: 300; + background: transparent; + cursor: pointer; +} + +.form__input .icon_2023.search { + width: 25px; + height: 25px; + background-position: -52px -28px; +} + +.form__input .text_search { + border: 0; + padding: 0 5px 0 10px; + width: calc(100% - 40px); + height: 100%; + outline: none; + color: #a0a0a0; + font-size: 14px; +} + +.form__input .searh-form-container { + float: left; + width: calc(100% - 60px); + height: 35px; +} + +.custom-nav .owl-nav { + margin: 0 !important; +} + +.custom-nav .owl-nav button { + margin: 0 !important; + background: rgba(0, 0, 0, 0.2) !important; + color: #222 !important; + width: 25px; + height: 50px; + font-size: 25px !important; + text-align: left; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background: #ffffff !important; + border: 1px dashed #f2f2f2; + box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25) !important; +} + +.custom-nav .owl-nav button:hover { + color: #222 !important; + background: transparent !important; +} + +.custom-nav .owl-nav .owl-prev { + left: 0; + border-radius: 50% !important; + width: 30px; + height: 30px; +} +.custom-nav .owl-nav .owl-next { + right: 0; + border-radius: 50% !important; + width: 30px; + height: 30px; +} + +.custom-nav .owl-nav i { + margin: 0 auto; + text-align: center; + display: flex; + align-items: center; + justify-content: center; +} + +.custom-nav .owl-nav .owl-prev i { + padding-right: 3px; +} +.custom-nav .owl-nav .owl-next i { + padding-left: 3px; +} +.homepage { + .banner { + img { + border-radius: 30px; + } + } + .category-home { + margin-top: 25px; + .title { + font-size: 24px; + font-weight: 400; + margin-bottom: 40px; + } + .list-categroy { + .item { + width: calc(100% / 6); + text-align: center; + margin: 0 auto; + } + .icon { + width: 84px; + height: 84px; + margin: 0 auto 30px auto; + } + .txt { + text-align: center; + font-size: 14px; + text-transform: uppercase; + } + } + } + + .banner-sale-home { + margin-top: 15px; + .item { + margin-right: 15px; + &:last-child { + margin-right: 0; + } + } + } + .content-list-category { + padding: 30px 30px 0 30px; + &:nth-child(2n) { + background: #f5f5f5; + } + .title-category { + .name { + padding-bottom: 20px; + font-size: 32px; + text-align: center; + &:hover a { + color: #f90012; + } + } + .list-cat { + margin-bottom: 15px; + display: flex; + justify-content: center; + align-items: center; + .item { + border: 1px solid #bababa; + background: #ffffff; + color: #bababa; + font-size: 15px; + font-weight: 400; + padding: 8px 15px; + border-radius: 20px; + margin-right: 12px; + &:first-child { + border: 1px solid #f90012; + color: #f90012; + } + &:hover { + border: 1px solid #f90012; + color: #f90012; + } + } + } + } + } + .customer-feeback { + background: #fff1f2; + padding: 28px 0 55px 0; + .title { + text-align: center; + display: block; + font-size: 32px; + } + .list-feeback { + margin-top: 20px; + } + .custom-nav .owl-nav button { + position: unset; + bottom: 0; + transform: translateY(24px); + margin: 0 5px !important; + } + } + .item-feeback { + position: relative; + border-radius: 15px; + height: 275px; + margin-top: 40px; + background: #ffffff; + border-radius: 15px; + margin-right: 20px; + .avatar { + width: 78px; + height: 78px; + position: absolute; + left: 50%; + top: -35px; + transform: translate(-50%, 0); + } + .info { + padding-top: 55px; + margin-bottom: 15px; + text-align: center; + } + .content { + text-align: center; + margin: 0 25px; + line-height: 20px; + font-size: 15px; + } + .star { + margin: 30px auto 0 auto; + text-align: center; + img { + width: 100px; + margin: 0 auto; + } + } + &::before { + border: 1px dashed #f90012; + border-radius: 15px; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 15px; + bottom: 15px; + } + } + .brand-list { + padding: 20px 0; + } +} +.icon_star { + display: block; + background: url(../images/star_2023.png) no-repeat; + height: 12px; + width: 75px; + &.star5 { + background-position: 0 0; + } + &.star4 { + background-position: 0 -15px; + } + &.star3 { + background-position: 0 -30px; + } + &.star2 { + background-position: 0 -45px; + } + &.star1 { + background-position: 0 -60px; + } + &.star0 { + background-position: 0 -75px; + } +} +.product-item { + background: #ffffff; + border-radius: 15px; + padding: 15px; + width: calc(100% / 4 - 15px); + margin-right: 15px; + margin-bottom: 15px; + .image-product { + display: block; + position: relative; + height: 250px; + overflow: hidden; + img { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + margin: 0 auto; + transition: 0.5s all; + transform: scale(1); + object-fit: cover; + } + &:hover { + img { + transform: scale(1.05); + object-fit: cover; + } + } + .saleoff { + position: absolute; + left: 0; + top: 0; + width: 48px; + height: 35px; + background: #fff1f2; + border-radius: 6px; + color: #f90012; + font-weight: 600; + font-size: 15px; + line-height: 35px; + text-align: center; + &:hover { + background: #f90012; + color: #fff; + } + } + } + .info-product { + .product-title { + font-size: 14px; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + height: 35px; + margin-bottom: 5px; + text-align: center; + &:hover { + color: #f90012; + font-weight: 600; + } + } + .total-review { + display: flex; + align-items: center; + justify-content: center; + margin: 13px auto 10px auto; + font-size: 13px; + } + } + .price { + font-size: 18px; + font-weight: 600; + text-align: center; + color: #f90012; + display: block; + margin-bottom: 3px; + } + .old-price { + font-size: 14px; + color: #b4b4b4; + text-align: center; + display: block; + } + .product-price-main { + margin-bottom: 10px; + } +} + +.footer { + .footer-top { + background: url(../images/form_sale.png) no-repeat; + height: 307px; + width: 100%; + background-size: 100% 100%; + } + .form-khuyenmai { + width: 590px; + margin: 0 auto; + text-align: center; + padding: 100px 0; + .title { + font-size: 32px; + margin-bottom: 20px; + } + .content-form { + width: 100%; + background: #fafcfe; + border: 1px solid #f90012; + border-radius: 10px; + height: 45px; + display: flex; + position: relative; + &:focus-within { + outline: 2px solid #f90012; + } + } + #email-newsletter { + border-radius: 10px 0 0 10px; + border: 0; + padding: 0 5px 0 10px; + width: calc(100% - 40px); + height: 100%; + outline: none; + color: #a0a0a0; + font-size: 14px; + } + .send-newsletter { + position: absolute; + right: 0; + bottom: 0; + border: 0; + width: 40px; + height: 40px; + font-weight: 300; + background: transparent; + cursor: pointer; + } + .icon_2023.send-form { + width: 31px; + height: 40px; + background-position: -90px -70px; + } + } + .info-contact { + border-bottom: 1px dashed #b4b4b4; + padding: 28px 0; + .item { + width: calc(100% / 4); + &.pay { + p { + text-align: right; + font-size: 15px; + text-transform: uppercase; + margin-bottom: 10px; + color: #8e8e8e; + } + } + } + .icon { + display: flex; + align-items: center; + margin-bottom: 8px; + p { + text-transform: uppercase; + color: #8e8e8e; + margin-left: 8px; + font-size: 15px; + } + } + .txt { + font-size: 15px; + } + } + .icon_2023 { + &.map { + width: 16px; + height: 20px; + background-position: -13px 0px; + } + &.phone { + width: 19px; + height: 20px; + background-position: -70px 0px; + } + } + .content-footer-main { + padding: 22px 0; + border-bottom: 1px dashed #b4b4b4; + .item-footer { + width: calc(100% / 4); + a { + display: block; + margin-bottom: 10px; + font-size: 14px; + &:hover { + color: #f90012; + } + } + } + .title { + font-weight: 700; + font-size: 15px; + padding-bottom: 10px; + } + } + .footer-contact { + padding: 15px 0; + font-size: 15px; + } +} +.breadcrumb ol { + width: 100%; + float: left; + padding: 0; + margin: 0; + background: none; +} +.breadcrumb ol li { + float: left; + list-style: none; +} +.breadcrumb ol li a span { + font-size: 14px; + color: #333; + line-height: 45px; + float: left; + display: flex; + align-items: center; + &:hover { + color: #f90012; + } +} +.breadcrumb ol li a:last-child { + color: #222; +} +.breadcrumb ol li h1 { + font-size: 15px; + color: #222; + line-height: 45px; + float: left; + font-weight: 400; + margin: 0; +} +.breadcrumb ol li i { + margin-left: 10px; + margin-right: 10px; + float: left; + line-height: 45px; + color: #000; +} +.breadcrumb ol li:last-child i { + display: none; +} + +.breadcrumb .icon_2023.home { + width: 16px; + height: 17px; + display: block; + background-position: -9px -128px; + margin-right: 10px; + margin-left: 0; +} +.breadcrumb .home span, +.breadcrumb .home i { + color: #b4b4b4; +} +// product category +.product-category { + .content-product-category { + margin-top: 15px; + } + .left-category { + width: 290px; + .title { + padding-bottom: 10px; + } + } + .right-category { + width: calc(100% - 305px); + margin-left: 15px; + } + .filter-category { + .title-filter { + padding: 10px 0; + position: relative; + &::after { + position: absolute; + content: "\f106"; + right: 0; + font-weight: 700; + font: normal normal normal 20px/1 FontAwesome; + color: #8e8e8e; + } + } + .item-filter { + &.active { + .content-filter { + display: block; + } + .title-filter { + &::after { + content: "\f107"; + } + } + } + } + .content-filter { + padding: 10px 0; + display: none; + } + #slider-range { + border-radius: 4px; + height: 4px; + margin-bottom: 10px; + background: #d9d9d9; + border: 0; + margin-left: 9px; + } + .ui-slider-handle { + width: 16px; + height: 16px; + box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); + background: #ffffff; + border-radius: 50%; + top: -0.5rem; + } + .ui-slider-horizontal .ui-slider-range { + background: #f90012; + } + .vertical-price-filter { + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 12px; + } + .vertical-price-filter-child { + display: flex; + align-items: center; + } + .button-filter { + width: 70px; + height: 30px; + border: 1px solid #222; + display: block; + text-align: center; + line-height: 30px; + margin: 0 auto; + cursor: pointer; + border-radius: 20px; + &:hover { + background: #f90012; + color: #fff; + border: 1px solid #f90012; + } + } + .left { + display: flex; + align-items: center; + i { + font-size: 18px; + margin-right: 5px; + } + } + .right { + font-size: 15px; + } + } + .banner-categor { + margin-bottom: 10px; + } + .product-category-sort { + margin-top: 10px; + } + .name-category { + h1 { + font-size: 24px; + } + span { + font-size: 14px; + color: #8e8e8e; + margin-left: 10px; + } + } + .sort-pro { + width: 209px; + height: 40px; + border: 1px solid #d3d3d3; + border-radius: 8px; + padding: 0 5px; + } + .product-list { + margin-top: 10px; + margin-right: -15px; + .product-item { + width: calc(100% / 3 - 15px); + } + } +} +// product detail +.product-detail { + .product-image-detail { + width: 490px; + margin-right: 15px; + #sync1 { + img { + width: 100%; + display: block; + } + } + #sync2 { + padding: 10px 34px; + img { + width: 96px; + height: 96px; + object-fit: cover; + display: block; + } + } + .custom-nav .owl-nav button { + box-shadow: none !important; + } + } + .product-detail-mid { + width: calc(100% - 490px - 185px - 30px); + .name { + font-size: 22px; + padding-bottom: 10px; + } + .brand { + font-size: 15px; + width: 50%; + } + .sku { + font-size: 15px; + width: 50%; + } + .detal-review { + padding: 3px 0; + border-bottom: 1px solid #e9e9e9; + font-size: 15px; + } + .product-summary { + padding: 13px 0; + li { + list-style: inside; + font-size: 14px; + line-height: 20px; + } + } + } + .group-price-detail { + padding-bottom: 15px; + border-bottom: 1px solid #e9e9e9; + .price { + font-weight: 600; + font-size: 24px; + color: #f90012; + margin-right: 10px; + } + .old-price { + font-size: 16px; + color: #b4b4b4; + } + .saleoff-price { + font-size: 15px; + margin-top: 10px; + } + } + .unit-detail-amount-control { + display: flex; + align-items: center; + padding-top: 10px; + span { + margin-right: 20px; + } + a { + height: 40px; + line-height: 40px; + width: 29px; + border: 1px solid #cecece; + text-align: center; + } + i { + font-size: 10px; + } + input { + width: 46px; + height: 40px; + line-height: 40px; + text-align: center; + border: 1px solid #cecece; + border-left: 0; + border-right: 0; + } + .minus { + border-radius: 5px 0 0 5px; + } + .plus { + border-radius: 0 5px 5px 0; + } + } + .product-detail-store { + padding: 15px 0; + .link-store { + color: #ff981f; + } + span { + font-size: 14px; + margin-left: 10px; + } + } + .product-btn-cart { + margin-bottom: 15px; + .btn-buy { + height: 44px; + background: #f90012; + border-radius: 8px; + width: calc(100% / 2 - 12px); + margin-right: 12px; + font-size: 16px; + text-align: center; + text-transform: uppercase; + font-weight: 600; + line-height: 44px; + a { + color: #fff; + } + &.add-to-cart { + background: #ffffff; + border: 1px solid #f90012; + a { + color: #f90012; + } + } + } + } + .product-detail-voucher { + border: 2px dashed #f90012; + border-radius: 8px; + padding: 15px; + font-size: 16px; + a { + color: #f90012; + font-weight: 700; + } + } + .product-detail-right { + width: 190px; + margin-left: 15px; + .title { + background: #f90012; + border-radius: 5px; + height: 40px; + text-align: center; + font-size: 14px; + color: #ffffff; + line-height: 40px; + font-weight: 700; + } + .content { + border: 2px dashed #f90012; + border-top: 0; + border-radius: 0 0 5px 5px; + padding-bottom: 15px; + } + .item { + padding: 15px 5px 0 15px; + .icon { + width: 32px; + margin-right: 10px; + } + .txt { + width: calc(100% - 32px); + b { + font-size: 14px; + padding-bottom: 3px; + display: block; + } + span { + display: block; + font-size: 12px; + } + } + } + .icon_2023 { + background-size: 200px; + &.phone { + width: 23px; + height: 22px; + background-position: -13px -210px; + } + &.save { + width: 23px; + height: 22px; + background-position: -46px -210px; + } + &.gift { + width: 23px; + height: 22px; + background-position: -79px -210px; + } + &.shipping { + width: 32px; + height: 22px; + background-position: -117px -210px; + } + } + } + .content-product-detail { + margin-top: 30px; + .detail-left { + width: 62%; + } + .detail-right { + width: calc(100% - 62% - 16px); + margin-left: 16px; + } + } + .list-tab { + display: flex; + align-items: center; + margin-bottom: 20px; + .item-tab { + width: 150px; + height: 40px; + margin-right: 10px; + border: 1px dashed #f90012; + border-radius: 5px; + color: #f90012; + font-weight: 600; + font-size: 16px; + text-align: center; + line-height: 40px; + position: relative; + &.active { + background: #f90012; + color: #fff; + &::before { + position: absolute; + content: ""; + left: 50%; + transform: translate(-50%, 0); + bottom: -12px; + width: 0; + height: 0; + border-left: 12px solid transparent; + border-right: 12px solid transparent; + border-top: 12px solid red; + } + } + } + } + .content-tab { + display: none; + border: 1px solid #f90012; + border-radius: 12px; + padding: 20px 15px 15px 15px; + &.active { + display: block; + } + } + .category-featured { + .title { + font-size: 24px; + font-weight: 600; + text-align: center; + color: #f90012; + margin-bottom: 28px; + } + .item { + width: calc(100% / 3 - 38px); + margin-right: 38px; + margin-bottom: 38px; + } + .icon { + margin: 0 auto; + display: block; + text-align: center; + img { + width: 72px; + height: 72px; + object-fit: cover; + } + } + .txt { + font-size: 14px; + text-align: center; + text-transform: uppercase; + margin-top: 23px; + display: block; + } + } + .product-same { + .title { + border: 1px solid #d3d3d3; + padding: 21px 0; + text-align: center; + font-size: 24px; + color: #f90012; + font-weight: 600; + } + .product-list { + border-left: 1px solid #d3d3d3; + } + .product-item { + width: calc(100% / 2); + margin-right: 0; + margin-bottom: 0; + border-right: 1px solid #d3d3d3; + border-radius: 0; + border-bottom: 1px solid #d3d3d3; + padding: 12px; + .image-product { + height: 219px; + } + } + } +} +.nd * { + line-height: 25px; +} +.product-flash-sale { + margin-top: 40px; + .title { + display: flex; + align-items: center; + justify-content: center; + h2 { + font-size: 36px; + color: #f90012; + font-weight: 600; + text-transform: uppercase; + padding: 0 10px; + } + } + .icon_2023 { + &.flash { + width: 50px; + height: 58px; + background-position: 1px -51px; + } + } + .product-time-holder { + display: flex; + align-items: center; + margin-left: 10px; + .item-time { + margin-right: 14px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; + b { + background: linear-gradient(180deg, #ff848d 0%, #f90012 100%); + border-radius: 5px; + width: 35px; + height: 35px; + text-align: center; + line-height: 35px; + color: #fff; + font-weight: 700; + position: relative; + font-size: 16px; + &:last-child { + margin: 0; + } + &::after { + content: ":"; + position: absolute; + right: -10px; + color: #000; + } + } + &:last-child { + b { + margin: 0; + &::after { + content: none; + } + } + } + } + } + .background-deal { + background: #fff1f2; + border-radius: 30px; + padding: 15px; + } + .custom-nav .owl-prev { + left: -12px; + } + .custom-nav .owl-next { + right: -12px; + } + .more-all { + display: block; + margin: 15px auto 0 auto; + text-align: center; + color: #f90012; + font-weight: 700; + i { + font-weight: 700; + } + } +} +.product-item-deal { + background: #ffffff; + border: 1px dashed #f90012; + border-radius: 15px; + padding: 15px; + .image-product { + display: block; + position: relative; + height: 250px; + overflow: hidden; + img { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + margin: 0 auto; + transition: 0.5s all; + transform: scale(1); + object-fit: cover; + } + &:hover { + img { + transform: scale(1.05); + object-fit: cover; + } + } + .saleoff { + position: absolute; + left: 0; + top: 0; + width: 48px; + height: 35px; + background: #fff1f2; + border-radius: 6px; + color: #f90012; + font-weight: 600; + font-size: 15px; + line-height: 35px; + text-align: center; + &:hover { + background: #f90012; + color: #fff; + } + } + } + .info-product { + .product-title { + font-size: 14px; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + height: 35px; + margin-bottom: 5px; + text-align: center; + } + .total-review { + display: flex; + align-items: center; + justify-content: center; + margin: 13px auto 10px auto; + font-size: 13px; + } + } + .price { + font-size: 18px; + font-weight: 600; + text-align: center; + color: #f90012; + display: block; + margin-bottom: 3px; + } + .old-price { + font-size: 14px; + color: #b4b4b4; + text-align: center; + display: block; + } + .product-price-main { + margin-bottom: 10px; + } + .deal-count { + position: relative; + width: 250px; + height: 18px; + background: #ffd0d4; + border-radius: 9px; + .icon_2023 { + &.hot { + width: 20px; + height: 28px; + background-position: -56px -75px; + position: absolute; + left: 0; + bottom: 0; + z-index: 9; + } + } + b { + text-align: center; + color: #fff; + font-size: 11px; + font-weight: 600; + line-height: 18px; + display: block; + z-index: 9; + position: absolute; + left: 50%; + transform: translate(-50%, 0); + } + .count-bg { + position: absolute; + left: 0; + bottom: 0; + background: #f90012; + border-radius: 9px; + height: 18px; + display: block; + z-index: 1; + } + } +} diff --git a/web_mau_me_va_be/assets/images/140223_Webmau1_MeBe_Hurasoft (Copy).zip b/web_mau_me_va_be/assets/images/140223_Webmau1_MeBe_Hurasoft (Copy).zip new file mode 100644 index 0000000..0c05ebd Binary files /dev/null and b/web_mau_me_va_be/assets/images/140223_Webmau1_MeBe_Hurasoft (Copy).zip differ diff --git a/web_mau_me_va_be/assets/images/Group 1.png b/web_mau_me_va_be/assets/images/Group 1.png new file mode 100644 index 0000000..fa722d1 Binary files /dev/null and b/web_mau_me_va_be/assets/images/Group 1.png differ diff --git a/web_mau_me_va_be/assets/images/Group 127.png b/web_mau_me_va_be/assets/images/Group 127.png new file mode 100644 index 0000000..8add482 Binary files /dev/null and b/web_mau_me_va_be/assets/images/Group 127.png differ diff --git a/web_mau_me_va_be/assets/images/Group 128.png b/web_mau_me_va_be/assets/images/Group 128.png new file mode 100644 index 0000000..0bffd3c Binary files /dev/null and b/web_mau_me_va_be/assets/images/Group 128.png differ diff --git a/web_mau_me_va_be/assets/images/Group 129.png b/web_mau_me_va_be/assets/images/Group 129.png new file mode 100644 index 0000000..731513a Binary files /dev/null and b/web_mau_me_va_be/assets/images/Group 129.png differ diff --git a/web_mau_me_va_be/assets/images/Group 2.png b/web_mau_me_va_be/assets/images/Group 2.png new file mode 100644 index 0000000..e146082 Binary files /dev/null and b/web_mau_me_va_be/assets/images/Group 2.png differ diff --git a/web_mau_me_va_be/assets/images/Group 3.png b/web_mau_me_va_be/assets/images/Group 3.png new file mode 100644 index 0000000..6a49508 Binary files /dev/null and b/web_mau_me_va_be/assets/images/Group 3.png differ diff --git a/web_mau_me_va_be/assets/images/Group 4.png b/web_mau_me_va_be/assets/images/Group 4.png new file mode 100644 index 0000000..6b3eaf7 Binary files /dev/null and b/web_mau_me_va_be/assets/images/Group 4.png differ diff --git a/web_mau_me_va_be/assets/images/ICON_1.png b/web_mau_me_va_be/assets/images/ICON_1.png new file mode 100644 index 0000000..603a07c Binary files /dev/null and b/web_mau_me_va_be/assets/images/ICON_1.png differ diff --git a/web_mau_me_va_be/assets/images/Rectangle 22.png b/web_mau_me_va_be/assets/images/Rectangle 22.png new file mode 100644 index 0000000..254519e Binary files /dev/null and b/web_mau_me_va_be/assets/images/Rectangle 22.png differ diff --git a/web_mau_me_va_be/assets/images/Rectangle 24.png b/web_mau_me_va_be/assets/images/Rectangle 24.png new file mode 100644 index 0000000..10d5c57 Binary files /dev/null and b/web_mau_me_va_be/assets/images/Rectangle 24.png differ diff --git a/web_mau_me_va_be/assets/images/Rectangle 25.png b/web_mau_me_va_be/assets/images/Rectangle 25.png new file mode 100644 index 0000000..43be037 Binary files /dev/null and b/web_mau_me_va_be/assets/images/Rectangle 25.png differ diff --git a/web_mau_me_va_be/assets/images/Vector (1).png b/web_mau_me_va_be/assets/images/Vector (1).png new file mode 100644 index 0000000..d4069e0 Binary files /dev/null and b/web_mau_me_va_be/assets/images/Vector (1).png differ diff --git a/web_mau_me_va_be/assets/images/Vector (2).png b/web_mau_me_va_be/assets/images/Vector (2).png new file mode 100644 index 0000000..77858bf Binary files /dev/null and b/web_mau_me_va_be/assets/images/Vector (2).png differ diff --git a/web_mau_me_va_be/assets/images/Vector (3).png b/web_mau_me_va_be/assets/images/Vector (3).png new file mode 100644 index 0000000..f5f30af Binary files /dev/null and b/web_mau_me_va_be/assets/images/Vector (3).png differ diff --git a/web_mau_me_va_be/assets/images/Vector.png b/web_mau_me_va_be/assets/images/Vector.png new file mode 100644 index 0000000..bd92f10 Binary files /dev/null and b/web_mau_me_va_be/assets/images/Vector.png differ diff --git a/web_mau_me_va_be/assets/images/avatar.png b/web_mau_me_va_be/assets/images/avatar.png new file mode 100644 index 0000000..d2dab7d Binary files /dev/null and b/web_mau_me_va_be/assets/images/avatar.png differ diff --git a/web_mau_me_va_be/assets/images/banner_category.png b/web_mau_me_va_be/assets/images/banner_category.png new file mode 100644 index 0000000..2789ef8 Binary files /dev/null and b/web_mau_me_va_be/assets/images/banner_category.png differ diff --git a/web_mau_me_va_be/assets/images/banner_slider.png b/web_mau_me_va_be/assets/images/banner_slider.png new file mode 100644 index 0000000..a9c1b70 Binary files /dev/null and b/web_mau_me_va_be/assets/images/banner_slider.png differ diff --git a/web_mau_me_va_be/assets/images/bct.png b/web_mau_me_va_be/assets/images/bct.png new file mode 100644 index 0000000..d158d21 Binary files /dev/null and b/web_mau_me_va_be/assets/images/bct.png differ diff --git a/web_mau_me_va_be/assets/images/brand-1.png b/web_mau_me_va_be/assets/images/brand-1.png new file mode 100644 index 0000000..fa581c4 Binary files /dev/null and b/web_mau_me_va_be/assets/images/brand-1.png differ diff --git a/web_mau_me_va_be/assets/images/brand-2.png b/web_mau_me_va_be/assets/images/brand-2.png new file mode 100644 index 0000000..a7d0f6e Binary files /dev/null and b/web_mau_me_va_be/assets/images/brand-2.png differ diff --git a/web_mau_me_va_be/assets/images/brand-3.png b/web_mau_me_va_be/assets/images/brand-3.png new file mode 100644 index 0000000..86404cb Binary files /dev/null and b/web_mau_me_va_be/assets/images/brand-3.png differ diff --git a/web_mau_me_va_be/assets/images/brand-4.png b/web_mau_me_va_be/assets/images/brand-4.png new file mode 100644 index 0000000..bc3af37 Binary files /dev/null and b/web_mau_me_va_be/assets/images/brand-4.png differ diff --git a/web_mau_me_va_be/assets/images/brand-5.png b/web_mau_me_va_be/assets/images/brand-5.png new file mode 100644 index 0000000..407eaee Binary files /dev/null and b/web_mau_me_va_be/assets/images/brand-5.png differ diff --git a/web_mau_me_va_be/assets/images/brand-6.png b/web_mau_me_va_be/assets/images/brand-6.png new file mode 100644 index 0000000..e115977 Binary files /dev/null and b/web_mau_me_va_be/assets/images/brand-6.png differ diff --git a/web_mau_me_va_be/assets/images/brand-7.png b/web_mau_me_va_be/assets/images/brand-7.png new file mode 100644 index 0000000..2f649f9 Binary files /dev/null and b/web_mau_me_va_be/assets/images/brand-7.png differ diff --git a/web_mau_me_va_be/assets/images/brand-8.png b/web_mau_me_va_be/assets/images/brand-8.png new file mode 100644 index 0000000..65b8891 Binary files /dev/null and b/web_mau_me_va_be/assets/images/brand-8.png differ diff --git a/web_mau_me_va_be/assets/images/form_sale.png b/web_mau_me_va_be/assets/images/form_sale.png new file mode 100644 index 0000000..bad157b Binary files /dev/null and b/web_mau_me_va_be/assets/images/form_sale.png differ diff --git a/web_mau_me_va_be/assets/images/icon_2023.png b/web_mau_me_va_be/assets/images/icon_2023.png new file mode 100644 index 0000000..4759f6b Binary files /dev/null and b/web_mau_me_va_be/assets/images/icon_2023.png differ diff --git a/web_mau_me_va_be/assets/images/image 2.png b/web_mau_me_va_be/assets/images/image 2.png new file mode 100644 index 0000000..9d9d455 Binary files /dev/null and b/web_mau_me_va_be/assets/images/image 2.png differ diff --git a/web_mau_me_va_be/assets/images/image 3.png b/web_mau_me_va_be/assets/images/image 3.png new file mode 100644 index 0000000..ea3155a Binary files /dev/null and b/web_mau_me_va_be/assets/images/image 3.png differ diff --git a/web_mau_me_va_be/assets/images/image 4.png b/web_mau_me_va_be/assets/images/image 4.png new file mode 100644 index 0000000..dee6502 Binary files /dev/null and b/web_mau_me_va_be/assets/images/image 4.png differ diff --git a/web_mau_me_va_be/assets/images/image 5.png b/web_mau_me_va_be/assets/images/image 5.png new file mode 100644 index 0000000..7535336 Binary files /dev/null and b/web_mau_me_va_be/assets/images/image 5.png differ diff --git a/web_mau_me_va_be/assets/images/image 6.png b/web_mau_me_va_be/assets/images/image 6.png new file mode 100644 index 0000000..0cf372d Binary files /dev/null and b/web_mau_me_va_be/assets/images/image 6.png differ diff --git a/web_mau_me_va_be/assets/images/image 7.png b/web_mau_me_va_be/assets/images/image 7.png new file mode 100644 index 0000000..41547f7 Binary files /dev/null and b/web_mau_me_va_be/assets/images/image 7.png differ diff --git a/web_mau_me_va_be/assets/images/image 8.png b/web_mau_me_va_be/assets/images/image 8.png new file mode 100644 index 0000000..28e718d Binary files /dev/null and b/web_mau_me_va_be/assets/images/image 8.png differ diff --git a/web_mau_me_va_be/assets/images/image_thumb_1.png b/web_mau_me_va_be/assets/images/image_thumb_1.png new file mode 100644 index 0000000..f1f7c1c Binary files /dev/null and b/web_mau_me_va_be/assets/images/image_thumb_1.png differ diff --git a/web_mau_me_va_be/assets/images/image_thumb_2.png b/web_mau_me_va_be/assets/images/image_thumb_2.png new file mode 100644 index 0000000..68fd31e Binary files /dev/null and b/web_mau_me_va_be/assets/images/image_thumb_2.png differ diff --git a/web_mau_me_va_be/assets/images/image_thumb_3.png b/web_mau_me_va_be/assets/images/image_thumb_3.png new file mode 100644 index 0000000..55e4f1d Binary files /dev/null and b/web_mau_me_va_be/assets/images/image_thumb_3.png differ diff --git a/web_mau_me_va_be/assets/images/image_thumb_4.png b/web_mau_me_va_be/assets/images/image_thumb_4.png new file mode 100644 index 0000000..b645aa3 Binary files /dev/null and b/web_mau_me_va_be/assets/images/image_thumb_4.png differ diff --git a/web_mau_me_va_be/assets/images/logo.png b/web_mau_me_va_be/assets/images/logo.png new file mode 100644 index 0000000..4005fad Binary files /dev/null and b/web_mau_me_va_be/assets/images/logo.png differ diff --git a/web_mau_me_va_be/assets/images/pay.png b/web_mau_me_va_be/assets/images/pay.png new file mode 100644 index 0000000..0c5ee9c Binary files /dev/null and b/web_mau_me_va_be/assets/images/pay.png differ diff --git a/web_mau_me_va_be/assets/images/product-big-detail.png b/web_mau_me_va_be/assets/images/product-big-detail.png new file mode 100644 index 0000000..dcf1082 Binary files /dev/null and b/web_mau_me_va_be/assets/images/product-big-detail.png differ diff --git a/web_mau_me_va_be/assets/images/right-bct.png b/web_mau_me_va_be/assets/images/right-bct.png new file mode 100644 index 0000000..e4a8cc3 Binary files /dev/null and b/web_mau_me_va_be/assets/images/right-bct.png differ diff --git a/web_mau_me_va_be/assets/images/star_2023.png b/web_mau_me_va_be/assets/images/star_2023.png new file mode 100644 index 0000000..aa963b8 Binary files /dev/null and b/web_mau_me_va_be/assets/images/star_2023.png differ diff --git a/web_mau_me_va_be/assets/images/star_feeback.png b/web_mau_me_va_be/assets/images/star_feeback.png new file mode 100644 index 0000000..df84f87 Binary files /dev/null and b/web_mau_me_va_be/assets/images/star_feeback.png differ diff --git a/web_mau_me_va_be/assets/js/main.js b/web_mau_me_va_be/assets/js/main.js new file mode 100644 index 0000000..b62a52d --- /dev/null +++ b/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: ['', ''], + 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: ['', ''], + 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 += "
" + (hours <= 9 ? '0' : '') + hours + "
"; + out += "
" + (mins <= 9 ? '0' : '') + mins + "
"; + out += "
" + (secs <= 9 ? '0' : '') + secs + "
"; + //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("
" + (hours <= 9 ? '0' : '') + hours + "
" + (minutes <= 9 ? '0' : '') + minutes + "
" + (seconds <= 9 ? '0' : '') + seconds + "
"); + }, 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: ['', ''], +}); + + +$("#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; +}); \ No newline at end of file diff --git a/web_mau_me_va_be/category.html b/web_mau_me_va_be/category.html new file mode 100644 index 0000000..8ea10f5 --- /dev/null +++ b/web_mau_me_va_be/category.html @@ -0,0 +1,249 @@ + + + + + + + + Mẹ và bé + + + + + + + + + + +
+
+ +
+
+
+
+

Bộ lọc

+
+
+

Khoảng giá

+
+
+
+
+
+
0
+
đ
+
+
+
+
0
+
đ
+
+
+
+ Lọc +
+
+
+
+
+

Thương hiệu

+
+
+ +
+ + Everon +
+
+ (10) +
+ +
+
+
+
+
+ +
+
+

Bé Mặc

+ 1185 sản phẩm +
+ +
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+
+
+
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/web_mau_me_va_be/index.html b/web_mau_me_va_be/index.html new file mode 100644 index 0000000..26274dc --- /dev/null +++ b/web_mau_me_va_be/index.html @@ -0,0 +1,1548 @@ + + + + + + + + Mẹ và bé + + + + + + + + + + +
+
+
+
+
+ + Khu vực của bạn:Phường Mỹ Đình 2, Quận Nam Từ Liêm, Thành phố Hà Nội + +
+
+
+ + Hệ thống 161 cửa hàng +
+
+ +

+ Hotline: + 18006886 + (miễn phí) +

+
+
+
+
+
+
+
+
+
+ +

Danh mục sản phẩm

+
+
+
+ +
+ +

Laptop

+ +
+
+ +
+ Laptop Gaming +
+ Laptop Gaming Asus +
+ +
+ Laptop Gaming Acer +
+ +
+ Laptop Gaming Dell +
+ +
+ Laptop Gaming HP +
+ +
+ Laptop Gaming Lenovo +
+ +
+ Laptop Gaming MSI +
+ +
+ Laptop Gaming Gigabyte +
+ +
+ +
+ Laptop theo khoảng + giá + +
+ +
+ Laptop theo yêu cầu + +
+ Laptop mỏng nhẹ +
+ +
+ Laptop cao cấp +
+ +
+ Laptop doanh nghiệp +
+ +
+ Laptop học tập-văn phòng +
+ +
+ Laptop đồ họa- Kỹ Thuật +
+ +
+ Laptop Gaming +
+ +
+ +
+ Laptop theo cấu + hình + +
+ Laptop Celeron +
+ +
+ Laptop Pentium +
+ +
+ Laptop Core i3 +
+ +
+ Laptop Core i5 +
+ +
+ Laptop Core i7 +
+ +
+ Laptop Core i9 +
+ +
+ Laptop Ryen 3 +
+ +
+ Laptop Ryen 5 +
+ +
+ Laptop Ryen 7 +
+ +
+ Laptop Ryen 9 +
+ +
+ +
+ Laptop workstation + +
+ Laptop Workstation HP +
+ +
+ Laptop Workstation Lenovo +
+ +
+ +
+
+
+ +
+ + +

Gaming Gear

+ + +
+
+ +
+ Bàn phím Gaming + +
+ +
+ Tai nghe Gaming + +
+ Tai Nghe Gaming giá rẻ +
+ +
+ Tai nghe Gaming cao cấp +
+ +
+ +
+ Tay cầm Game + +
+ Tay Cầm Sony +
+ +
+ Tay Cầm Rapoo +
+ +
+ Tay Cầm E-Dra +
+ +
+ +
+ Bàn di chuột Gaming + +
+ Bàn di Steelseries +
+ +
+ Bàn di Kingston HyperX +
+ +
+ Bàn di Corsair +
+ +
+ Bàn di Asus +
+ +
+ Bàn di AKKO +
+ +
+ Bàn di Dare-U +
+ +
+ Bàn di E-Dra +
+ +
+ Bàn di Vitra +
+ +
+ +
+ Ghế Gaming + +
+ Ghế Gaming giá rẻ +
+ +
+ Ghế Gaming cao cấp +
+ +
+ +
+ Bàn Game + +
+ Bàn E-Dra +
+ +
+ Bàn DX-Racer +
+ +
+ +
+
+ +
+ +
+ + +

Linh Kiện Máy Tính

+ + +
+
+ +
+ Bộ Vi Xử Lý + +
+ Intel +
+ +
+ AMD +
+ +
+ +
+ Bo Mạch Chủ + +
+ Main Theo Hãng +
+ +
+ Main Theo CPU +
+ +
+ +
+ Card Màn Hình + +
+ +
+ Tản Nhiệt Cooling + +
+ +
+ Bàn Phím, Chuột + +
+ +
+ PSU-Nguồn Máy Tính + +
+ +
+ ổ cứng SSD + +
+ +
+ Case- Vỏ máy tính + +
+ +
+
+ +
+ +
+ +

Màn Hình Máy Tính

+ + +
+
+ +
+ Thương Hiệu + +
+ Màn hình Acer +
+ +
+ Màn hình AOC +
+ +
+ Màn Hình Asus +
+ +
+ Màn Hình Apple +
+ +
+ Màn Hình BenQ +
+ +
+ Màn Hình Cooler Master +
+ +
+ Màn Hình Dell +
+ +
+ Màn Hình Gigabyte +
+ +
+ Màn Hình HP +
+ +
+ Màn Hình Samsung +
+ +
+ Màn Hình MSI +
+ +
+ Màn Hình Lenovo +
+ +
+ Màn Hình LG +
+ +
+ Màn Hình Viewsonic +
+ +
+ Màn Hình ConceptD- Đồ Họa +
+ +
+ +
+ Màn Hình theo yêu + cầu + +
+ Màn Hình Gaming +
+ +
+ Màn Hình Đồ Họa +
+ +
+ Màn Hình Ultrawide +
+ +
+ Màn Hình cong +
+ +
+ Màn Hình văn phòng +
+ +
+ Màn Hình cảm ứng +
+ +
+ Màn Hình vuông +
+ +
+ Màn Hình thông minh +
+ +
+ Màn Hình tương tác +
+ +
+ Màn Hình hiển thị +
+ +
+ +
+ Kích cỡ màn hình + +
+ Màn Hình dưới 20 inch +
+ +
+ Màn Hình 20-21 inch +
+ +
+ Màn Hình 22-25 inch +
+ +
+ Màn Hình 27-29 inch +
+ +
+ Mà Hình trên 31.5 inch +
+ +
+ +
+ Tần số quét màn + hình + +
+ +
+ Độ phân giải màn + hình + +
+ +
+ Khoảng giá màn hình + +
+ +
+ Phụ Kiện màn hình + +
+ +
+
+ +
+ +
+ + +

Máy Tính Đồng Bộ

+ + +
+
+ +
+ Máy đồng bộ theo + hãng + +
+ PC Dell +
+ +
+ PC HP +
+ +
+ PC Lenovo +
+ +
+ PC Sunpac +
+ +
+ PC Dell +
+ +
+ PC Apple Mac pro +
+ +
+ PC Acer +
+ +
+ PC Asus +
+ +
+ PC MSI +
+ +
+ +
+ Máy đồng bộ theo + yêu + cầu + +
+ Dùng cho Marketing- Thiết kế +
+ +
+ Dùng cho kế toán- văn phòng +
+ +
+ Dùng cho khu công nghiệp +
+ +
+ Dùng cho thu ngân +
+ +
+ Dùng chơi game +
+ +
+ +
+ Máy all in one theo + hãng + +
+ AIO HP +
+ +
+ AIO DeLL +
+ +
+ AIO Lenovo +
+ +
+ AIO Asus +
+ +
+ AIO Acer +
+ +
+ AIO Apple +
+ +
+ AIO Microsoft +
+ +
+ AIO SingPC +
+ +
+ +
+ Máy all in one + theo + nhu cầu + +
+ +
+ Máy tính Mini + +
+ Intel NUC +
+ +
+ Mini Dell +
+ +
+ Mini Apple +
+ +
+ Mini HP +
+ +
+ Mini Asus +
+ +
+ Mini Lenovo +
+ +
+ Mini Gigabyte +
+ +
+ +
+ Máy đồng bộ theo + CPU + +
+ +
+
+ +
+ +
+ +

Thiết bị văn phòng

+ + +
+ +
+ +

Gaming PC

+ + +
+ +
+ +

Thiết bị lưu trữ

+ + +
+ +
+ +

Thiết bị mạng

+ + +
+ +
+ +

Camera

+ + +
+ +
+ +

Phần mềm bản quyền

+ + +
+ +
+ +

Điện thoại

+ + +
+ +
+
+ +
+
+
+ + +
+
+
+
+
+ + + + + + 2 + +
+
+
+
+
+ +
+
+

Danh mục nổi bật

+
+ +
+ +
+
Bé chơi & học
+ + +
+ +
+
Bé chơi & học
+ + +
+ +
+
Bé chơi & học
+ + +
+ +
+
Bé chơi & học
+ + +
+ +
+
Bé chơi & học
+ + +
+ +
+
Bé chơi & học
+ +
+
+
+
+
+
+ +

flash sale

+ Kết thúc sau +
+
09
+
51
+
54
+
+
+
+ + + Xem thêm + + +
+
+
+ +
+
+
+
+

Bé mặc

+
+ Đồ sơ sinh cho bé + Đồ sơ sinh cho bé + Đồ sơ sinh cho bé + Đồ sơ sinh cho bé +
+
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+
+
+
+
+
+

Bé mặc

+
+ Đồ sơ sinh cho bé + Đồ sơ sinh cho bé + Đồ sơ sinh cho bé + Đồ sơ sinh cho bé +
+
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+
+
+
+
+
+

Khách hàng nói về chúng tôi

+ +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+
+

+ NHẬP EMAIL NHẬN TIN KHUYẾN MẠI +

+
+ + + + +
+
+
+
+
+
+ + logo + +
+
+ +

Địa chỉ

+
+

120 Trần Duy Hưng, Phường Trung Hòa, Quận Cầu Giấy, Hà Nội, Việt Nam

+
+
+
+ +

Email

+
+

cskh@bibomart.com.vn

+
+
+

+ Phương pháp thanh toán +

+

+ pay +

+
+
+
+
+
Giới thiệu Bibomart
+ Về Bibomart + Tin Khuyến mại + Hệ thống cửa hàng + Văn hóa Bibomart + Tuyển dụng + Trung tâm Bán buôn +
+
+
Chăm sóc khách hàng
+ Hotline miễn phí: 18006886 + Chính sách CSKH + Hướng dẫn đổi quà từ Bixu + CS đổi hàng & hoàn tiền + Chính sách bảo hành + Zalo & Hotline Cửa hàng +
+
+
Hướng dẫn mua hàng
+ Cam kết bán hàng + Đặt hàng Online - Nhận cửa hàng + Phương thức vận chuyển + Điều khoản sử dụng + Tạo list quà tặng cho bé +
+
+
Hệ thống tiện ích
+ Tra cứu hóa đơn điện tử + Kiểm tra đơn hàng + Hướng dẫn đặt hàng + Phương thức thanh toán +
+ + bct + + + bct + +
+
+
+
+

© 2023: Bản quyền Hurasoft

+
+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/web_mau_me_va_be/product-deal.html b/web_mau_me_va_be/product-deal.html new file mode 100644 index 0000000..5414161 --- /dev/null +++ b/web_mau_me_va_be/product-deal.html @@ -0,0 +1,42 @@ + + + + + + + + Mẹ và bé + + + + + + + + + + + +
+
+
+ +

flash sale

+ Kết thúc sau +
+
09
+
51
+
54
+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/web_mau_me_va_be/product-detail.html b/web_mau_me_va_be/product-detail.html new file mode 100644 index 0000000..4854a41 --- /dev/null +++ b/web_mau_me_va_be/product-detail.html @@ -0,0 +1,502 @@ + + + + + + + + Mẹ và bé + + + + + + + + + + + +
+
+ +
+
+
+
+ + + +
+ +
+
+

Bộ dài tay bé trai phối túi in chéo vàng HN22D

+
+

Thương hiệu:Bibo Mart

+

SKU:KIDS-611191297

+
+
+
+ + Có 0 người dùng đánh giá +
+
+
+
+
    +
  • Chất liệu cao cấp: Chất liệu phao ấm
    • +
  • Chất liệu cao cấp: Chất liệu phao ấm
    • +
  • Chất liệu cao cấp: Chất liệu phao ấm
    • +
  • Chất liệu cao cấp: Chất liệu phao ấm
    • +
+
+
+
490.000 đ
+
480.000 đ
+
+
+ Tiết kiệm 20% +
+
+
+ Số lượng: + + + + + +
+
+ + + Tìm cửa hàng gần bạn nhất + + Đã có 1.864 người mua +
+
+
+ + Mua ngay + +
+
+ + Thêm vào giỏ hàng + +
+
+
+

+ Nhập mã Khuyenmai10 để được giảm 10% giá trị đơn hàng +

+
+
+
+
Tại sao chọn chúng tôi
+
+
+
+ +
+
+ Hỗ trợ 24/7 + Nhân viên online hỗ trợ +
+
+
+
+ +
+
+ Tiết kiệm + Mua nhiều ưu đãi hơn +
+
+
+
+ +
+
+ Quà tặng + Tri ân khách hàng cũ +
+
+
+
+ +
+
+ Vận chuyển + Siêu nhanh, Nội thành Hà Nội, HCM +
+
+
+
+
+
+
+ +
+

+

Với 3 chi tiết áo body liền thân, quần yếm và mũ + đội đầu, set 3 + chi tiết body Bibo's 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. +

+

set-3-chi-tiet-body-Bibo's-mix-quan-mu-den Set 3 chi tiết body Bibo's mix quần mũ đen +

+

+

Đặc điểm nổi bật của sản phẩm

+

+

Chất liệu an toàn

+

+

- Set + 3 chi tiết body + Bibo's 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.

+

+

- 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í.

+

+

- 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.

+

+

Thiết kế tiện dụng, kiểu dáng đáng + yêu

+

+

- 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é.

+

+

- 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.

+

+

- 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.

+

+

- 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.

+

+

- 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.

+

+

- 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.

+

+

- 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. 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.

+
+
+

Thông tin

+

+

Với 3 chi tiết áo body liền thân, quần yếm và mũ + đội đầu, set 3 + chi tiết body Bibo's 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. +

+

set-3-chi-tiet-body-Bibo's-mix-quan-mu-den Set 3 chi tiết body Bibo's mix quần mũ đen +

+

+

Đặc điểm nổi bật của sản phẩm

+

+

Chất liệu an toàn

+

+

- Set + 3 chi tiết body + Bibo's 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.

+

+

- 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í.

+

+

- 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.

+

+

Thiết kế tiện dụng, kiểu dáng đáng + yêu

+

+

- 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é.

+

+

- 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.

+

+

- 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.

+

+

- 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.

+

+

- 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.

+

+

- 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.

+

+

- 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. 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.

+
+
+ +
+
+
+
+
DANH MỤC NỔI BẬT
+
+
+ + + + + Quần áo sơ sinh + +
+
+ + + + + Quần áo sơ sinh + +
+
+ + + + + Quần áo sơ sinh + +
+
+ + + + + Quần áo sơ sinh + +
+
+ + + + + Quần áo sơ sinh + +
+
+ + + + + Quần áo sơ sinh + +
+
+
+
+
SẢN PHẨM TƯƠNG TỰ
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+ + +
-35%
+ +
+
+ + (12) +
+ + + Sữa Kendamil Organic số 3 800g + (1 - 3 tuổi) + +
+ + 37.490.000 đ + + 38.490.000 đ +
+
+
+
+
+
+
+
+
+ + + + + + + + + +
+ + + \ No newline at end of file