commit 689936198f3bfddb8ff58072ac579b350f62ea06 Author: Tieptk Date: Thu Sep 25 10:42:06 2025 +0700 up diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..d435aac --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,1032 @@ +:root { + --color-global: #462f91; + --color-title: #0d0d9c; + --color-hover: #1877f2; +} + +::-webkit-scrollbar-track { + background-color: #f5f5f5; + border-radius: 10px; +} + +::-webkit-scrollbar { + width: 7px; + height: 3px; + background-color: #f5f5f5; +} + +::-webkit-scrollbar-thumb { + background: #462f91; + border-radius: 20px; + background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.7, #462f91), color-stop(0.5, transparent), to(transparent)); +} + +html { + font-size: 100%; + font-family: "Roboto", sans-serif; +} + +body { + font-size: 13px; +} + +.container-mb { + max-width: 640px !important; + margin: 0 auto; +} + +.container { + width: 100%; + padding: 0 12px; + margin: 0 auto; +} + +.icon_2025 { + background: url(../images/icon_2025.png) no-repeat; + background-size: 228px 260px; + display: block; +} +.icon_2025.map { + width: 20px; + height: 26px; + background-position: 1px 0px; +} +.icon_2025.search { + width: 24px; + height: 24px; + background-position: -70px 0; +} +.icon_2025.search-2 { + width: 24px; + height: 24px; + background-position: -102px 0; +} +.icon_2025.user { + width: 26px; + height: 26px; + background-position: -133px 0px; +} +.icon_2025.buildpc { + width: 36px; + height: 24px; + background-position: -24px -35px; +} +.icon_2025.shop { + width: 22px; + height: 24px; + background-position: -70px -35px; +} +.icon_2025.map-2 { + width: 15px; + height: 23px; + background-position: -26px -3px; +} +.icon_2025.prduct-save { + width: 24px; + height: 24px; + background-position: -133px -35px; +} +.icon_2025.article { + width: 30px; + height: 24px; + background-position: -162px -35px; +} +.icon_2025.question { + width: 25px; + height: 25px; + background-position: -100px -35px; +} +.icon_2025.heart { + width: 24px; + height: 24px; + background-position: -98px -147px; +} +.icon_2025.heart-2 { + width: 24px; + height: 24px; + background-position: -126px -173px; +} +.icon_2025.time { + width: 15px; + height: 14.5px; + background-position: -188px -172px; +} +.icon_2025.link { + width: 14px; + height: 12px; + background-position: -212px -130px; +} +.icon_2025.map-3 { + width: 13px; + height: 18px; + background-position: -49px -3px; +} +.icon_2025.facebook { + width: 41px; + height: 40px; + background-position: 0 -159px; +} +.icon_2025.zalo { + width: 41px; + height: 40px; + background-position: -50px -159px; +} +.icon_2025.home { + width: 20px; + height: 20px; + background-position: -207px -152px; +} +.icon_2025.faq { + width: 20px; + height: 20px; + background-position: -129px -127px; +} +.icon_2025.article { + width: 30px; + height: 24px; + background-position: -162px -35px; +} +.icon_2025.angle-right { + width: 11px; + height: 17px; + background-position: -212px -176px; +} +.icon_2025.view { + width: 22px; + height: 16px; + background-position: -205px -9px; +} +.icon_2025.time-big { + width: 22px; + height: 22px; + background-position: -2px -93px; +} +.icon_2025.share { + width: 21px; + height: 21px; + background-position: -198px -36px; +} +.icon_2025.map-4 { + width: 18px; + height: 25px; + background-position: -152px -92px; +} +.icon_2025.link-review { + width: 18px; + height: 18px; + background-position: -27px -128px; +} +.icon_2025.angle-bottom { + width: 15px; + height: 12px; + background-position: -188px -156px; +} +.icon_2025.angle-top { + width: 15px; + height: 12px; + background-position: -190px -156px; + transform: rotate(180deg); +} +.icon_2025.mouse { + width: 20px; + height: 20px; + background-position: -160px -170px; +} +.icon_2025.copy { + width: 20px; + height: 20px; + background-position: -208px -94px; +} +.icon_2025.history { + width: 24px; + height: 24px; + background-position: -45px -126px; +} +.icon_2025.download { + width: 22px; + height: 22px; + background-position: -74px -126px; +} +.icon_2025.return { + width: 18px; + height: 18px; + background-position: -155px -129px; +} +.icon_2025.close { + width: 16px; + height: 16px; + background-position: -160px -149px; +} +.icon_2025.filter { + width: 20px; + height: 20px; + background-position: 0px -209px; +} +.icon_2025.time-gray { + width: 16px; + height: 16px; + background-position: -34px -96px; +} +.icon_2025.spec { + width: 22px; + height: 22px; + background-position: -130px -209px; +} +.icon_2025.tag { + width: 20px; + height: 20px; + background-position: -102px -127px; +} +.icon_2025.comment { + width: 20px; + height: 20px; + background-position: -84px -25px; + background-size: 190px 200px; +} +.icon_2025.earth { + width: 22px; + height: 24px; + background-position: 0 -125px; +} +.icon_2025.images { + width: 22px; + height: 22px; + background-position: -164px -209px; +} +.icon_2025.like { + width: 22px; + height: 22px; + background-position: -209px -234px; +} +.icon_2025.shop-blue { + width: 24px; + height: 24px; + background-position: -99px -172px; +} +.icon_2025.showroom { + width: 24px; + height: 24px; + background-position: -119px -92px; +} +.icon_2025.phone { + width: 18px; + height: 18px; + background-position: -167px -4px; +} +.icon_2025.upload_image { + width: 24px; + height: 24px; + background-position: -86px -91px; +} + +.icon-star { + background: url(../images/icon_star.png) no-repeat; + display: block; + width: 58px; + height: 10px; + background-size: 58px 75px; +} +.icon-star.star5 { + background-position: 0 0; +} +.icon-star.star4 { + background-position: 0 -14px; +} +.icon-star.star3 { + background-position: 0 -26px; +} +.icon-star.star2 { + background-position: 0 -39px; +} +.icon-star.star1 { + background-position: 0 -52px; +} +.icon-star.star0 { + background-position: 0 -64px; +} +.icon-star.star-small { + width: 15px; + height: 15px; + background-position: 0 0; + background-size: 85px 105px; +} + +.box-select { + position: relative; + width: 75px; +} +.box-select .select { + width: 100%; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; + color: #fff; + -webkit-appearance: none; + -moz-appearance: none; + z-index: 2; + position: relative; + background: transparent; + cursor: pointer; + font-weight: 700; +} +.box-select .select:focus { + outline: none; + box-shadow: 0 0 0 2px rgba(70, 47, 145, 0.2); + border-color: var(--color-global); +} +.box-select .select option { + background: var(--color-global); +} +.box-select::after { + position: absolute; + right: 0; + top: 7px; + content: ""; + display: block; + width: 11px; + height: 5px; + z-index: 1; + background: #d9d9d9; + clip-path: polygon(50% 100%, 0 0, 100% 0); +} + +.icon_arrow { + background: #fff; + width: 10px; + height: 6px; + clip-path: polygon(50% 100%, 0 0, 100% 0); + display: block; +} + +.icon_bar { + width: 25px; + height: 25px; + display: block; + background: url(../images/icon_bar.png) no-repeat; + background-size: contain; +} + +.icon_fix { + display: block; + background: url(../images/icon_fixed.png) no-repeat; + background-size: 100px 40px; +} +.icon_fix.home { + width: 20px; + height: 20px; + background-position: 1px 1px; +} +.icon_fix.product { + width: 20px; + height: 20px; + background-position: -19px 2px; +} +.icon_fix.settings { + width: 20px; + height: 20px; + background-position: -40px 2px; +} +.icon_fix.faq { + width: 20px; + height: 20px; + background-position: -60px 2px; +} +.icon_fix.user { + width: 20px; + height: 20px; + background-position: -80px 2px; +} + +.icon_edit { + display: block; + width: 20px; + height: 20px; + background: url(../images/icon_edit.png) no-repeat; + background-size: contain; +} + +.icon_remove { + display: block; + width: 20px; + height: 20px; + background: url(../images/icon_remove.png) no-repeat; + background-size: contain; +} + +.swiper-pagination-bullet { + width: 7px; + height: 7px; + border-radius: 50%; + background: #cdcdcd; + opacity: 1; +} +.swiper-pagination-bullet.swiper-pagination-bullet-active { + width: 31px; + background: #ff7a00; + border-radius: 50px; +} + +.banner .swiper-pagination-bullet { + width: 7px; + height: 7px; + border-radius: 50%; + background: #fff; + opacity: 1; +} +.banner .swiper-pagination-bullet.swiper-pagination-bullet-active { + width: 31px; + background: #f9ef06; + border-radius: 50px; +} + +.product-item { + padding: 10px; + border: 1px solid #d3d3d3; + background: #fff; + border-radius: 8px; +} +.product-item .product-image { + display: block; + height: 170px; + width: 100%; + position: relative; + margin-bottom: 5px; +} +.product-item .product-image img { + display: block; + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; + transform: translatey(0); + transition: 0.2s all ease-in; +} +.product-item .product-image:hover img { + transform: translatey(-5px); +} +.product-item .product-image .box-saleoff { + position: absolute; + right: 0; + top: 0; + width: 35px; + height: 35px; + border-radius: 50%; + background: #da251c; + color: #fff; + text-align: center; + line-height: 36px; + font-size: 9px; + font-weight: 700; +} +.product-item .product-image .box-saleoff::before { + position: absolute; + content: ""; + width: 30px; + height: 30px; + border: 1px dashed #fff; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + border-radius: 50%; +} +.product-item .product-image .icon-save { + position: absolute; + right: 0; + top: 0; +} +.product-item .product-image .icon-remove { + position: absolute; + right: 0; + top: 0; +} +.product-item .name-product { + font-weight: 700; + font-size: 13px; + color: #000; + margin-bottom: 5px; +} +.product-item .name-product:hover { + color: var(--color-title); +} +.product-item .price { + font-weight: 700; + font-size: 15px; + color: #d80a00; +} +.product-item .old-price { + font-size: 15px; + color: #b0b0b0; +} +.product-item .box-shop { + width: 24px; + height: 24px; + background: #ff7a00; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; +} +.product-item .box-shop .icon_2025.shop { + width: 15px; + height: 19px; + background-position: -49px -23px; + background-size: 160px 180px; + filter: brightness(0) invert(1); +} +.product-item .summary { + margin-bottom: 5px; + color: #595959; +} +.product-item.save .icon-save { + right: 30px; +} + +.swiper-button-next, +.swiper-button-prev { + width: 40px; + height: 40px; + background: #fff; + border-radius: 50%; + border: 1px solid #d9d9d9; +} + +.swiper-button-next:after, +.swiper-button-prev:after { + font-size: 16px; + color: #000; +} + +.homepage .box-category-homepage .swiper-wrapper { + flex-direction: row; + align-items: center; +} +.homepage .box-category-homepage .swiper-slide { + margin-top: 0 !important; + margin-bottom: 20px; +} +.homepage .box-category-homepage .swiper-pagination { + bottom: 0; +} +.homepage .box-menu-homepage .faq { + width: 24px; + height: 24px; + background-size: 130px 52px; + background-position: -82px 1px; + filter: brightness(0) saturate(100%); +} + +#main-menu .faq { + width: 24px; + height: 24px; + background-size: 130px 52px; + background-position: -82px 1px; + filter: brightness(0) saturate(100%); +} +#main-menu .product { + width: 24px; + height: 24px; + background-size: 125px 52px; + background-position: -27px 2px; + filter: brightness(0) saturate(100%); +} + +.item-article { + display: flex; + padding-bottom: 12px; + margin-bottom: 12px; + border-bottom: 1px solid #efefef; + align-items: flex-start; +} +.item-article .image-article { + width: 80px; + margin-right: 10px; + display: block; + margin-top: 4px; +} +.item-article .image-article img { + display: block; + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; + transform: translatey(0); + transition: 0.2s all ease-in; +} +.item-article .info { + width: calc(100% - 90px); +} +.item-article .name-article { + font-weight: bold; + font-size: 15px; + color: #000; + margin-bottom: 3px; +} +.item-article .name-article:hover { + color: var(--color-title); +} +.item-article .summary { + margin-bottom: 3px; + font-size: 13px; + color: #161616; +} +.item-article .link-article { + margin-top: 5px; + color: var(--color-global); + text-decoration: underline; + font-size: 13px; +} + +.item-classifieds { + display: flex; + padding-bottom: 10px; + margin-bottom: 10px; + border-bottom: 1px solid #efefef; + align-items: flex-start; +} +.item-classifieds .image-classifieds { + width: 80px; + margin-right: 10px; + display: block; + margin-top: 4px; +} +.item-classifieds .image-classifieds img { + display: block; + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; + transform: translatey(0); + transition: 0.2s all ease-in; +} +.item-classifieds .info { + width: calc(100% - 90px); +} +.item-classifieds .summary { + font-size: 15px; + margin-bottom: 5px; +} +.item-classifieds .name-classifieds { + font-weight: bold; + font-size: 15px; +} +.item-classifieds .price { + font-weight: bold; + font-size: 18px; + color: #d80a00; +} + +.box-promotions .box-big { + position: relative; + border-radius: 12px; + overflow: hidden; +} +.box-promotions .box-big::before { + position: absolute; + content: ""; + width: 100%; + height: 100%; + background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52.88%, #000000 100%); + bottom: 0; + left: 0; +} +.box-promotions .box-big::after { + position: absolute; + content: ""; + width: 60px; + height: 47px; + background: url(../images/icon-play.png) no-repeat; + top: 50%; + left: 50%; + transition: 0.2s all ease-in; + transform: translate(-50%, -50%); + background-size: contain; +} +.box-promotions .box-big:hover::after { + top: 51%; +} +.box-promotions .box-big.active::after, .box-promotions .box-big.active::before { + display: none; +} + +.main-footer a { + display: block; + margin-bottom: 10px; + font-size: 13px; + font-weight: 500; +} + +.fix-icon-footer .item.active .home, .fix-icon-footer .item:hover .home { + background-position: 1px -20px; +} +.fix-icon-footer .item.active .product, .fix-icon-footer .item:hover .product { + background-position: -19px -19px; +} +.fix-icon-footer .item.active .settings, .fix-icon-footer .item:hover .settings { + background-position: -40px -19px; +} +.fix-icon-footer .item.active .faq, .fix-icon-footer .item:hover .faq { + background-position: -60px -19px; +} +.fix-icon-footer .item.active .user, .fix-icon-footer .item:hover .user { + background-position: -80px -19px; +} +.fix-icon-footer .item.active span, .fix-icon-footer .item:hover span { + color: var(--color-title); + font-weight: 700; +} + +.overlay { + display: none; + position: fixed; + height: 100%; + width: 100%; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.2784313725); + border: 1px solid #cecece; + z-index: 99999; +} + +.overlay.active { + display: block; +} + +#main-menu { + position: fixed; + top: 0; + left: -125%; + bottom: 0; + width: 80%; + background: #fff; + z-index: 999999; + transition: all 0.5s ease; + box-shadow: 4px 0 10px 0 rgba(0, 0, 0, 0.1490196078); +} + +#main-menu.active { + left: 0; +} + +#main-menu .background-menu { + padding: 12px 10px; +} + +.page-product-detail #js-slider-small .item img { + display: block; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + margin: 0 auto; + border-radius: 12px; +} +.page-product-detail #js-slider-small .swiper-slide { + border: 1px solid #b1b1b1; + width: 100%; + height: 80px; + border-radius: 12px; +} +.page-product-detail #js-slider-small .swiper-slide-thumb-active { + border: 1.5px solid var(--color-title); +} + +.page-product-detail .box-shop { + width: 24px; + height: 24px; + background: #ff7a00; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; +} +.page-product-detail .box-shop .icon_2025.shop { + width: 15px; + height: 19px; + background-position: -49px -23px; + background-size: 160px 180px; + filter: brightness(0) invert(1); +} +.page-product-detail .box-shop p { + font-weight: 700; +} +.page-product-detail .box-summary { + font-size: 16px; +} +.page-product-detail .box-summary li { + list-style: inside; +} +.page-product-detail .box-desc .content { + width: 100%; + display: block; + overflow: hidden; + position: relative; +} +.page-product-detail .box-desc .content::after { + content: ""; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 100px; + background: linear-gradient(transparent, #fff); +} +.page-product-detail .box-desc .content.active { + height: auto !important; +} +.page-product-detail .box-desc .content.active::after { + display: none; +} +.page-product-detail .box-spec .content { + width: 100%; + height: 580px; + display: block; + overflow: hidden; + position: relative; +} +.page-product-detail .box-spec .content::after { + content: ""; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 100px; + background: linear-gradient(transparent, #fff); +} +.page-product-detail .box-spec .content.active { + height: auto !important; +} +.page-product-detail .box-spec .content.active::after { + display: none; +} +.page-product-detail .more-all { + display: flex; + justify-content: center; + align-items: center; + color: #ff7a00; + padding: 10px 0; +} +.page-product-detail .more-all i { + margin-bottom: 2px; + margin-left: 5px; +} +.page-product-detail .more-all .angle-top { + margin-top: 5px; +} + +#backgroundPopup { + display: none; + position: fixed; + height: 100%; + width: 100%; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.2784313725); + border: 1px solid #cecece; + z-index: 99; +} +#backgroundPopup.active { + display: block; +} + +.rating-selection { + float: left; + display: inline; +} + +.rating-selection input { + float: right; + width: 15px; + height: 15px; + padding: 0; + margin: 0 0 0 -15px; + opacity: 0; + cursor: pointer; +} + +.rating-selection .rating-star { + position: relative; + float: right; + display: block; + width: 28px; + height: 26px; + background: url(../images/star_min.png) 0 -33px; + cursor: pointer; + margin-right: 7px; +} + +.rating-selection .rating-star:hover { + background-position: 0 0; +} + +.rating-selection .rating-star:hover, +.rating-star:hover ~ .rating-star { + background-position: 0 0; +} + +.rating-selection .rating:hover .rating-star:hover, +.rating:hover .rating-star:hover ~ .rating-star, +.rating-input:checked ~ .rating-star { + background-position: 0 0; +} + +.form-input input, +.form-input textarea { + width: 100%; + height: 44px; + padding: 0 20px; + border-radius: 4px; + border: 1px solid #c1c1c1; + font-size: 13px; + color: #9c9c9c; +} +.form-input input:focus, +.form-input textarea:focus { + outline: 2px solid var(--color-global); + border: none; +} +.form-input textarea { + height: 100px; + padding: 15px 20px; + resize: none; +} + +.table table { + width: 100%; +} + +.table td { + padding: 14px 20px; +} + +.table td:first-child { + width: 230px; + font-weight: bold; + font-weight: inherit; +} + +.table tr { + background: #f3f3f3; +} + +.table tr:nth-child(2n+1) { + background: #fff; +} + +.nd p, +.nd span { + line-height: 23px; + margin-bottom: 10px; +} +.nd ul { + margin-top: 10px; +} +.nd li { + list-style: inside; +} + +#backgroundPopup { + display: none; + position: fixed; + height: 100%; + width: 100%; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.8); + border: 1px solid #cecece; + z-index: 99; +} +#backgroundPopup.active { + display: block; +} + +.select-arrow { + position: relative; + background: #fff; + height: 40px; + border: 1px solid #d5d5d5; + border-radius: 4px; + line-height: 40px; +} +.select-arrow select { + position: relative; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: 0; + background: transparent; + outline: 0; + width: 100%; + padding: 0 30px 0 10px; + z-index: 2; +} +.select-arrow::before { + position: absolute; + content: ""; + right: 10px; + top: 15px; + z-index: 1; + width: 16px; + height: 8px; + background: #777777; + clip-path: polygon(50% 100%, 0 0, 100% 0); +}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/css/style.css.map b/assets/css/style.css.map new file mode 100644 index 0000000..e86c976 --- /dev/null +++ b/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/assets/css/style.scss b/assets/css/style.scss new file mode 100644 index 0000000..918ef61 --- /dev/null +++ b/assets/css/style.scss @@ -0,0 +1,1054 @@ +:root { + --color-global: #462f91; + --color-title: #0d0d9c; + --color-hover: #1877f2; +} +::-webkit-scrollbar-track { + background-color: #f5f5f5; + border-radius: 10px; +} +::-webkit-scrollbar { + width: 7px; + height: 3px; + background-color: #f5f5f5; +} +::-webkit-scrollbar-thumb { + background: #462f91; + border-radius: 20px; + background-image: -webkit-gradient( + linear, + 0 0, + 0 100%, + color-stop(0.7, #462f91), + color-stop(0.5, transparent), + to(transparent) + ); +} +html { + font-size: 100%; + font-family: "Roboto", sans-serif; +} +body { + font-size: 13px; +} + +.container-mb { + max-width: 640px !important; + margin: 0 auto; +} +.container { + width: 100%; + padding: 0 12px; + margin: 0 auto; +} + +.icon_2025 { + background: url(../images/icon_2025.png) no-repeat; + background-size: 228px 260px; + display: block; + &.map { + width: 20px; + height: 26px; + background-position: 1px 0px; + } + &.search { + width: 24px; + height: 24px; + background-position: -70px 0; + } + &.search-2 { + width: 24px; + height: 24px; + background-position: -102px 0; + } + &.user { + width: 26px; + height: 26px; + background-position: -133px 0px; + } + &.buildpc { + width: 36px; + height: 24px; + background-position: -24px -35px; + } + &.shop { + width: 22px; + height: 24px; + background-position: -70px -35px; + } + &.map-2 { + width: 15px; + height: 23px; + background-position: -26px -3px; + } + &.prduct-save { + width: 24px; + height: 24px; + background-position: -133px -35px; + } + &.article { + width: 30px; + height: 24px; + background-position: -162px -35px; + } + &.question { + width: 25px; + height: 25px; + background-position: -100px -35px; + } + &.heart { + width: 24px; + height: 24px; + background-position: -98px -147px; + } + &.heart-2 { + width: 24px; + height: 24px; + background-position: -126px -173px; + } + &.time { + width: 15px; + height: 14.5px; + background-position: -188px -172px; + } + &.link { + width: 14px; + height: 12px; + background-position: -212px -130px; + } + &.map-3 { + width: 13px; + height: 18px; + background-position: -49px -3px; + } + &.facebook { + width: 41px; + height: 40px; + background-position: 0 -159px; + } + &.zalo { + width: 41px; + height: 40px; + background-position: -50px -159px; + } + &.home { + width: 20px; + height: 20px; + background-position: -207px -152px; + } + &.faq { + width: 20px; + height: 20px; + background-position: -129px -127px; + } + &.article { + width: 30px; + height: 24px; + background-position: -162px -35px; + } + &.angle-right { + width: 11px; + height: 17px; + background-position: -212px -176px; + } + &.view { + width: 22px; + height: 16px; + background-position: -205px -9px; + } + &.time-big { + width: 22px; + height: 22px; + background-position: -2px -93px; + } + &.share { + width: 21px; + height: 21px; + background-position: -198px -36px; + } + &.map-4 { + width: 18px; + height: 25px; + background-position: -152px -92px; + } + &.link-review { + width: 18px; + height: 18px; + background-position: -27px -128px; + } + &.angle-bottom { + width: 15px; + height: 12px; + background-position: -188px -156px; + } + &.angle-top { + width: 15px; + height: 12px; + background-position: -190px -156px; + transform: rotate(180deg); + } + &.mouse { + width: 20px; + height: 20px; + background-position: -160px -170px; + } + &.copy { + width: 20px; + height: 20px; + background-position: -208px -94px; + } + &.history { + width: 24px; + height: 24px; + background-position: -45px -126px; + } + &.download { + width: 22px; + height: 22px; + background-position: -74px -126px; + } + &.return { + width: 18px; + height: 18px; + background-position: -155px -129px; + } + &.close { + width: 16px; + height: 16px; + background-position: -160px -149px; + } + &.filter { + width: 20px; + height: 20px; + background-position: 0px -209px; + } + &.time-gray { + width: 16px; + height: 16px; + background-position: -34px -96px; + } + &.spec { + width: 22px; + height: 22px; + background-position: -130px -209px; + } + &.tag { + width: 20px; + height: 20px; + background-position: -102px -127px; + } + &.comment { + width: 20px; + height: 20px; + background-position: -84px -25px; + background-size: 190px 200px; + } + &.earth { + width: 22px; + height: 24px; + background-position: 0 -125px; + } + &.images { + width: 22px; + height: 22px; + background-position: -164px -209px; + } + &.like { + width: 22px; + height: 22px; + background-position: -209px -234px; + } + &.shop-blue { + width: 24px; + height: 24px; + background-position: -99px -172px; + } + &.showroom { + width: 24px; + height: 24px; + background-position: -119px -92px; + } + &.phone { + width: 18px; + height: 18px; + background-position: -167px -4px; + } + &.upload_image { + width: 24px; + height: 24px; + background-position: -86px -91px; + } +} +.icon-star { + background: url(../images/icon_star.png) no-repeat; + display: block; + width: 58px; + height: 10px; + background-size: 58px 75px; + &.star5 { + background-position: 0 0; + } + &.star4 { + background-position: 0 -14px; + } + &.star3 { + background-position: 0 -26px; + } + &.star2 { + background-position: 0 -39px; + } + &.star1 { + background-position: 0 -52px; + } + &.star0 { + background-position: 0 -64px; + } + &.star-small { + width: 15px; + height: 15px; + background-position: 0 0; + background-size: 85px 105px; + } +} +.box-select { + position: relative; + width: 75px; + .select { + width: 100%; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; + color: #fff; + -webkit-appearance: none; + -moz-appearance: none; + z-index: 2; + position: relative; + background: transparent; + cursor: pointer; + font-weight: 700; + &:focus { + outline: none; + box-shadow: 0 0 0 2px rgba(70, 47, 145, 0.2); + border-color: var(--color-global); + } + option { + background: var(--color-global); + } + } + &::after { + position: absolute; + right: 0; + top: 7px; + content: ""; + display: block; + width: 11px; + height: 5px; + z-index: 1; + background: #d9d9d9; + clip-path: polygon(50% 100%, 0 0, 100% 0); + } +} +.icon_arrow { + background: #fff; + width: 10px; + height: 6px; + clip-path: polygon(50% 100%, 0 0, 100% 0); + display: block; +} +.icon_bar { + width: 25px; + height: 25px; + display: block; + background: url(../images/icon_bar.png) no-repeat; + background-size: contain; +} +.icon_fix { + display: block; + background: url(../images/icon_fixed.png) no-repeat; + background-size: 100px 40px; + &.home { + width: 20px; + height: 20px; + background-position: 1px 1px; + } + &.product { + width: 20px; + height: 20px; + background-position: -19px 2px; + } + &.settings { + width: 20px; + height: 20px; + background-position: -40px 2px; + } + &.faq { + width: 20px; + height: 20px; + background-position: -60px 2px; + } + &.user { + width: 20px; + height: 20px; + background-position: -80px 2px; + } +} +.icon_edit { + display: block; + width: 20px; + height: 20px; + background: url(../images/icon_edit.png) no-repeat; + background-size: contain; +} +.icon_remove { + display: block; + width: 20px; + height: 20px; + background: url(../images/icon_remove.png) no-repeat; + background-size: contain; +} + +.swiper-pagination-bullet { + width: 7px; + height: 7px; + border-radius: 50%; + background: #cdcdcd; + opacity: 1; + &.swiper-pagination-bullet-active { + width: 31px; + background: #ff7a00; + border-radius: 50px; + } +} + +.banner { + .swiper-pagination-bullet { + width: 7px; + height: 7px; + border-radius: 50%; + background: #fff; + opacity: 1; + &.swiper-pagination-bullet-active { + width: 31px; + background: #f9ef06; + border-radius: 50px; + } + } +} + +.product-item { + padding: 10px; + border: 1px solid #d3d3d3; + background: #fff; + border-radius: 8px; + .product-image { + display: block; + height: 170px; + width: 100%; + position: relative; + margin-bottom: 5px; + img { + display: block; + width: 100%; + height: 100%; + object-fit: contain; + transform: translatey(0); + transition: 0.2s all ease-in; + } + &:hover { + img { + transform: translatey(-5px); + } + } + .box-saleoff { + position: absolute; + right: 0; + top: 0; + width: 35px; + height: 35px; + border-radius: 50%; + background: #da251c; + color: #fff; + text-align: center; + line-height: 36px; + font-size: 9px; + font-weight: 700; + &::before { + position: absolute; + content: ""; + width: 30px; + height: 30px; + border: 1px dashed #fff; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + border-radius: 50%; + } + } + .icon-save { + position: absolute; + right: 0; + top: 0; + } + .icon-remove { + position: absolute; + right: 0; + top: 0; + } + } + .name-product { + font-weight: 700; + font-size: 13px; + color: #000; + margin-bottom: 5px; + &:hover { + color: var(--color-title); + } + } + .price { + font-weight: 700; + font-size: 15px; + color: #d80a00; + } + .old-price { + font-size: 15px; + color: #b0b0b0; + } + .box-shop { + width: 24px; + height: 24px; + background: #ff7a00; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + .icon_2025.shop { + width: 15px; + height: 19px; + background-position: -49px -23px; + background-size: 160px 180px; + filter: brightness(0) invert(1); + } + } + .summary { + margin-bottom: 5px; + color: #595959; + } + &.save { + .icon-save { + right: 30px; + } + } +} + +.swiper-button-next, +.swiper-button-prev { + width: 40px; + height: 40px; + background: #fff; + border-radius: 50%; + border: 1px solid #d9d9d9; +} +.swiper-button-next:after, +.swiper-button-prev:after { + font-size: 16px; + color: #000; +} + +.homepage { + .box-category-homepage { + .swiper-wrapper { + flex-direction: row; + align-items: center; + } + .swiper-slide { + margin-top: 0 !important; + margin-bottom: 20px; + } + .swiper-pagination { + bottom: 0; + } + } + .box-menu-homepage { + .faq { + width: 24px; + height: 24px; + background-size: 130px 52px; + background-position: -82px 1px; + filter: brightness(0) saturate(100%); + } + } +} +#main-menu { + .faq { + width: 24px; + height: 24px; + background-size: 130px 52px; + background-position: -82px 1px; + filter: brightness(0) saturate(100%); + } + .product { + width: 24px; + height: 24px; + background-size: 125px 52px; + background-position: -27px 2px; + filter: brightness(0) saturate(100%); + } +} + +.item-article { + display: flex; + padding-bottom: 12px; + margin-bottom: 12px; + border-bottom: 1px solid #efefef; + align-items: flex-start; + .image-article { + width: 80px; + margin-right: 10px; + display: block; + margin-top: 4px; + img { + display: block; + width: 100%; + height: 100%; + object-fit: contain; + transform: translatey(0); + transition: 0.2s all ease-in; + } + } + .info { + width: calc(100% - 90px); + } + .name-article { + font-weight: bold; + font-size: 15px; + color: #000; + margin-bottom: 3px; + &:hover { + color: var(--color-title); + } + } + .summary { + margin-bottom: 3px; + font-size: 13px; + color: #161616; + } + .link-article { + margin-top: 5px; + color: var(--color-global); + text-decoration: underline; + font-size: 13px; + } +} + +.item-classifieds { + display: flex; + padding-bottom: 10px; + margin-bottom: 10px; + border-bottom: 1px solid #efefef; + align-items: flex-start; + .image-classifieds { + width: 80px; + margin-right: 10px; + display: block; + margin-top: 4px; + img { + display: block; + width: 100%; + height: 100%; + object-fit: contain; + transform: translatey(0); + transition: 0.2s all ease-in; + } + } + .info { + width: calc(100% - 90px); + } + .summary { + font-size: 15px; + margin-bottom: 5px; + } + .name-classifieds { + font-weight: bold; + font-size: 15px; + } + .price { + font-weight: bold; + font-size: 18px; + color: #d80a00; + } +} + +.box-promotions { + .box-big { + position: relative; + border-radius: 12px; + overflow: hidden; + &::before { + position: absolute; + content: ""; + width: 100%; + height: 100%; + background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52.88%, #000000 100%); + bottom: 0; + left: 0; + } + &::after { + position: absolute; + content: ""; + width: 60px; + height: 47px; + background: url(../images/icon-play.png) no-repeat; + top: 50%; + left: 50%; + transition: 0.2s all ease-in; + transform: translate(-50%, -50%); + background-size: contain; + } + &:hover { + &::after { + top: 51%; + } + } + &.active { + &::after, + &::before { + display: none; + } + } + } +} + +.main-footer { + a { + display: block; + margin-bottom: 10px; + font-size: 13px; + font-weight: 500; + } +} + +.fix-icon-footer { + .item { + &.active, + &:hover { + .home { + background-position: 1px -20px; + } + .product { + background-position: -19px -19px; + } + .settings { + background-position: -40px -19px; + } + .faq { + background-position: -60px -19px; + } + .user { + background-position: -80px -19px; + } + span { + color: var(--color-title); + font-weight: 700; + } + } + } +} + +.overlay { + display: none; + position: fixed; + height: 100%; + width: 100%; + top: 0; + left: 0; + background: #00000047; + border: 1px solid #cecece; + z-index: 99999; +} +.overlay.active { + display: block; +} +#main-menu { + position: fixed; + top: 0; + left: -125%; + bottom: 0; + width: 80%; + background: #fff; + z-index: 999999; + transition: all 0.5s ease; + box-shadow: 4px 0 10px 0 rgba(0, 0, 0, 0.1490196078); +} +#main-menu.active { + left: 0; +} +#main-menu .background-menu { + padding: 12px 10px; +} + +.page-product-detail #js-slider-small { + .item { + img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; + margin: 0 auto; + border-radius: 12px; + } + } + .swiper-slide { + border: 1px solid #b1b1b1; + width: 100%; + height: 80px; + border-radius: 12px; + } + .swiper-slide-thumb-active { + border: 1.5px solid var(--color-title); + } +} +.page-product-detail { + .box-shop { + width: 24px; + height: 24px; + background: #ff7a00; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + .icon_2025.shop { + width: 15px; + height: 19px; + background-position: -49px -23px; + background-size: 160px 180px; + filter: brightness(0) invert(1); + } + p { + font-weight: 700; + } + } + .box-summary { + font-size: 16px; + li { + list-style: inside; + } + } + .box-desc { + .content { + width: 100%; + display: block; + overflow: hidden; + position: relative; + &::after { + content: ""; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 100px; + background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff)); + background: linear-gradient(transparent, #fff); + } + &.active { + height: auto !important; + &::after { + display: none; + } + } + } + } + .box-spec { + .content { + width: 100%; + height: 580px; + display: block; + overflow: hidden; + position: relative; + &::after { + content: ""; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 100px; + background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff)); + background: linear-gradient(transparent, #fff); + } + &.active { + height: auto !important; + &::after { + display: none; + } + } + } + } + .more-all { + display: flex; + justify-content: center; + align-items: center; + color: #ff7a00; + padding: 10px 0; + i { + margin-bottom: 2px; + margin-left: 5px; + } + .angle-top { + margin-top: 5px; + } + } +} + +#backgroundPopup { + display: none; + position: fixed; + height: 100%; + width: 100%; + top: 0; + left: 0; + background: #00000047; + border: 1px solid #cecece; + z-index: 99; + &.active { + display: block; + } +} + +.rating-selection { + float: left; + display: inline; +} + +.rating-selection input { + float: right; + width: 15px; + height: 15px; + padding: 0; + margin: 0 0 0 -15px; + opacity: 0; + cursor: pointer; +} + +.rating-selection .rating-star { + position: relative; + float: right; + display: block; + width: 28px; + height: 26px; + background: url(../images/star_min.png) 0 -33px; + cursor: pointer; + margin-right: 7px; +} + +.rating-selection .rating-star:hover { + background-position: 0 0; +} + +.rating-selection .rating-star:hover, +.rating-star:hover ~ .rating-star { + background-position: 0 0; +} + +.rating-selection .rating:hover .rating-star:hover, +.rating:hover .rating-star:hover ~ .rating-star, +.rating-input:checked ~ .rating-star { + background-position: 0 0; +} + +.form-input { + input, + textarea { + width: 100%; + height: 44px; + padding: 0 20px; + border-radius: 4px; + border: 1px solid #c1c1c1; + font-size: 13px; + color: #9c9c9c; + &:focus { + outline: 2px solid var(--color-global); + border: none; + } + } + textarea { + height: 100px; + padding: 15px 20px; + resize: none; + } +} + +.table table { + width: 100%; +} +.table td { + padding: 14px 20px; +} +.table td:first-child { + width: 230px; + font-weight: bold; + font-weight: inherit; +} +.table tr { + background: #f3f3f3; +} +.table tr:nth-child(2n + 1) { + background: #fff; +} + +.nd { + p, + span { + line-height: 23px; + margin-bottom: 10px; + } + ul { + margin-top: 10px; + } + li { + list-style: inside; + } +} + +#backgroundPopup { + display: none; + position: fixed; + height: 100%; + width: 100%; + top: 0; + left: 0; + background: #000000cc; + border: 1px solid #cecece; + z-index: 99; + &.active { + display: block; + } +} + +.select-arrow { + position: relative; + background: #fff; + height: 40px; + border: 1px solid #d5d5d5; + border-radius: 4px; + line-height: 40px; + select { + position: relative; + appearance: none; + border: 0; + background: transparent; + outline: 0; + width: 100%; + padding: 0 30px 0 10px; + z-index: 2; + } + &::before { + position: absolute; + content: ""; + right: 10px; + top: 15px; + z-index: 1; + width: 16px; + height: 8px; + background: #777777; + clip-path: polygon(50% 100%, 0 0, 100% 0); + } +} diff --git a/assets/images/avartar-review-1.png b/assets/images/avartar-review-1.png new file mode 100644 index 0000000..86acd52 Binary files /dev/null and b/assets/images/avartar-review-1.png differ diff --git a/assets/images/avartar-review-2.png b/assets/images/avartar-review-2.png new file mode 100644 index 0000000..bb55961 Binary files /dev/null and b/assets/images/avartar-review-2.png differ diff --git a/assets/images/avartar-review-3.png b/assets/images/avartar-review-3.png new file mode 100644 index 0000000..70c9ad6 Binary files /dev/null and b/assets/images/avartar-review-3.png differ diff --git a/assets/images/avartar.png b/assets/images/avartar.png new file mode 100644 index 0000000..1a51d5e Binary files /dev/null and b/assets/images/avartar.png differ diff --git a/assets/images/avartar_acc.png b/assets/images/avartar_acc.png new file mode 100644 index 0000000..623fc3a Binary files /dev/null and b/assets/images/avartar_acc.png differ diff --git a/assets/images/banner-sale-1.png b/assets/images/banner-sale-1.png new file mode 100644 index 0000000..e3a57cd Binary files /dev/null and b/assets/images/banner-sale-1.png differ diff --git a/assets/images/banner-sale-2.png b/assets/images/banner-sale-2.png new file mode 100644 index 0000000..f8deb80 Binary files /dev/null and b/assets/images/banner-sale-2.png differ diff --git a/assets/images/banner-sale-3.png b/assets/images/banner-sale-3.png new file mode 100644 index 0000000..a4b2e73 Binary files /dev/null and b/assets/images/banner-sale-3.png differ diff --git a/assets/images/banner-sale-4.png b/assets/images/banner-sale-4.png new file mode 100644 index 0000000..4cae2e0 Binary files /dev/null and b/assets/images/banner-sale-4.png differ diff --git a/assets/images/banner_slider.png b/assets/images/banner_slider.png new file mode 100644 index 0000000..a1ba6b1 Binary files /dev/null and b/assets/images/banner_slider.png differ diff --git a/assets/images/big-image-rao-vat.png b/assets/images/big-image-rao-vat.png new file mode 100644 index 0000000..a4e71c0 Binary files /dev/null and b/assets/images/big-image-rao-vat.png differ diff --git a/assets/images/big-product-detail-1.jpg b/assets/images/big-product-detail-1.jpg new file mode 100644 index 0000000..943764b Binary files /dev/null and b/assets/images/big-product-detail-1.jpg differ diff --git a/assets/images/big-product-detail-2.jpg b/assets/images/big-product-detail-2.jpg new file mode 100644 index 0000000..b0525c5 Binary files /dev/null and b/assets/images/big-product-detail-2.jpg differ diff --git a/assets/images/big-product-detail-3.jpg b/assets/images/big-product-detail-3.jpg new file mode 100644 index 0000000..8c97d1f Binary files /dev/null and b/assets/images/big-product-detail-3.jpg differ diff --git a/assets/images/big-product-detail-4.jpg b/assets/images/big-product-detail-4.jpg new file mode 100644 index 0000000..d59a359 Binary files /dev/null and b/assets/images/big-product-detail-4.jpg differ diff --git a/assets/images/big-product-detail.jpg b/assets/images/big-product-detail.jpg new file mode 100644 index 0000000..11bf1ee Binary files /dev/null and b/assets/images/big-product-detail.jpg differ diff --git a/assets/images/big-product-detail.png b/assets/images/big-product-detail.png new file mode 100644 index 0000000..c0a29b8 Binary files /dev/null and b/assets/images/big-product-detail.png differ diff --git a/assets/images/box-image.png b/assets/images/box-image.png new file mode 100644 index 0000000..5b7674e Binary files /dev/null and b/assets/images/box-image.png differ diff --git a/assets/images/category-avatar.png b/assets/images/category-avatar.png new file mode 100644 index 0000000..cc78a89 Binary files /dev/null and b/assets/images/category-avatar.png differ diff --git a/assets/images/category-banphim.png b/assets/images/category-banphim.png new file mode 100644 index 0000000..23157c8 Binary files /dev/null and b/assets/images/category-banphim.png differ diff --git a/assets/images/category-laptop.png b/assets/images/category-laptop.png new file mode 100644 index 0000000..42af186 Binary files /dev/null and b/assets/images/category-laptop.png differ diff --git a/assets/images/category-linhkien.png b/assets/images/category-linhkien.png new file mode 100644 index 0000000..0c20bc8 Binary files /dev/null and b/assets/images/category-linhkien.png differ diff --git a/assets/images/category-pc.png b/assets/images/category-pc.png new file mode 100644 index 0000000..ac3d5e7 Binary files /dev/null and b/assets/images/category-pc.png differ diff --git a/assets/images/category-phukien.png b/assets/images/category-phukien.png new file mode 100644 index 0000000..b452b81 Binary files /dev/null and b/assets/images/category-phukien.png differ diff --git a/assets/images/category-tainhiet.png b/assets/images/category-tainhiet.png new file mode 100644 index 0000000..e505d6c Binary files /dev/null and b/assets/images/category-tainhiet.png differ diff --git a/assets/images/icon-cate-1.png b/assets/images/icon-cate-1.png new file mode 100644 index 0000000..d2547f5 Binary files /dev/null and b/assets/images/icon-cate-1.png differ diff --git a/assets/images/icon-cate-10.png b/assets/images/icon-cate-10.png new file mode 100644 index 0000000..8330c17 Binary files /dev/null and b/assets/images/icon-cate-10.png differ diff --git a/assets/images/icon-cate-11.png b/assets/images/icon-cate-11.png new file mode 100644 index 0000000..1b29dcc Binary files /dev/null and b/assets/images/icon-cate-11.png differ diff --git a/assets/images/icon-cate-12.png b/assets/images/icon-cate-12.png new file mode 100644 index 0000000..1b29dcc Binary files /dev/null and b/assets/images/icon-cate-12.png differ diff --git a/assets/images/icon-cate-13.png b/assets/images/icon-cate-13.png new file mode 100644 index 0000000..b0453d6 Binary files /dev/null and b/assets/images/icon-cate-13.png differ diff --git a/assets/images/icon-cate-14.png b/assets/images/icon-cate-14.png new file mode 100644 index 0000000..fb2b9f2 Binary files /dev/null and b/assets/images/icon-cate-14.png differ diff --git a/assets/images/icon-cate-15.png b/assets/images/icon-cate-15.png new file mode 100644 index 0000000..4d69ac7 Binary files /dev/null and b/assets/images/icon-cate-15.png differ diff --git a/assets/images/icon-cate-16.png b/assets/images/icon-cate-16.png new file mode 100644 index 0000000..f668672 Binary files /dev/null and b/assets/images/icon-cate-16.png differ diff --git a/assets/images/icon-cate-2.png b/assets/images/icon-cate-2.png new file mode 100644 index 0000000..83fcf50 Binary files /dev/null and b/assets/images/icon-cate-2.png differ diff --git a/assets/images/icon-cate-3.png b/assets/images/icon-cate-3.png new file mode 100644 index 0000000..165290d Binary files /dev/null and b/assets/images/icon-cate-3.png differ diff --git a/assets/images/icon-cate-4.png b/assets/images/icon-cate-4.png new file mode 100644 index 0000000..f192ae5 Binary files /dev/null and b/assets/images/icon-cate-4.png differ diff --git a/assets/images/icon-cate-5.png b/assets/images/icon-cate-5.png new file mode 100644 index 0000000..cf762cd Binary files /dev/null and b/assets/images/icon-cate-5.png differ diff --git a/assets/images/icon-cate-6.png b/assets/images/icon-cate-6.png new file mode 100644 index 0000000..6c532ab Binary files /dev/null and b/assets/images/icon-cate-6.png differ diff --git a/assets/images/icon-cate-7.png b/assets/images/icon-cate-7.png new file mode 100644 index 0000000..ac45776 Binary files /dev/null and b/assets/images/icon-cate-7.png differ diff --git a/assets/images/icon-cate-8.png b/assets/images/icon-cate-8.png new file mode 100644 index 0000000..7cc7877 Binary files /dev/null and b/assets/images/icon-cate-8.png differ diff --git a/assets/images/icon-cate-9.png b/assets/images/icon-cate-9.png new file mode 100644 index 0000000..d2547f5 Binary files /dev/null and b/assets/images/icon-cate-9.png differ diff --git a/assets/images/icon-file-save.png b/assets/images/icon-file-save.png new file mode 100644 index 0000000..b921b9e Binary files /dev/null and b/assets/images/icon-file-save.png differ diff --git a/assets/images/icon-play.png b/assets/images/icon-play.png new file mode 100644 index 0000000..a5a4f44 Binary files /dev/null and b/assets/images/icon-play.png differ diff --git a/assets/images/icon-star-active.png b/assets/images/icon-star-active.png new file mode 100644 index 0000000..d0f36a9 Binary files /dev/null and b/assets/images/icon-star-active.png differ diff --git a/assets/images/icon-star-gray.png b/assets/images/icon-star-gray.png new file mode 100644 index 0000000..f53df31 Binary files /dev/null and b/assets/images/icon-star-gray.png differ diff --git a/assets/images/icon_2025.png b/assets/images/icon_2025.png new file mode 100644 index 0000000..1207cb1 Binary files /dev/null and b/assets/images/icon_2025.png differ diff --git a/assets/images/icon_article.png b/assets/images/icon_article.png new file mode 100644 index 0000000..0b58cb6 Binary files /dev/null and b/assets/images/icon_article.png differ diff --git a/assets/images/icon_bar.png b/assets/images/icon_bar.png new file mode 100644 index 0000000..5203248 Binary files /dev/null and b/assets/images/icon_bar.png differ diff --git a/assets/images/icon_box.png b/assets/images/icon_box.png new file mode 100644 index 0000000..8173b80 Binary files /dev/null and b/assets/images/icon_box.png differ diff --git a/assets/images/icon_buildpc.png b/assets/images/icon_buildpc.png new file mode 100644 index 0000000..6f9b629 Binary files /dev/null and b/assets/images/icon_buildpc.png differ diff --git a/assets/images/icon_edit.png b/assets/images/icon_edit.png new file mode 100644 index 0000000..918126b Binary files /dev/null and b/assets/images/icon_edit.png differ diff --git a/assets/images/icon_fixed.png b/assets/images/icon_fixed.png new file mode 100644 index 0000000..8ff4a72 Binary files /dev/null and b/assets/images/icon_fixed.png differ diff --git a/assets/images/icon_location.png b/assets/images/icon_location.png new file mode 100644 index 0000000..13b7b60 Binary files /dev/null and b/assets/images/icon_location.png differ diff --git a/assets/images/icon_question.png b/assets/images/icon_question.png new file mode 100644 index 0000000..e0a3700 Binary files /dev/null and b/assets/images/icon_question.png differ diff --git a/assets/images/icon_remove.png b/assets/images/icon_remove.png new file mode 100644 index 0000000..dbad95e Binary files /dev/null and b/assets/images/icon_remove.png differ diff --git a/assets/images/icon_star.png b/assets/images/icon_star.png new file mode 100644 index 0000000..de43382 Binary files /dev/null and b/assets/images/icon_star.png differ diff --git a/assets/images/icon_store.png b/assets/images/icon_store.png new file mode 100644 index 0000000..4b32a87 Binary files /dev/null and b/assets/images/icon_store.png differ diff --git a/assets/images/icon_store_white.png b/assets/images/icon_store_white.png new file mode 100644 index 0000000..e296ed7 Binary files /dev/null and b/assets/images/icon_store_white.png differ diff --git a/assets/images/icon_upload_image.png b/assets/images/icon_upload_image.png new file mode 100644 index 0000000..e6dd07e Binary files /dev/null and b/assets/images/icon_upload_image.png differ diff --git a/assets/images/icon_upload_video.png b/assets/images/icon_upload_video.png new file mode 100644 index 0000000..4947c8d Binary files /dev/null and b/assets/images/icon_upload_video.png differ diff --git a/assets/images/image-article.png b/assets/images/image-article.png new file mode 100644 index 0000000..7ef8d7c Binary files /dev/null and b/assets/images/image-article.png differ diff --git a/assets/images/lienkien-ram.png b/assets/images/lienkien-ram.png new file mode 100644 index 0000000..30633f3 Binary files /dev/null and b/assets/images/lienkien-ram.png differ diff --git a/assets/images/logo-anphat.png b/assets/images/logo-anphat.png new file mode 100644 index 0000000..0f394de Binary files /dev/null and b/assets/images/logo-anphat.png differ diff --git a/assets/images/logo-gearvn.png b/assets/images/logo-gearvn.png new file mode 100644 index 0000000..cd6cca6 Binary files /dev/null and b/assets/images/logo-gearvn.png differ diff --git a/assets/images/logo-hacom.png b/assets/images/logo-hacom.png new file mode 100644 index 0000000..4dbddb4 Binary files /dev/null and b/assets/images/logo-hacom.png differ diff --git a/assets/images/logo.png b/assets/images/logo.png new file mode 100644 index 0000000..4fd1bcd Binary files /dev/null and b/assets/images/logo.png differ diff --git a/assets/images/promotions-1.png b/assets/images/promotions-1.png new file mode 100644 index 0000000..e2f23a9 Binary files /dev/null and b/assets/images/promotions-1.png differ diff --git a/assets/images/promotions-2.png b/assets/images/promotions-2.png new file mode 100644 index 0000000..ca5cc75 Binary files /dev/null and b/assets/images/promotions-2.png differ diff --git a/assets/images/promotions-3.png b/assets/images/promotions-3.png new file mode 100644 index 0000000..99e04e1 Binary files /dev/null and b/assets/images/promotions-3.png differ diff --git a/assets/images/promotions-4.png b/assets/images/promotions-4.png new file mode 100644 index 0000000..e7de608 Binary files /dev/null and b/assets/images/promotions-4.png differ diff --git a/assets/images/promotions-big.png b/assets/images/promotions-big.png new file mode 100644 index 0000000..bc544dc Binary files /dev/null and b/assets/images/promotions-big.png differ diff --git a/assets/images/small-product-detail.png b/assets/images/small-product-detail.png new file mode 100644 index 0000000..54a1a19 Binary files /dev/null and b/assets/images/small-product-detail.png differ diff --git a/assets/images/star_min.png b/assets/images/star_min.png new file mode 100644 index 0000000..754647a Binary files /dev/null and b/assets/images/star_min.png differ diff --git a/template/buildpc/buildpc-detail.html b/template/buildpc/buildpc-detail.html new file mode 100644 index 0000000..cf23757 --- /dev/null +++ b/template/buildpc/buildpc-detail.html @@ -0,0 +1,527 @@ + + + + + + + BESTPC - Trang chủ + + + + + + + +
+
+
+
+
    +
  1. + + Trang chủ + + +
    2. +
  2. + + + Build PC + + + +
    3. +
+
+ +
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+ +
+
+ Người đánh giá +
+ (40 ratings, 4.9 + ) +
+
+
+
+

+ 5 sao +

+
+
+
+
+

+ 97% +

+
+
+

+ 4 sao +

+
+
+
+
+

+ 97% +

+
+
+

+ 3 sao +

+
+
+
+
+

+ 97% +

+
+
+

+ 2 sao +

+
+
+
+
+

+ 97% +

+
+
+

+ 1 sao +

+
+
+
+
+

+ 97% +

+
+
+
+ +
+
+
+
+ + + + + Mua ngay + +
+
Còn hàng
+
+

Giá sản phẩm

+
3.700.000Vnđ
+ 3.400.000 Vnđ +
+
+

Khuyến mãi

+
20%
+
+
+

Giao hàng

+
Free
+
+ +
+
+
+ + + + + Mua ngay + +
+
Còn hàng
+
+

Giá sản phẩm

+
3.700.000Vnđ
+ 3.400.000 Vnđ +
+
+

Khuyến mãi

+
20%
+
+
+

Giao hàng

+
Free
+
+ +
+
+
+ + + + + Mua ngay + +
+
Còn hàng
+
+

Giá sản phẩm

+
3.700.000Vnđ
+ 3.400.000 Vnđ +
+
+

Khuyến mãi

+
20%
+
+
+

Giao hàng

+
Free
+
+ +
+
+
+ + + + + Mua ngay + +
+
Còn hàng
+
+

Giá sản phẩm

+
3.700.000Vnđ
+ 3.400.000 Vnđ +
+
+

Khuyến mãi

+
20%
+
+
+

Giao hàng

+
Free
+
+ +
+
+
+ + + + + Mua ngay + +
+
Còn hàng
+
+

Giá sản phẩm

+
3.700.000Vnđ
+ 3.400.000 Vnđ +
+
+

Khuyến mãi

+
20%
+
+
+

Giao hàng

+
Free
+
+ +
+
+
+
+

+ Thông số kỹ thuật +

+
+
+ Manufacturer +

AMD

+
+
+ Part # +
    +
  • 100-1000001084WOF
    • +
  • AMD Ryzen 7 9800X3D
    • +
  • 100-100001084WOF
    • +
+
+
+ Series +

AMD Ryzen 7

+
+
+ Microarchitecture +

Zen 5

+
+
+ Core Family +

Granite Ridge

+
+
+ Socket +

AM5

+
+
+ Core +

8

+
+
+ Thread Count +

16

+
+
+ Performance Core Clock +

4.7 GHz

+
+
+ Performance Core Boost Clock +

5.2 GHz

+
+
+ L2 Cache +

8 MB

+
+
+ L3 Cache +

96 MB

+
+
+ TDP +

120 W

+
+
+ Integrated Graphics +

Radeon

+
+
+
+ +
+

+ Đánh giá +

+
+
+
+
+ avartar +
+ Dino +

+ 10:00pm 20/02/2025 +

+ +
+

+ Lorem Ipsum is simply dummy text of the printing and + typesetting industry. Lorem Ipsum has been the industry's + standard dummy text ever since the 1500s, when an unknown + printer took a galley of type and scrambled it to make a + type specimen book. I +

+
+
+ 120 + +
+
+ 120 + +
+
+
+
+
+
+ avartar +
+ Dino +

+ 10:00pm 20/02/2025 +

+ +
+

+ Lorem Ipsum is simply dummy text of the printing and + typesetting industry. Lorem Ipsum has been the industry's + standard dummy text ever since the 1500s, when an unknown + printer took a galley of type and scrambled it to make a + type specimen book. I +

+
+
+ 120 + +
+
+ 120 + +
+
+
+
+
+
+ avartar +
+ Dino +

+ 10:00pm 20/02/2025 +

+ +
+

+ Lorem Ipsum is simply dummy text of the printing and + typesetting industry. Lorem Ipsum has been the industry's + standard dummy text ever since the 1500s, when an unknown + printer took a galley of type and scrambled it to make a + type specimen book. I +

+
+
+ 120 + +
+
+ 120 + +
+
+
+
+ + Xem + tất cả bình + luận +
+ +
+
+
+ +
+ + + + + + + \ No newline at end of file diff --git a/template/buildpc/buildpc.html b/template/buildpc/buildpc.html new file mode 100644 index 0000000..b464e55 --- /dev/null +++ b/template/buildpc/buildpc.html @@ -0,0 +1,812 @@ + + + + + + + BESTPC - Trang chủ + + + + + + + +
+
+
+
+
    +
  1. + + Trang chủ + + +
    2. +
  2. + + + Build PC + + + +
    3. +
+
+ +
+ + Bắt đầu tạo + + + So sánh giá tại các cửa hàng + +
+ +
+
+ + + + +
+
+
+

Đặt tên:

+ +
+ + + + + + + + + +
+
+ +
+
+
+ CPU +
+
+
+
+ + + + + AMD Ryzen 7 9800x3D 4.7 GHz 8-Core Processor + +
+
+ + + + + + +
+
+
+

Số lượng

+ +
+
+

Thành tiền

+ 4.000.000đ + 4.700.000 Vnđ +
+
+

Khuyến mãi

+ 20% +
+
+

Nhà cung cấp

+ + + +
+
+
+
+
+ + + + + AMD Ryzen 7 9800x3D 4.7 GHz 8-Core Processor + +
+
+ + + + + + +
+
+
+

Số lượng

+ +
+
+

Thành tiền

+ 4.000.000đ + 4.700.000 Vnđ +
+
+

Khuyến mãi

+ 20% +
+
+

Nhà cung cấp

+ + + +
+
+
+
+
+ CPU Cooler +
+ + + Chọn sản phẩm + +
+
+
+ HDD +
+ + + Chọn sản phẩm + +
+
+
+ HDD +
+ + + Chọn sản phẩm + +
+
+
+ HDD +
+ + + Chọn sản phẩm + +
+
+
+ HDD +
+ + + Chọn sản phẩm + +
+
+
+ HDD +
+ + + Chọn sản phẩm + +
+
+ +
+
+ + Tổng tiền 2 sản phẩm: 8.000.000đ + +
+ + Mua hàng tại Hacom + +
+
+
+ +
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/template/buildpc/compare_buildpc.html b/template/buildpc/compare_buildpc.html new file mode 100644 index 0000000..080ccfb --- /dev/null +++ b/template/buildpc/compare_buildpc.html @@ -0,0 +1,216 @@ + + + + + + + BESTPC - Trang chủ + + + + + + + +
+
+
+
+
    +
  1. + + Trang chủ + + +
    2. +
  2. + + + Build PC + + + +
    3. +
+
+ +
+ + Bắt đầu tạo + + + So sánh giá tại các cửa hàng + +
+ +
+
+ + + +
+
+ CPU Cooler +
+
+ + + + + AMD Ryzen 7 9800x3D 4.7 GHz 8-Core Processor + +
+ + Mua ngay + +
+
+

Giá sản phẩm

+ 4.000.000đ + 4.700.000 Vnđ +
+
+

Khuyến mãi

+ 20% +
+
+

Giao hàng:

+ Liên hệ +
+
+
+ SSD +
+
+ + + + + AMD Ryzen 7 9800x3D 4.7 GHz 8-Core Processor + +
+ + Mua ngay + +
+
+

Giá sản phẩm

+ 4.000.000đ + 4.700.000 Vnđ +
+
+

Khuyến mãi

+ 20% +
+
+

Giao hàng:

+ Liên hệ +
+
+
+
+ Tổng tiền (2 sản phẩm) : + 6.000.000 Vnđ +
+
+
+ + + +
+
+ CPU Cooler +
+
+ + + + + AMD Ryzen 7 9800x3D 4.7 GHz 8-Core Processor + +
+ + Mua ngay + +
+
+

Giá sản phẩm

+ 4.000.000đ + 4.700.000 Vnđ +
+
+

Khuyến mãi

+ 20% +
+
+

Giao hàng:

+ Liên hệ +
+
+
+ SSD +
+
+ + + + + AMD Ryzen 7 9800x3D 4.7 GHz 8-Core Processor + +
+ + Mua ngay + +
+
+

Giá sản phẩm

+ 4.000.000đ + 4.700.000 Vnđ +
+
+

Khuyến mãi

+ 20% +
+
+

Giao hàng:

+ Liên hệ +
+
+
+
+ Tổng tiền (2 sản phẩm) : + 6.000.000 Vnđ +
+
+
+ +
+
+
+ + + + + \ No newline at end of file diff --git a/template/classifieds/detail.html b/template/classifieds/detail.html new file mode 100644 index 0000000..1645090 --- /dev/null +++ b/template/classifieds/detail.html @@ -0,0 +1,631 @@ + + + + + + + BESTPC - Trang chủ + + + + + + + +
+
+
+
+
    +
  1. + + Trang chủ + + +
    2. +
  2. + +

    + Tin rao vặt +

    +     + +
    3. +
+
+ +
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+ + Xem sau + + +
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+

iphone 11 vs 11 Pro 11 Pro Max 64GB + 256GB + likenew

+ +
+
+ + Cấu hình: Intel Core i5 / 8GB / 256GB / + SSD +
+
+ +

Tình trạng: Likenew

+
+
+ +

Địa chỉ: Quận Thanh Xuân

+
+
+ +

Ngày đăng 12/04/2025 còn 2 ngày

+
+
+ +
+ Giá sản phẩm + 19.999.000đ +
+ + + Gọi cho người bán 098.234.**** + + +
+
+
+ +
+
+ Thanh Mai + +
+ +
+ + Đang hoạt động +
+
+
+
+
+
+ + 28 Đánh giá +
+

6 Tin đăng bán

+
+
+ +
+ Máy + tính này còn không? + Máy + tính này còn không? + Máy + tính này còn không? + Máy + tính này còn không? +
+ +
+

Thông tin sản phẩm

+
    +
  • Chính sách bảo hành:>12 tháng
    • +
  • Kích cỡ màn hình:>= 21 inch
    • +
  • Bộ vi xử lý:Intel Core i5
    • +
  • RAM:8 GB
    • +
  • Card màn hình:Khác
    • +
  • Ổ cứng:256 GB
    • +
  • Xuất xứ:Việt Nam
    • +
  • Loại ổ cứng:SSD Thông tin sử dụng:In trên bao bì
    • +
+
+ + +
+ + +
+

+ Mô tả chi + tiết

+
+
+

Laptop HP Victus 16 R0376TX AY8Z2PA + sở + hữu chip xử lý Intel Core i7 + 13700HX cùng VGA RTX 3050 6GB để có được trải nghiệm chơi game, làm việc hiệu + quả. + Mẫu HP + Victus này còn được trang bị màn hình 16 inch FHD 165Hz + giúp + tái tạo hình ảnh sắc nét, mượt mà. + Kèm theo đó là thiết kế bền bỉ, hiện đại để có thể sử dụng ở nhiều không gian. +

+ +

+ + Laptop HP Victus 16 R0376TX AY8Z2PA - Hiệu năng mạnh mẽ, hiển thị ấn tượng + +

+

HP Victus 16 R0376TX AY8Z2PA với bộ vi xử lý và card + đồ + họa rời mạnh mẽ sẽ mang tới trải + nghiệm chơi game, làm việc mượt mà, hiệu quả. Hãy cùng tìm hiểu thêm những điểm + nổi + bật mà mẫu laptop gaming của + HP Victus này sở hữu trong bài viết sau. +

+

+ Nâng cao + hiệu + suất + xử + lý với chip Core i7 13700HX +

+

Laptop HP Victus 16 R0376TX AY8Z2PA được trang bị + con + chip xử lý Core i7 13700HX của + Intel. Con chip Core i7 16 lõi, 24 luồng này sở hữu khả năng ép xung cực đại lên + tới + 5GHz để luôn có thể xử lý dữ + liệu trong thời gian ngắn. Với bộ nhớ đệm 30MB, hiệu suất xử lý các tác vụ phức + tạp + của laptop sẽ được giảm đi đáng + kể.

+

Cấu hình laptop HP Victus 16 R0376TX AY8Z2PA

+

Để nâng cao khả năng xử lý đồ hoạ, HP còn trang bị + cho + phiên bản laptop Victus + 16 + này card đồ hoạ rời NVIDIA GeForce RTX 3050 6GB GDDR6. Nhờ + vậy mà người dùng có thể tự tin trải nghiệm các tựa game với mức cấu hình cao. + Không + dừng ở đó, các nhu cầu chỉnh + sửa hình ảnh, dựng phim, tạo hình 3D,...chuyên nghiệp cũng được thực hiện mượt + mà. +

+

+ Tích hợp + ổ cứng + tốc + độ cao cùng dung lượng RAM lớn +

+

HP Victus 16 R0376TX AY8Z2PA được trang bị sẵn 2 + thanh + RAM chuẩn DDR5 có tốc độ bus lên + tới 4800MT/s. Với tổng dung lượng RAM 16GB, mẫu laptop gaming HP này sẽ đáp ứng + tốt + nhu cầu đa nhiệm. Không chỉ các + tác vụ cơ bản mà nhu cầu đa nhiệm nâng cao trong công việc cũng sẽ được thực + hiện + mượt mà mà không cần phải nâng cấp + cấu hình. Ngoài ra, laptop HP Victus 16 R0376TX AY8Z2PA còn sở hữu một ổ cứng + SSD + tốc độ cao có dung lượng + 512GB. 

+

Cấu hình laptop HP Victus 16 R0376TX AY8Z2PA

+

Thiết kế + hiện + đại, bền bỉ

+

Laptop Victus 16 R0376TX AY8Z2PA được HP thiết kế + hướng + tới phong cách hiện đại, tối + giản. Tuy vậy nhưng sản phẩm vẫn mang đậm dấu ấn gaming với tông màu đen thu hút + và + mạnh mẽ. Kèm theo đó là một tổng + thể chắc chắn, bền bỉ cùng phần bản lề kích thước lớn.

+

Với trọng lượng khoảng 2.31kg, người dùng vẫn có thể + tiện lợi mang theo phiên bản laptop + HP Victus này mà không gặp bất tiện. So với các mẫu laptop gaming khác, đây được + coi + là một điểm cộng giúp sản phẩm + đáp ứng nhu cầu chơi game ở nhiều không gian của người dùng.

+

Thiết kế laptop HP Victus 16 R0376TX AY8Z2PA

+

Để hỗ trợ tốt cả nhu cầu chơi game và làm việc, HP + đã + trang bị cho laptop Victus 16 + R0376TX AY8Z2PA bộ bàn phím Full-size. Với phần bàn phím số riêng biệt, người + dùng + sẽ cải thiện được tốc độ nhập + liệu trong khi làm việc. Bàn phím của laptop còn được tích hợp hệ thống đèn nền + RGB + 1 để hỗ trợ việc gõ phím trong + điều kiện thiếu sáng.

+

Hiển + thị + sắc nét và mượt mà

+

Laptop HP Victus 16 R0376TX AY8Z2PA sở hữu không + giản + hiển thị cực lớn khi được trang bị + màn hình có kích thước 16.1 inch. Kèm theo đó là độ phân giải FHD (1920 x 1080p) + giúp nội dung hiển thị luôn có được + độ rõ nét. Nhờ việc sử dụng tấm nền IPS, người dùng còn có thể điều chỉnh góc + nghiêng linh hoạt mà không gây ảnh + hưởng tới chất lượng hình ảnh.

+

Hiển thị sắc nét và mượt mà

+

Điểm nổi bật có trên màn hình HP Victus 16 R0376TX + AY8Z2PA chính là tần số quét và độ + phủ màu. Với độ phủ màu 100% sRGB, mẫu laptop gaming HP này sẽ hỗ trợ người dùng + làm + các công việc liên quan tới + sáng tạo hiệu quả. Tần số quét ở mức 165Hz sẽ giúp màn hình tái hiện các chuyển + động + một cách uyển chuyển, mượt mà. +

+

Ngoài ra, màn hình HP Victus 16 R0376TX AY8Z2PA còn + được + phủ lớp chống chói và có độ + sáng 300 nits để thoải mái sử dụng ở những nơi có ánh sáng mạnh. Với chuẩn Low + Blue + Light, màn hình còn giảm thiểu + lượng ánh sáng xanh phát ra để hạn chế tình trạng mỏi mắt khi sử dụng laptop + trong + thời gian dài.

+

+ Thời lượng pin dài, kết + nối phong phú và ổn định +

+

Laptop HP Victus 16 R0376TX AY8Z2PA được trang bị + viên + pin Li-ion Polymer 4-cell có dung + lượng ở mức 70Wh. Với dung lượng này, viên pin có thể duy trì trạng thái hoạt + động + cho laptop lên tới nhiều giờ với + các tác vụ hỗn hợp. Laptop còn được trang bị bộ nguồn 200W Smart AC power + adapter để + hỗ trợ sạc pin nhanh 50% trong + khoảng 30 phút.

+

Thời lượng pin dài, kết nối phong phú và ổn định

+

Để hỗ trợ việc liên kết có dây và chia sẻ dữ liệu, + HP + còn trang bị cho mẫu laptop Victus + của hàng đầy đủ các cổng kết nối thông dụng. Hai cạnh bên laptop được tích hợp + các + cổng USB Type-A, USB Type-C, + RJ-45, HDMI 2.1, jack audio 3.5mm và bộ chuyển đổi điện xoay chiều thông minh. +

+

Laptop Victus 16 R0376TX AY8Z2PA còn được trang bị + card + wireless Bluetooth 5.3 và Intel + Wi-Fi 6E AX211 (2x2). Điều này sẽ đảm bảo được khả năng kết nối với các thiết bị + ngoại vi, kết nối mạng ổn định, + nhanh chóng cho laptop.

+

+ Mua + laptop HP Victus 16 R0376TX AY8Z2PA giá tốt tại CellphoneS +

+ +
    +
  • + Hãy tới ngay các cửa hàng CellphoneS trên cả + nước để + trải nghiệm và đặt mua + Laptop HP Victus 16 R0376TX AY8Z2PA . Mẫu laptop gaming HP này + còn có + mức giá cực kỳ hấp dẫn khi đi + kèm nhiều chương trình ưu đãi, hỗ trợ thu cũ - đổi mới,... +
    • +
  • + Với chính sách hỗ trợ trả góp lãi suất thấp, + khách hàng + sẽ còn dễ dàng sở hữu và trải + nghiệm chiếc laptop này. Ngoài ra, CellphoneS còn hỗ trợ giao hàng toàn quốc + để + khách hàng tiện lợi đặt mua dù ở nơi + đâu. +
    • +
+
+
+ + + Xem thêm + +
+ +
+

Sản phẩm tương tự

+ +
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+ + Xem tất cả + + +
+ +
+ +
+
+ + + + + + + + + \ No newline at end of file diff --git a/template/classifieds/form.html b/template/classifieds/form.html new file mode 100644 index 0000000..c12bf7a --- /dev/null +++ b/template/classifieds/form.html @@ -0,0 +1,134 @@ + + + + + + + BESTPC - Trang chủ + + + + + + + +
+ +
+
+
+
    +
  1. + + Trang chủ + + +
    2. +
  2. + +

    + Tin rao vặt +

    +     + +
    3. +
  3. + +

    + Đăng tin +

    +     + +
    4. +
+
+ +
+
+

Hình ảnh và Video sản phẩm

+ +
+ + + +
+ + +

Nhập thông tin sản phẩm

+ +
+ +
+ + +
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+ +
+ Lưu + bản nháp + Đăng + tin +
+ +
+
+ + + +
+
+
+ + + \ No newline at end of file diff --git a/template/classifieds/home.html b/template/classifieds/home.html new file mode 100644 index 0000000..5782f0e --- /dev/null +++ b/template/classifieds/home.html @@ -0,0 +1,307 @@ + + + + + + + BESTPC - Trang chủ + + + + + + + +
+
+
+
+
    +
  1. + + Trang chủ + + +
    2. +
  2. + +

    + Tin rao vặt +

    +     + +
    3. +
+
+ +
+

Danh mục

+ + +

Bộ lọc

+
+
+ + + + + + + +
+
+ +
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell + RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
15.000.000đ
+ +
+ + Quận Thanh + Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 + ngày +
+
+
+ avartar + Thanh Mai +
+ +
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell + RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
15.000.000đ
+ +
+ + Quận Thanh + Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 + ngày +
+
+
+ avartar + Thanh Mai +
+ +
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell + RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
15.000.000đ
+ +
+ + Quận Thanh + Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 + ngày +
+
+
+ avartar + Thanh Mai +
+ +
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell + RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
15.000.000đ
+ +
+ + Quận Thanh + Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 + ngày +
+
+
+ avartar + Thanh Mai +
+ +
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell + RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
15.000.000đ
+ +
+ + Quận Thanh + Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 + ngày +
+
+
+ avartar + Thanh Mai +
+ +
+
+
+ + Xem + thêm + +
+
+
+
+ + + \ No newline at end of file diff --git a/template/faq/detail.html b/template/faq/detail.html new file mode 100644 index 0000000..00330be --- /dev/null +++ b/template/faq/detail.html @@ -0,0 +1,316 @@ + + + + + + + BESTPC - Trang chủ + + + + + + + + +
+
+
+ +
+
    +
  1. + + Trang chủ + + +
    2. +
  2. + +

    + Hỏi đáp +

    +     + +
    3. +
+
+ +
+

Máy tính của mình đang bị lỗi, mình không khởi động + lại + được, mọi + người ai + biết giúp + mình với?

+
+ + Dino + 10:00pm 20/02/2025 +
+ +
+

Tags:

+
+ Computer + Computer + Computer +
+
+ +
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem + Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley of type and + scrambled it to make a type specimen + book. It has survived not only five centuries, but also the leap into electronic + typesetting, remaining essentially + unchanged. It was popularised in the 1960s with the release of Letraset sheets + containing Lorem Ipsum passages, and more + recently with desktop publishing software like Aldus PageMaker including versions of + Lorem Ipsum.

+ + + + +

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem + Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley of type and + scrambled it to make a type specimen + book. It has survived not only five centuries, but also the leap into electronic + typesetting, remaining essentially + unchanged. It was popularised in the 1960s with the release of Letraset sheets + containing Lorem Ipsum passages, and more + recently with desktop publishing software like Aldus PageMaker including versions of + Lorem Ipsum.

+
+ +
+
+ +
+ + + + + + + +
+
+ +
+
+
+ avartar +
+
+
+
+ Dino +

10:00pm 20/02/2025

+
+

Lorem Ipsum is simply dummy text of the printing + and + typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley + of + type + and scrambled it to make a type specimen + book. I

+
+
+ 120 + +
+
+ 120 + +
+
+
+
+
+
+
+ avartar +
+
+
+ Dino +

10:00pm 20/02/2025

+

Lorem Ipsum is simply dummy text of + the printing + and + typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer + took a galley + of + type + and scrambled it to make a type specimen + book. I

+
+
+ 120 + +
+
+ 120 + +
+
+
+
+
+
+
+
+
+ avartar +
+
+
+ Dino +

10:00pm 20/02/2025

+

Lorem Ipsum is simply dummy text of + the printing + and + typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer + took a galley + of + type + and scrambled it to make a type specimen + book. I

+
+
+ 120 + +
+
+ 120 + +
+
+
+
+
+
+
+
+
+
+
+ avartar +
+
+
+
+ Dino +

10:00pm 20/02/2025

+
+

Lorem Ipsum is simply dummy text of the printing + and + typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley + of + type + and scrambled it to make a type specimen + book. I

+
+
+ 120 + +
+
+ 120 + +
+
+
+
+
+
+ + Xem thêm + +
+
+ +
+

Top các câu hỏi + được + quan tâm +

+ +
+ + ? + Build + PC cho + người mới bắt đầu như thế + nào, hướng dẫn mình với? + + + ? + Build + PC cho + người mới bắt đầu như thế + nào, hướng dẫn mình với? + + + ? + Build + PC cho + người mới bắt đầu như thế + nào, hướng dẫn mình với? + + + ? + Build + PC cho + người mới bắt đầu như thế + nào, hướng dẫn mình với? + +
+ +
+ +
+
+
+ + + \ No newline at end of file diff --git a/template/faq/home.html b/template/faq/home.html new file mode 100644 index 0000000..43dcdce --- /dev/null +++ b/template/faq/home.html @@ -0,0 +1,293 @@ + + + + + + + BESTPC - Trang chủ + + + + + + + + +
+
+
+
+
    +
  1. + + Trang chủ + + +
    2. +
  2. + +

    + Hỏi đáp +

    +     + +
    3. +
+
+ +
+
+

Hỏi đáp

+ +
+ +
+
+ + +
+
+
+ +
+ + ? + Tất cả câu hỏi + + + + Tag + + + + Quy định + +
+ + + +
+
+ +
+ avartar + Dino +

10:00pm 20/02/2025

+
+ +

Lorem Ipsum is simply dummy text of the + printing + and + typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley of type + and scrambled it to make a type specimen + book. I

+
+

Tags:

+
+ Computer + Computer + Computer + Computer + Computer + Computer + Computer + Computer + Computer + Computer +
+
+
+
+ 120 + +
+
+ 120 + +
+
+ +
+
+ +
+ avartar + Dino +

10:00pm 20/02/2025

+
+ +

Lorem Ipsum is simply dummy text of the + printing + and + typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley of type + and scrambled it to make a type specimen + book. I

+
+

Tags:

+
+ Computer + Computer + Computer + Computer + Computer + Computer + Computer + Computer + Computer + Computer +
+
+
+
+ 120 + +
+
+ 120 + +
+
+ +
+
+ +
+ avartar + Dino +

10:00pm 20/02/2025

+
+ +

Lorem Ipsum is simply dummy text of the + printing + and + typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley of type + and scrambled it to make a type specimen + book. I

+
+

Tags:

+
+ Computer + Computer + Computer + Computer + Computer + Computer + Computer + Computer + Computer + Computer +
+
+
+
+ 120 + +
+
+ 120 + +
+
+ +
+
+ + + Xem thêm + + +
+ Hot tags +
+
+ Computer + (130 câu hỏi) +
+
+ Computer + (130 câu hỏi) +
+
+ Computer + (130 câu hỏi) +
+
+ Computer + (130 câu hỏi) +
+
+ Xem thêm tags >> +
+ +
+ + +
+
+
+ + + \ No newline at end of file diff --git a/template/homepage/homepage.html b/template/homepage/homepage.html new file mode 100644 index 0000000..8d6914e --- /dev/null +++ b/template/homepage/homepage.html @@ -0,0 +1,1245 @@ + + + + + + + BESTPC - Trang chủ + + + + + + + +
+
+
+
+
+
+ + + + +
+
+ +
+ Bạn đang ở +
+ +
+
+
+
+
+
+ + +
+ +
+
+
+
+
+ +
+ + +
+
+ +
+ +
+ Build pc + + +
+ +
+ Tìm người bán + + +
+ +
+ Địa chỉ sửa + chữa + + +
+ +
+ Sản + phẩm + đã lưu + + +
+ +
+ Tin rao vặt + + +
+ +
+ Hỏi đáp + +
+ +
+

+ sản phẩm được đánh giá tốt nhất +

+

+ Tổng hợp các sản phẩm hot theo xu hướng và có nhiều lượt review và + đánh giá nhất hiện nay +

+
+ Laptop + Màn + hình + CPU + Bàn + phím, chuột + VGA +
+
+
+ + Laptop Dell +
-20%
+ +
+ Laptop văn phòng Dell RAM + 8G Core + i7 +
15.000.000đ
+
+ 16.500.000đ + +
+
+
+

Có 12 cửa hàng bán

+
+
+
+
+ + Laptop Dell +
-20%
+ +
+ Laptop văn phòng Dell RAM + 8G Core + i7 +
15.000.000đ
+
+ 16.500.000đ + +
+
+
+

Có 12 cửa hàng bán

+
+
+
+
+ + Laptop Dell +
-20%
+ +
+ Laptop văn phòng Dell RAM + 8G Core + i7 +
15.000.000đ
+
+ 16.500.000đ + +
+
+
+

Có 12 cửa hàng bán

+
+
+
+
+ + Laptop Dell +
-20%
+ +
+ Laptop văn phòng Dell RAM + 8G Core + i7 +
15.000.000đ
+
+ 16.500.000đ + +
+
+
+

Có 12 cửa hàng bán

+
+
+
+
+ Xem + tất cả +
+ + +
+

+ TÌM THEO DANH MỤC +

+
+
+
+ +
+ Laptop văn phòng +
+

+ Laptop văn phòng +

+ +
+
+ +
+ Laptop văn phòng +
+

+ Laptop văn phòng +

+ +
+
+ +
+ Laptop văn phòng +
+

+ Laptop văn phòng +

+ +
+
+ +
+ Laptop văn phòng +
+

+ Laptop văn phòng +

+ +
+
+ +
+ Laptop văn phòng +
+

+ Laptop văn phòng +

+ +
+
+ +
+ Laptop văn phòng +
+

+ Laptop văn phòng +

+ +
+
+ +
+ Laptop văn phòng +
+

+ Laptop văn phòng +

+ +
+
+ +
+ Laptop văn phòng +
+

+ Laptop văn phòng +

+ +
+
+ +
+ Laptop văn phòng +
+

+ Laptop văn phòng +

+ +
+
+ +
+ Laptop văn phòng +
+

+ Laptop văn phòng +

+ +
+
+ +
+ Laptop văn phòng +
+

+ Laptop văn phòng +

+ +
+
+ +
+ Laptop văn phòng +
+

+ Laptop văn phòng +

+ +
+
+ +
+ Laptop văn phòng +
+

+ Laptop văn phòng +

+ +
+
+ +
+ Laptop văn phòng +
+

+ Laptop văn phòng +

+ +
+
+ +
+ Laptop văn phòng +
+

+ Laptop văn phòng +

+ +
+
+ +
+ Laptop văn phòng +
+

+ Laptop văn phòng +

+ +
+
+
+
+
+ + +
+

+ Doanh nghiệp NỔI BẬT +

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

+ Sản phẩm đã lưu +

+
+
+ + Laptop Dell +
+ +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+
15.000.000đ
+ 16.500.000đ +
+
+
+

Có 12 cửa hàng bán

+
+
+
+
+ + Laptop Dell +
+ +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+
15.000.000đ
+ 16.500.000đ +
+
+
+

Có 12 cửa hàng bán

+
+
+
+
+ + Laptop Dell +
+ +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+
15.000.000đ
+ 16.500.000đ +
+
+
+

Có 12 cửa hàng bán

+
+
+
+
+ + Laptop Dell +
+ +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+
15.000.000đ
+ 16.500.000đ +
+
+
+

Có 12 cửa hàng bán

+
+
+
+
+ Xem + tất cả +
+ +
+

+ Thông tin ngành +

+
+
+ + + +
+ Xu hướng công nghệ nhìn từ CES 2025 +
Loạt sản phẩm trưng bày tại CES 2025 cho thấy AI + là xu hướng chính nhưng được...
+
+
+

12/03/2025

+
+
+ +

Nguồn tin: vnexpress

+
+
+
+
+
+ + + +
+ Xu hướng công nghệ nhìn từ CES 2025 +
Loạt sản phẩm trưng bày tại CES 2025 cho thấy AI + là xu hướng chính nhưng được...
+
+
+

12/03/2025

+
+
+ +

Nguồn tin: vnexpress

+
+
+
+
+
+ + + +
+ Xu hướng công nghệ nhìn từ CES 2025 +
Loạt sản phẩm trưng bày tại CES 2025 cho thấy AI + là xu hướng chính nhưng được...
+
+
+

12/03/2025

+
+
+ +

Nguồn tin: vnexpress

+
+
+
+
+
+ + + +
+ Xu hướng công nghệ nhìn từ CES 2025 +
Loạt sản phẩm trưng bày tại CES 2025 cho thấy AI + là xu hướng chính nhưng được...
+
+
+

12/03/2025

+
+
+ +

Nguồn tin: vnexpress

+
+
+
+
+
+ Xem + tất cả +
+ + +
+

+ THÔNG TIN khuyến mãi +

+
+
+ + + +
+ Xu hướng công nghệ nhìn từ CES 2025 +
Loạt sản phẩm trưng bày tại CES 2025 cho thấy AI + là xu hướng chính nhưng được...
+
+
+

12/03/2025

+
+
+ +

Nguồn tin: vnexpress

+
+
+
+
+
+ + + +
+ Xu hướng công nghệ nhìn từ CES 2025 +
Loạt sản phẩm trưng bày tại CES 2025 cho thấy AI + là xu hướng chính nhưng được...
+
+
+

12/03/2025

+
+
+ +

Nguồn tin: vnexpress

+
+
+
+
+
+ + + +
+ Xu hướng công nghệ nhìn từ CES 2025 +
Loạt sản phẩm trưng bày tại CES 2025 cho thấy AI + là xu hướng chính nhưng được...
+
+
+

12/03/2025

+
+
+ +

Nguồn tin: vnexpress

+
+
+
+
+
+ + + +
+ Xu hướng công nghệ nhìn từ CES 2025 +
Loạt sản phẩm trưng bày tại CES 2025 cho thấy AI + là xu hướng chính nhưng được...
+
+
+

12/03/2025

+
+
+ +

Nguồn tin: vnexpress

+
+
+
+
+
+ Xem + tất cả +
+ + +
+

+ BẢN TIN RAO VẶT +

+
+
+ + + +
+ Xu hướng công nghệ nhìn từ CES + 2025 +
Intel Core i5 / 8GB / 256GB / SSD +
+
19.999.000đ
+
+
+ +

Quận thanh xuân

+
+
+ +

30 phút trước

+
+
+

Còn 5 ngày

+
+
+ + avartar + Thanh mai + +
+
+
+ + + +
+ Xu hướng công nghệ nhìn từ CES + 2025 +
Intel Core i5 / 8GB / 256GB / SSD +
+
19.999.000đ
+
+
+ +

Quận thanh xuân

+
+
+ +

30 phút trước

+
+
+

Còn 5 ngày

+
+
+ + avartar + Thanh mai + +
+
+
+ + + +
+ Xu hướng công nghệ nhìn từ CES + 2025 +
Intel Core i5 / 8GB / 256GB / SSD +
+
19.999.000đ
+
+
+ +

Quận thanh xuân

+
+
+ +

30 phút trước

+
+
+

Còn 5 ngày

+
+
+ + avartar + Thanh mai + +
+
+
+ Xem + tất cả +
+ + + + + +
+

+ Sự kiện và chương trình khuyến mãi +

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

Về chúng tôi

+ +
+ +
+
+
+

Tuyển dụng

+ +
+ +
+
+
+

Liên kết

+ +
+ +
+
+
+

Giới thiệu

+ +
+ +
+
+
+
+
+
+ +
+ +
+ Trang chủ + + +
+ +
+ Sản phẩm + + +
+ +
+ Sửa chữa + + +
+ +
+ Hỏi đáp + + +
+ +
+ Tài khoản + +
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/template/product/category-detail.html b/template/product/category-detail.html new file mode 100644 index 0000000..9c8619b --- /dev/null +++ b/template/product/category-detail.html @@ -0,0 +1,195 @@ + + + + + + + BESTPC - Trang chủ + + + + + + + +
+
+
+
+
    +
  1. + + Trang chủ + + +
    2. +
  2. + + + Màn hình máy tính + + + +
    3. +
  3. + + + AIVISION + + + +
    4. +
+
+ +

+ Máy tính để bàn, máy tính xách tay và linh phụ kiện +

+ + +
+

Bộ lọc

+
+ + + + + + + +
+
+ + +
+ +
+ + Laptop Dell +
-20%
+ +
+ Laptop văn phòng Dell RAM + 8G Core + i7 +
15.000.000đ
+
+ 16.500.000đ + +
+
+
+

Có 12 cửa hàng bán

+
+
+
+
+ + Laptop Dell +
-20%
+ +
+ Laptop văn phòng Dell RAM + 8G Core + i7 +
15.000.000đ
+
+ 16.500.000đ + +
+
+
+

Có 12 cửa hàng bán

+
+
+
+
+ + Laptop Dell +
-20%
+ +
+ Laptop văn phòng Dell RAM + 8G Core + i7 +
15.000.000đ
+
+ 16.500.000đ + +
+
+
+

Có 12 cửa hàng bán

+
+
+
+
+ + Laptop Dell +
-20%
+ +
+ Laptop văn phòng Dell RAM + 8G Core + i7 +
15.000.000đ
+
+ 16.500.000đ + +
+
+
+

Có 12 cửa hàng bán

+
+
+
+ +
+ +
+
+
+ + + \ No newline at end of file diff --git a/template/product/category.html b/template/product/category.html new file mode 100644 index 0000000..de3c907 --- /dev/null +++ b/template/product/category.html @@ -0,0 +1,132 @@ + + + + + + + BESTPC - Trang chủ + + + + + + + +
+
+
+
+
    +
  1. + + Trang chủ + + +
    2. +
  2. + + + Màn hình máy tính + + + +
    3. +
  3. + + + AIVISION + + + +
    4. +
+
+ +
+ + +
+ +
+ Máy chủ + + +
+ +
+ Máy chủ + + +
+ +
+ Máy chủ + + +
+ +
+ Máy chủ + + +
+ +
+ Máy chủ + + +
+ +
+ Máy chủ + + +
+ +
+ Máy chủ + + +
+ +
+ Máy chủ + + +
+ +
+ Máy chủ + + +
+ + +
+
+
+ + + \ No newline at end of file diff --git a/template/product/product-detail.html b/template/product/product-detail.html new file mode 100644 index 0000000..7b75ed8 --- /dev/null +++ b/template/product/product-detail.html @@ -0,0 +1,1353 @@ + + + + + + + BESTPC - Trang chủ + + + + + + + + +
+
+
+
+
    +
  1. + + Trang chủ + + +
    2. +
  2. + + + Màn hình máy tính + + + +
    3. +
  3. + + + AIVISION + + + +
    4. +
+
+ + +
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+ +

Laptop Gaming Asus TUF FX505GE-BQ037T Core + i7-8750H/Win10(15.6" + FHD) - Hàng Chính Hãng

+ +
+
+ + 5/5 +
+
+ + 120 +
+
+ + 12/03/2025 +
+ + + Chia sẻ + +
+ +
+
+ Reviews trên: + Internet +

1233 đánh giá

+
+
+ BestPC +

12003 đánh giá

+
+
+ + +
+ Giá: + 9.000.000đ - 12.000.000đ +
+ +
+
+

Có 12 cửa hàng bán

+
+ +
+
    +
  • CPU: Intel Core i7-8750H ( 2.2 GHz - 4.1 GHz / 9MB / 6 nhân, 12 luồng )
    • +
  • Màn hình: 15.6" ( 1920 x 1080 ) , không cảm ứng
    • +
  • RAM: 1 x 8GB DDR4 2666MHz
    • +
  • Đồ họa: Intel UHD Graphics 630 / NVIDIA GeForce GTX 1050Ti 4GB GDDR5
    • +
  • Lưu trữ: 128GB SSD M.2 NVMe / 1TB HDD 5400RPM
    • +
  • Hệ điều hành: Windows 10 Home SL 64-bit
    • +
  • Pin: 4 cell 64 Wh Pin liền
    • +
  • khối lượng: 2.5 kg
    • +
  • Cổng giao tiếp: 1x USB 2.0,
    • +
+
+ + + save + Lưu sản phẩm lại xem sau + + +
+
+

Nhà cung cấp trên BestPC - Tại Hà Nội

+
+ + +
+
+
+
+ +
+
+ + 4.7 +
+ Hanoicomputer + +
+ Xem + 7 cửa hàng +
+ + 3km +
+
+ +
+
+ Giá: + 9.000.000đ - 20.000.000đ + Đã có VAT +
+ +
+
+ Sản phẩm +

+ 8GB - 9.000.000đ new + White +

+

+ 8GB - 9.000.000đ new + White +

+
+ + +
+

Miễn phí giao hàng

+

Nhận giap hàng và lắp đặt từ 8h00-21:30 các ngày trong tuần kể cả ngày thứ 7, CN

+
+ + Liên + hệ + ngay + +
+
+
+ +
+
+ + 4.7 +
+ Hanoicomputer + +
+ Xem + 7 cửa hàng +
+ + 3km +
+
+ +
+
+ Giá: + 9.000.000đ - 20.000.000đ + Đã có VAT +
+ +
+
+ Sản phẩm +

+ 8GB - 9.000.000đ new + White +

+

+ 8GB - 9.000.000đ new + White +

+
+ + +
+

Miễn phí giao hàng

+

Nhận giap hàng và lắp đặt từ 8h00-21:30 các ngày trong tuần kể cả ngày thứ 7, CN

+
+ + Liên + hệ + ngay + +
+
+
+ +
+
+ + 4.7 +
+ Hanoicomputer + +
+ Xem + 7 cửa hàng +
+ + 3km +
+
+ +
+
+ Giá: + 9.000.000đ - 20.000.000đ + Đã có VAT +
+ +
+
+ Sản phẩm +

+ 8GB - 9.000.000đ new + White +

+

+ 8GB - 9.000.000đ new + White +

+
+ + +
+

Miễn phí giao hàng

+

Nhận giap hàng và lắp đặt từ 8h00-21:30 các ngày trong tuần kể cả ngày thứ 7, CN

+
+ + Liên + hệ + ngay + +
+
+ Xem thêm + + +
+ +
+

Nhà cung cấp + trên BestPC - Tại Hà Nội

+ +
+ 54 đánh giá +
+ + 4.8 +
+
+
+ + 50 đánh giá +
+
+ + 50 đánh giá +
+
+ + 50 đánh giá +
+
+ + 50 đánh giá +
+
+ + 50 đánh giá +
+
+ +
+

Đánh giá của bạn về sản phẩm

+ Gửi + đánh giá của bạn về sản phẩm +
+
+ + +
+
+
+ avartar +
+ Dino +

10:00pm 20/02/2025

+
+
+
+ + Laptop Gaming Asus ROG 16GB +
+

Lorem Ipsum is simply dummy text of the printing and + typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley of type + and scrambled it to make a type specimen + book. I

+
+ + + + + + + + + +
+
+ + Bình luận (23) + + + Thích (23) + +
+
+
+ + + Xem thêm 23 bình luận khác + +
+ +
+

Đánh giá trên + internet

+ +
+ 54 đánh giá +
+ + 4.8 +
+
+
+ Hanoicomputer (240) + +
+
+ Anphatpc (240) + +
+
+ Mygear (240) + +
+
+ Hoangphatpc (240) + +
+
+ Phucanhpc (240) + +
+
+
+

Đánh giá của bạn về sản phẩm

+ Gửi + đánh giá của bạn về sản phẩm +
+
+
+ +
+
+ Hacom.vn +
+ Dino +

10:00pm 20/02/2025

+
+
+
+
+ + Laptop Gaming Asus ROG 16GB +
+

Lorem Ipsum is simply dummy text of the + printing and + typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley of type + and scrambled it to make a type specimen + book. I

+ + Xem link nguồn + + + +
+
+ +
+
+ Hacom.vn +
+ Dino +

10:00pm 20/02/2025

+
+
+
+
+ + Laptop Gaming Asus ROG 16GB +
+

Lorem Ipsum is simply dummy text of the + printing and + typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley of type + and scrambled it to make a type specimen + book. I

+ + Xem link nguồn + + + +
+
+
+
+ Hacom.vn +
+ Dino +

10:00pm 20/02/2025

+
+
+
+
+ + Laptop Gaming Asus ROG 16GB +
+

Lorem Ipsum is simply dummy text of the + printing and + typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley of type + and scrambled it to make a type specimen + book. I

+ + Xem link nguồn + + + +
+
+
+ + Xem thêm 23 bình luận khác + +
+ +
+

Thông tin sản + phẩm

+
+
+

Laptop HP Victus 16 R0376TX AY8Z2PA + sở + hữu chip xử lý Intel Core i7 + 13700HX cùng VGA RTX 3050 6GB để có được trải nghiệm chơi game, làm việc hiệu + quả. + Mẫu HP + Victus này còn được trang bị màn hình 16 inch FHD 165Hz + giúp + tái tạo hình ảnh sắc nét, mượt mà. + Kèm theo đó là thiết kế bền bỉ, hiện đại để có thể sử dụng ở nhiều không gian. +

+ +

+ + Laptop HP Victus 16 R0376TX AY8Z2PA - Hiệu năng mạnh mẽ, hiển thị ấn tượng + +

+

HP Victus 16 R0376TX AY8Z2PA với bộ vi xử lý và card + đồ + họa rời mạnh mẽ sẽ mang tới trải + nghiệm chơi game, làm việc mượt mà, hiệu quả. Hãy cùng tìm hiểu thêm những điểm + nổi + bật mà mẫu laptop gaming của + HP Victus này sở hữu trong bài viết sau. +

+

+ Nâng cao hiệu + suất + xử + lý với chip Core i7 13700HX +

+

Laptop HP Victus 16 R0376TX AY8Z2PA được trang bị + con + chip xử lý Core i7 13700HX của + Intel. Con chip Core i7 16 lõi, 24 luồng này sở hữu khả năng ép xung cực đại lên + tới + 5GHz để luôn có thể xử lý dữ + liệu trong thời gian ngắn. Với bộ nhớ đệm 30MB, hiệu suất xử lý các tác vụ phức + tạp + của laptop sẽ được giảm đi đáng + kể.

+

Cấu hình laptop HP Victus 16 R0376TX AY8Z2PA

+

Để nâng cao khả năng xử lý đồ hoạ, HP còn trang bị + cho + phiên bản laptop Victus + 16 + này card đồ hoạ rời NVIDIA GeForce RTX 3050 6GB GDDR6. Nhờ + vậy mà người dùng có thể tự tin trải nghiệm các tựa game với mức cấu hình cao. + Không + dừng ở đó, các nhu cầu chỉnh + sửa hình ảnh, dựng phim, tạo hình 3D,...chuyên nghiệp cũng được thực hiện mượt + mà. +

+

+ Tích hợp ổ + cứng + tốc + độ cao cùng dung lượng RAM lớn +

+

HP Victus 16 R0376TX AY8Z2PA được trang bị sẵn 2 + thanh + RAM chuẩn DDR5 có tốc độ bus lên + tới 4800MT/s. Với tổng dung lượng RAM 16GB, mẫu laptop gaming HP này sẽ đáp ứng + tốt + nhu cầu đa nhiệm. Không chỉ các + tác vụ cơ bản mà nhu cầu đa nhiệm nâng cao trong công việc cũng sẽ được thực + hiện + mượt mà mà không cần phải nâng cấp + cấu hình. Ngoài ra, laptop HP Victus 16 R0376TX AY8Z2PA còn sở hữu một ổ cứng + SSD + tốc độ cao có dung lượng + 512GB. 

+

Cấu hình laptop HP Victus 16 R0376TX AY8Z2PA

+

Thiết kế + hiện + đại, bền bỉ

+

Laptop Victus 16 R0376TX AY8Z2PA được HP thiết kế + hướng + tới phong cách hiện đại, tối + giản. Tuy vậy nhưng sản phẩm vẫn mang đậm dấu ấn gaming với tông màu đen thu hút + và + mạnh mẽ. Kèm theo đó là một tổng + thể chắc chắn, bền bỉ cùng phần bản lề kích thước lớn.

+

Với trọng lượng khoảng 2.31kg, người dùng vẫn có thể + tiện lợi mang theo phiên bản laptop + HP Victus này mà không gặp bất tiện. So với các mẫu laptop gaming khác, đây được + coi + là một điểm cộng giúp sản phẩm + đáp ứng nhu cầu chơi game ở nhiều không gian của người dùng.

+

Thiết kế laptop HP Victus 16 R0376TX AY8Z2PA

+

Để hỗ trợ tốt cả nhu cầu chơi game và làm việc, HP + đã + trang bị cho laptop Victus 16 + R0376TX AY8Z2PA bộ bàn phím Full-size. Với phần bàn phím số riêng biệt, người + dùng + sẽ cải thiện được tốc độ nhập + liệu trong khi làm việc. Bàn phím của laptop còn được tích hợp hệ thống đèn nền + RGB + 1 để hỗ trợ việc gõ phím trong + điều kiện thiếu sáng.

+

Hiển + thị + sắc nét và mượt mà

+

Laptop HP Victus 16 R0376TX AY8Z2PA sở hữu không + giản + hiển thị cực lớn khi được trang bị + màn hình có kích thước 16.1 inch. Kèm theo đó là độ phân giải FHD (1920 x 1080p) + giúp nội dung hiển thị luôn có được + độ rõ nét. Nhờ việc sử dụng tấm nền IPS, người dùng còn có thể điều chỉnh góc + nghiêng linh hoạt mà không gây ảnh + hưởng tới chất lượng hình ảnh.

+

Hiển thị sắc nét và mượt mà

+

Điểm nổi bật có trên màn hình HP Victus 16 R0376TX + AY8Z2PA chính là tần số quét và độ + phủ màu. Với độ phủ màu 100% sRGB, mẫu laptop gaming HP này sẽ hỗ trợ người dùng + làm + các công việc liên quan tới + sáng tạo hiệu quả. Tần số quét ở mức 165Hz sẽ giúp màn hình tái hiện các chuyển + động + một cách uyển chuyển, mượt mà. +

+

Ngoài ra, màn hình HP Victus 16 R0376TX AY8Z2PA còn + được + phủ lớp chống chói và có độ + sáng 300 nits để thoải mái sử dụng ở những nơi có ánh sáng mạnh. Với chuẩn Low + Blue + Light, màn hình còn giảm thiểu + lượng ánh sáng xanh phát ra để hạn chế tình trạng mỏi mắt khi sử dụng laptop + trong + thời gian dài.

+

+ Thời lượng pin dài, kết + nối phong phú và ổn định +

+

Laptop HP Victus 16 R0376TX AY8Z2PA được trang bị + viên + pin Li-ion Polymer 4-cell có dung + lượng ở mức 70Wh. Với dung lượng này, viên pin có thể duy trì trạng thái hoạt + động + cho laptop lên tới nhiều giờ với + các tác vụ hỗn hợp. Laptop còn được trang bị bộ nguồn 200W Smart AC power + adapter để + hỗ trợ sạc pin nhanh 50% trong + khoảng 30 phút.

+

Thời lượng pin dài, kết nối phong phú và ổn định

+

Để hỗ trợ việc liên kết có dây và chia sẻ dữ liệu, + HP + còn trang bị cho mẫu laptop Victus + của hàng đầy đủ các cổng kết nối thông dụng. Hai cạnh bên laptop được tích hợp + các + cổng USB Type-A, USB Type-C, + RJ-45, HDMI 2.1, jack audio 3.5mm và bộ chuyển đổi điện xoay chiều thông minh. +

+

Laptop Victus 16 R0376TX AY8Z2PA còn được trang bị + card + wireless Bluetooth 5.3 và Intel + Wi-Fi 6E AX211 (2x2). Điều này sẽ đảm bảo được khả năng kết nối với các thiết bị + ngoại vi, kết nối mạng ổn định, + nhanh chóng cho laptop.

+

+ Mua + laptop HP Victus 16 R0376TX AY8Z2PA giá tốt tại CellphoneS

+ +
    +
  • + Hãy tới ngay các cửa hàng CellphoneS trên cả + nước để + trải nghiệm và đặt mua + Laptop HP Victus 16 R0376TX AY8Z2PA . Mẫu laptop gaming HP này + còn có + mức giá cực kỳ hấp dẫn khi đi + kèm nhiều chương trình ưu đãi, hỗ trợ thu cũ - đổi mới,... +
    • +
  • + Với chính sách hỗ trợ trả góp lãi suất thấp, + khách hàng + sẽ còn dễ dàng sở hữu và trải + nghiệm chiếc laptop này. Ngoài ra, CellphoneS còn hỗ trợ giao hàng toàn quốc + để + khách hàng tiện lợi đặt mua dù ở nơi + đâu. +
    • +
+
+
+ + Xem thêm + +
+ +
+

Thông tin chi + tiết

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Mã sản phẩmVA3416WC
Màu sắcĐen
Độ sángMax 300cd/m²
Độ tương phản3000:1
Màu sắc hiển thị16.7M
Màu sắc hỗ trợ6500K
Loại màn hìnhCong R1500
Kích cỡ màn hình34"
Tấm nềnVA
Góc nhìn89°/89° (H/V)
Tính năng đặc biệt
1. Flicker-Free Backlight adjustment
2. Dynamic Contrast + Ratio: DCR
3. Adaptive + Sync
4.FPS/RTS
5.PIP/PBP
6. PQ
7. GAME PLUS
+
+ + + Xem thêm thông số + + +
+ +
+

Sản phẩm tương tự

+ +
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+ + Xem tất cả + + +
+ +
+

Sản phẩm bạn có thể + thích

+ +
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+ + Xem tất cả + + +
+ + + +
+
+
+ +
+ + + + + + + + + + + \ No newline at end of file diff --git a/template/shop/detail.html b/template/shop/detail.html new file mode 100644 index 0000000..058042d --- /dev/null +++ b/template/shop/detail.html @@ -0,0 +1,139 @@ + + + + + + + BESTPC - Trang chủ + + + + + + + + + +
+
+
+
+
    +
  1. + + Trang chủ + + +
    2. +
  2. + + + Tìm người bán + + + +
    3. +
+
+ +
+
+ +
+ + Hanoicomputer - Công cổ phần máy tính Hà Nội + +
+ + + +
+
+ +
+ +
+
+ + Đánh giá + 4.6/5 + 4.6 (43 đánh giá) +
+ +
+ + +
+ + Lĩnh vực +

+ Chuyên mua bán trao đổi PC, laptop, linh phụ kiện máy tính +

+
+ + +
+ Địa chỉ +

+ Tầng 7, tòa nhà số 198 Nguyễn Thị Minh Khai, phường 6, quận 3, TP. Hồ Chí Minh +

+
+ + +
+ Showroom +

Xem 7 showroom

+
+ + +
+ Website + https://CP.com.vn/ +
+ + +
+ Tel + 1800 6867 - 1900 6865 +
+ + +
+ Social +
+ + + +
+
+ + +
+ Mô tả +

+ Công ty Cổ phần Đầu tư Công nghệ HACOM (viết tắt là "HACOM", tiền thân là Công ty cổ phần + Máy tính Hà Nội, sở + hữu thương hiệu HANOCOMPUTER), được thành lập vào tháng 9/2001, hoạt động chuyên cung cấp và + bán lẻ các sản phẩm + máy tính và thiết bị văn phòng. Trải qua chặng đường hơn 20 năm phát triển, đến nay HACOM đã + trở thành một trong + những thương hiệu hàng đầu trong lĩnh vực kinh doanh các sản phẩm Công nghệ thông tin tại + Việt Nam với hệ thống + các showroom quy mô và hiện đại trải dài từ Bắc vào Nam. +

+
+
+ +
+
+
+ + + \ No newline at end of file diff --git a/template/shop/home.html b/template/shop/home.html new file mode 100644 index 0000000..6929db3 --- /dev/null +++ b/template/shop/home.html @@ -0,0 +1,981 @@ + + + + + + + BESTPC - Trang chủ + + + + + + + + +
+
+
+
+
    +
  1. + + Trang chủ + + +
    2. +
  2. + + + Tìm người bán + + + +
    3. +
+
+ +
+

Danh sách cửa hàng

+
+
+ + +
+
+
+ Gần + tôi + nhất + Đánh + giá tốt nhất + Đã + xem +
+ +
+
+
+ +
+ + Hanoicomputer - Công cổ phần máy tính Hà Nội + +
+ + + +
+ + + Chuyên mua bán trao đổi PC, laptop, + linh phụ kiện máy tính + +
+
+ +
+

Địa chỉ: Tầng 7, toà nhà số 198 Nguyễn Thị Minh + Khai, phường + 6, + quận 3, TP. Hồ + Chí Minh

+
+
+ +
+ +
+ Google Maps + + +
+ +
+ Có 7 + showroom + +
+ +
+ Tel: 1800 6867 - 1800 6865 + + +
+ Web: https:/hacom.com.vn/ + +
+
+ + 4.6 + (Xem + 47 đánh + giá) +
+
+ Đánh giá về + chất + lượng + dịch vụ + Liên + hệ +
+ +
+
+
+
+ +
+ + Hanoicomputer - Công cổ phần máy tính Hà Nội + +
+ + + +
+ + + Chuyên mua bán trao đổi PC, laptop, + linh phụ kiện máy tính + +
+
+ +
+

Địa chỉ: Tầng 7, toà nhà số 198 Nguyễn Thị Minh + Khai, phường + 6, + quận 3, TP. Hồ + Chí Minh

+
+
+ +
+ +
+ Google Maps + + +
+ +
+ Có 7 + showroom + +
+ +
+ Tel: 1800 6867 - 1800 6865 + + +
+ Web: https:/hacom.com.vn/ + +
+
+ + 4.6 + (Xem + 47 đánh + giá) +
+
+ Đánh giá về + chất + lượng + dịch vụ + Liên + hệ +
+ +
+
+
+
+ +
+ + Hanoicomputer - Công cổ phần máy tính Hà Nội + +
+ + + +
+ + + Chuyên mua bán trao đổi PC, laptop, + linh phụ kiện máy tính + +
+
+ +
+

Địa chỉ: Tầng 7, toà nhà số 198 Nguyễn Thị Minh + Khai, phường + 6, + quận 3, TP. Hồ + Chí Minh

+
+
+ +
+ +
+ Google Maps + + +
+ +
+ Có 7 + showroom + +
+ +
+ Tel: 1800 6867 - 1800 6865 + + +
+ Web: https:/hacom.com.vn/ + +
+
+ + 4.6 + (Xem + 47 đánh + giá) +
+
+ Đánh giá về + chất + lượng + dịch vụ + Liên + hệ +
+ +
+
+
+
+ +
+ + Hanoicomputer - Công cổ phần máy tính Hà Nội + +
+ + + +
+ + + Chuyên mua bán trao đổi PC, laptop, + linh phụ kiện máy tính + +
+
+ +
+

Địa chỉ: Tầng 7, toà nhà số 198 Nguyễn Thị Minh + Khai, phường + 6, + quận 3, TP. Hồ + Chí Minh

+
+
+ +
+ +
+ Google Maps + + +
+ +
+ Có 7 + showroom + +
+ +
+ Tel: 1800 6867 - 1800 6865 + + +
+ Web: https:/hacom.com.vn/ + +
+
+ + 4.6 + (Xem + 47 đánh + giá) +
+
+ Đánh giá về + chất + lượng + dịch vụ + Liên + hệ +
+ +
+
+
+
+ +
+ + Hanoicomputer - Công cổ phần máy tính Hà Nội + +
+ + + +
+ + + Chuyên mua bán trao đổi PC, laptop, + linh phụ kiện máy tính + +
+
+ +
+

Địa chỉ: Tầng 7, toà nhà số 198 Nguyễn Thị Minh + Khai, phường + 6, + quận 3, TP. Hồ + Chí Minh

+
+
+ +
+ +
+ Google Maps + + +
+ +
+ Có 7 + showroom + +
+ +
+ Tel: 1800 6867 - 1800 6865 + + +
+ Web: https:/hacom.com.vn/ + +
+
+ + 4.6 + (Xem + 47 đánh + giá) +
+
+ Đánh giá về + chất + lượng + dịch vụ + Liên + hệ +
+ +
+
+
+
+ +
+ + Hanoicomputer - Công cổ phần máy tính Hà Nội + +
+ + + +
+ + + Chuyên mua bán trao đổi PC, laptop, + linh phụ kiện máy tính + +
+
+ +
+

Địa chỉ: Tầng 7, toà nhà số 198 Nguyễn Thị Minh + Khai, phường + 6, + quận 3, TP. Hồ + Chí Minh

+
+
+ +
+ +
+ Google Maps + + +
+ +
+ Có 7 + showroom + +
+ +
+ Tel: 1800 6867 - 1800 6865 + + +
+ Web: https:/hacom.com.vn/ + +
+
+ + 4.6 + (Xem + 47 đánh + giá) +
+
+ Đánh giá về + chất + lượng + dịch vụ + Liên + hệ +
+ +
+
+
+
+ +
+ + Hanoicomputer - Công cổ phần máy tính Hà Nội + +
+ + + +
+ + + Chuyên mua bán trao đổi PC, laptop, + linh phụ kiện máy tính + +
+
+ +
+

Địa chỉ: Tầng 7, toà nhà số 198 Nguyễn Thị Minh + Khai, phường + 6, + quận 3, TP. Hồ + Chí Minh

+
+
+ +
+ +
+ Google Maps + + +
+ +
+ Có 7 + showroom + +
+ +
+ Tel: 1800 6867 - 1800 6865 + + +
+ Web: https:/hacom.com.vn/ + +
+
+ + 4.6 + (Xem + 47 đánh + giá) +
+
+ Đánh giá về + chất + lượng + dịch vụ + Liên + hệ +
+ +
+
+
+
+ +
+
+

Giới thiệu cửa hàng mới

+ + + + + +
+
+
+
+
+ +
+ + + + + + + + + + + + + + + \ No newline at end of file