PC GAMING SERIES 06

Khuyến mãi:

Nhận ngay bộ quà lên đến 700,000.

Phím chuột Giả Cơ Gaming.

Bàn di chuột gaming 30*70cm.

TB-Link wifi ( hoặc dây mạng ).

⭐ Ưu đãi đặc biệt khi mua kèm:

- Vận chuyển, lắp đặt tận nhà.

Giá Cũ:~~13,000,000đ~~
Giá KM:9,750,000đ

Đặt hàng

Mô tả sản phẩm

Đặc điểm nổi bật

Thông tin bảo hành

Chi tiết cấu hình của PC GAMING SERIES 08

Bo mạch chủ	Main H110	24 Tháng
Bộ vi xử lý	Intel Core i5 6500	24 Tháng
Bộ nhớ	Ram PC DDR4 8G	36 Tháng
Card đồ họa	VGA RX 580 8GB	36 Tháng
Ổ cứng	SSD 120G	36 Tháng
Nguồn	Nguồn Centaur 550W	36 Tháng
Thùng máy	Bể cá kính cường lực + 3FAN ( Tùy chọn nâng cấp sang vỏ khác )	6 Tháng
Tản nhiệt	A 200	6 Tháng
Màn Hình	Màn Hình K-vision 22inch Full Viền	24 Tháng

</div> <div role="tabpanel" class="tab-pane" id="hrvproducttabs"> <p><span style="color:#ff0000;"><strong>Thông tin bảo hành:</strong></span></p> <p>- Trong quá trình sử dụng nếu không may bạn gặp vấn đề cần bảo hành, HOABINHCOMPUTER sẽ cho mình mượn 1 linh kiện tương tự để sử dụng không làm gián đoạn công việc. Khi linh kiện bảo hành về, HOABINHCOMPUTER sẽ hoàn trả lại cho bạn.</p> </div> </div> </div> </div> </div> </div> <div class="rating-form"> <div class="review-detail-product" style="margin-top: 0 "> <div class="titile_page_id"> <ul> <h3>Đánh giá & Nhận xét</h3> <div class="clr"></div> </ul> </div> <div class="danhgia_tringbinh"><span class="heading">Đánh giá trung bình</span> <p> Sản phẩm chưa có lượt đánh giá nào. Rất vui khi bạn là người đầu tiên đánh giá sản phẩm này! </p> </div> <div class="rating_top"> <div class="col_rating"> <div class="rating-star number-rating fs-dtrt-col fs-dtrt-c1"> <h5>0/5</h5> <div class="ratingresult"> <span class="star""> <i class="fa fa-star aria-hidden=" true"=""></i> </span> <span class="star""> <i class="fa fa-star aria-hidden=" true"=""></i> </span> <span class="star""> <i class="fa fa-star aria-hidden=" true"=""></i> </span> <span class="star""> <i class="fa fa-star aria-hidden=" true"=""></i> </span> <span class="star""> <i class="fa fa-star aria-hidden=" true"=""></i> </span> </div> <p>0 đánh giá </p> </div> </div> <div class="col_rating"> <div class="box-dgsp"> <div class="danhgia"> <div class="progess-rate"> <div class="wrap-progress"> <span class="pull-left count-star">5 <i class="fa fa-star aria-hidden="true"></i></span> <div class="progress pull-left"> <div class="progress-bar" style="width:;"> </div> </div> <span class="pull-left count-user-rate">0%</span> </div> <div class="wrap-progress"> <span class="pull-left count-star">4 <i class="fa fa-star aria-hidden="true"></i></span> <div class="progress pull-left"> <div class="progress-bar" style="width:;"> </div> </div> <span class="pull-left count-user-rate">0%</span> </div> <div class="wrap-progress"> <span class="pull-left count-star">3 <i class="fa fa-star aria-hidden="true"></i></span> <div class="progress pull-left"> <div class="progress-bar" style="width:;"> </div> </div> <span class="pull-left count-user-rate">0%</span> </div> <div class="wrap-progress"> <span class="pull-left count-star">2 <i class="fa fa-star aria-hidden="true"></i></span> <div class="progress pull-left"> <div class="progress-bar" style="width:;"> </div> </div> <span class="pull-left count-user-rate">0%</span> </div> <div class="wrap-progress"> <span class="pull-left count-star">1 <i class="fa fa-star aria-hidden="true"></i></span> <div class="progress pull-left"> <div class="progress-bar" style="width:;"> </div> </div> <span class="pull-left count-user-rate">0%</span> </div> </div> </div> </div> </div> <div class="col_rating"> <div class="fs-dtrt-col fs-dtrt-c3"> <h4>Bạn đã dùng sản phẩm này?</h4> <p class="fs-dtrtbtnnx"><span>Gửi đánh giá</span></p> </div> </div> </div> <div class="form-report hide"> <form class="form-popup-inshop" enctype="multipart/form-data" id="request-form" action="/economy/commentRating/addrating/object_id/122091" method="post"> <table> <tbody> <tr> <td colspan="2"> <textarea class="inputText" placeholder="Mời bạn đánh giá, vui lòng nhập chữ có dấu" style="height:80px;" name="CommentRating[comment]" id="CommentRating_comment"></textarea> <div class="errorMessage" id="CommentRating_comment_em_" style="display:none"></div> </td> </tr> <tr> <td><label>Đánh giá:</label></td> <td> <div class="dangia" style="display:flex;"> <div id="rateYo1" style=""></div> <input type="hidden" class="rating-input" id="CommentRating_rating" name="CommentRating[rating]" value=""> </div> </td> </tr> <tr> <td><label>Tên bạn</label></td> <td> <input class="inputText" required="required" name="CommentRating[name]" id="CommentRating_name" type="text" maxlength="100" value="" /> <div class="errorMessage" id="CommentRating_name_em_" style="display:none"></div> </td> </tr> <tr> <td><label>Email</label></td> <td> <input class="inputText" required="required" name="CommentRating[email]" id="CommentRating_email" type="text" maxlength="50" value="" /> <div class="errorMessage" id="CommentRating_email_em_" style="display:none"></div> <input class="inputText" value="Khách hàng đánh giá" name="CommentRating[tittle]" id="CommentRating_tittle" type="hidden" /> <input class="form-control" required="required" name="CommentRating[type]" id="CommentRating_type" type="hidden" value="1" /> </td> </tr> <tr> <td></td> <td> <a href="javascript:void(0)" class="send-img"> <p><i class="fa fa-camera"></i> Gửi ảnh thực tế <span>(tối đa 3 ảnh)</span></p> <input type="file" id="images" name="images[]" multiple/> </a> </td> </tr> <tr> <td></td> <td> <div class="controls" id="add_video"> <span style="color: blue;font-size: 12px">Link nhúng video của youtube..."</span> <a href="javascript:void(0)" class="new_video" onclick="add_video(this)"> Thêm </a> </div> </td> </tr> <script> function add_video() { $('#add_video').append('<input class="span12 col-sm-12" style="margin-top: 10px" name="CommentRating[video_links][]" id="CommentRating_video_links" type="text">') } function remove_video(ev) { var key = $(ev).attr('data-id'); $('.' + key).remove(); $(ev).remove(); } </script> <tr> <td></td> <td><a id="rating-prd-submit" href="javascript:void(0);" class="btn btn-red">Gửi đánh giá</a></td> </tr> </tbody> </table> </form></div> <style> .new_video { margin-bottom: 4px; color: #fff; background: #4a90e2; border-radius: 10px; padding: 5px 10px; } #add_video { margin-top: 30px; margin-bottom: 20px; } </style> <script> $('.send-img').click(function () { $('#file_ratings').click() }); $("#images").change(function() { var file = this.files[0]; var fileType = file.type; var match = ['video/*', 'image/jpeg', 'image/png', 'image/jpg','video/x-flv', 'video/mp4', 'video/mpeg', 'video/msvideo']; if(!((fileType == match[0]) || (fileType == match[1]) || (fileType == match[2]) || (fileType == match[3]) || (fileType == match[4]) || (fileType == match[5]) || (fileType == match[6]) || (fileType == match[7]))){ alert('Bạn cần upload đúng định dạng ảnh hoặc video.'); $("#images").val(''); return false; } }); </script> </div> </div> <script> $('.fs-dtrtbtnnx span').click(function () { // $('.form-report').show(); $('.form-report').toggleClass('hide'); }); var a = 0; function getRatingPage(page, thisTag) { $(thisTag).parent().addClass('active'); jQuery.getJSON( '/economy/commentRating/getRatingPage', {page: page + a, object_id: 122091, pagesize:8}, function (data) { if (data.html) { $('.list-comment-review').append(data.html); a++; } else { $('#view_more').hide(); } } ); } </script> <style> .images_cmt .fotorama__stage__shaft img { background: #ededed; border-radius: 8px !important; } .images_cmt { width: 400px; margin: 0 auto; max-width: 100%; } .cmt-rt { font-size: 100%; color: #000; white-space: nowrap; background-color: #f9f2f4; border-radius: 8px; padding: 5px; width: calc(100% - 15px); margin-top: 5px; } .titile_page_id h3 { background: #fff; border-bottom: solid #CCC 1px; padding: 5px 15px 10px 15px; float: left; width: 100%; font-weight: 500; text-transform: uppercase; font-size: 22px; line-height: 40px; color: #333; margin: 0; text-align: center; } .danhgia_tringbinh { font-size: 20px; padding: 5px 15px 10px 15px; text-align: center; } .heading { font-size: 18px; font-weight: 500; text-transform: uppercase; color: #d0011b; } .danhgia_tringbinh p { font-size: 17px; padding-bottom: 10px; padding-top: 0; color: #666; margin: 0 !important; line-height: 2; } @media (min-width: 600px) { .rating-form { max-width: 60%; margin: 0 auto; margin-bottom: 20px; } .rating-form .review-detail-product { margin-top: 0; float: left; width: 100%; border: 1px solid #dedede; background: #fff; } } .item-reply .header-item-comment h3 { margin: 5px 0; margin-top: 2px; color: #9dc66f; } .rating-form table { width: 96%; margin: 0 auto; } .rating-form td { padding: 3px 0; } .rating-form table tr td:first-child { width: 65px; } .inputText { width: 100%; height: 34px; border-radius: 3px; border: solid 1px #ccc; padding: 0 5px; outline: none; max-width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; } .rating-form textarea { height: 45px; padding: 5px; font-size: 14px; color: #888888; } .rating-form .inputText { height: 30px; font-size: 14px; color: #888888; } .errorMessage { color: #f00; } .btn-red { background: #4a90e2; color: #fff; padding: 7px 20px; font-size: 15px; border-radius: 3px; -moz-border-radius: 3px; border: solid 1px #4a90e2; cursor: pointer; } .col_rating { width: 20%; height: 150px; padding: 0 10px; border: 1px solid #d8d8d8; } .col_rating:first-child { display: flex; align-items: center; } .col_rating:nth-child(2) { width: 50%; border-right: none; border-left: none; } .col_rating:last-child { width: 30%; display: flex; align-items: center; } .rating_top { display: flex; align-items: center; } .rating_top .row { align-items: center; } .fs-dtrt-c3 { /*padding: 17px 15px;*/ text-align: center; } .fs-dtrt-col { display: table-cell; vertical-align: middle; margin: 0 auto; } .fs-dtrt-c3 h4 { font-size: 16px; color: #4a4a4a; margin-bottom: 15px; } .fs-dtrtbtnnx span { cursor: pointer; height: 34px; line-height: 34px; padding: 9px 35px; color: #fff; background: #4a90e2; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .fs-dtrt-c1 { width: 193px; text-align: center; font-size: 12px; color: #4a4a4a; padding: 0; } .fs-dtrt-col { display: table-cell; vertical-align: middle; } .fs-dtrt-col p { float: left; width: 100%; font-size: 14px; } .fs-dtrt-col .ratingresult { padding: 0px 10px; float: none; font-size: 16px; } .fs-dtrt-col .ratingresult i { color: #ff9826; } .fs-dtrt-col .ratingresult .star i { color: #ededed; } .fs-dtrt-c1 h5 { font-size: 20px; color: #3d3d3d; margin-bottom: 8px; } .progess-rate .wrap-progress { display: flex; align-items: center; } .progress-bar { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .pull-left.count-star { float: left; display: flex; align-items: center; } .pull-left.count-star i { color: #ff9826; font-size: 13px; margin-left: 3px; } .progress.pull-left { border-radius: 5px; width: 80%; float: left; margin: 0 2%; height: 0.6rem; } .progess-rate { padding-top: 0; width: 100%; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; } .star-rate { width: 25%; } .comment_reply { background: #f8f8f8; } .comment_reply span.user-cmt-name strong { color: #000; } .qtv { background: #f1c40f; border-radius: 2px; padding: 0 5px; margin: 4px 0 4px 10px; line-height: normal; border: 1px solid #f1c40f; font-size: 11px; color: #333; font-weight: normal; display: inline-block; } .avatar-name-fword { width: 35px; height: 35px; } .review-star-user i { color: #e3e3e3; font-size: 13px; } .ctn-item-comment b { padding-left: 10px; } .review-star-user i.active { color: #ff9826; } .review-star-user { padding: 0; margin-left: 0; } .buy-already { font-size: 12px !important; padding: 1px 0 1px 22px; background: url(https://salt.tikicdn.com/desktop/img/icon/security-checked@2x.png) no-repeat; margin: 6px 0; color: #22b345 !important; font-weight: 400; background-size: 14px; } .item-comment-review { display: flex; float: left; width: 100%; padding: 15px 0; border-bottom: 1px solid #ededed8c; flex-wrap: wrap; } .progress-bar { background-color: #4a90e2; } .header-item-comment { padding: 0; background: none !important; text-align: center; display: block; width: 20%; float: left; } .header-item-comment label, .header-item-comment span { color: #000; padding: 0; margin: 0; width: 100%; } .adr label { font-weight: 500; width: auto; } .header-item-comment .name { border-radius: 50%; background: #d3d2d3; color: #919090; font-weight: 500; width: 50px; height: 50px; display: inline-block; text-align: center; line-height: 50px; font-size: 18px; font-family: Roboto; text-transform: uppercase; margin: 0 auto; } .ctn-item-comment { width: 80%; } .reply-block { padding-left: 40px; width: 100%; float: left; margin-top: 25px; } .item-reply { width: calc(100% - 15px); float: left; position: relative; margin-bottom: 20px; border: 1px solid #ccc; padding: 5px; -webkit-border-radius: 5px;; -moz-border-radius: 5px;; border-radius: 5px; } .item-reply .header-item-comment { margin-bottom: 10px; } .item-reply:before { content: ''; position: absolute; top: -6px; left: 15px; width: 10px; height: 10px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; transform: rotate(315deg); background-color: #fff; } @media (max-width: 480px) { .col_rating:nth-child(2) { border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-top: none; border-bottom: none; } .col_rating { width: 100% !important; padding: 15px; height: auto; } .rating_top { display: block; } .comment_reply { margin-left: 20px; } .ctn-item-comment p { font-size: 13px; } .ctn-item-comment b { font-size: 13px; } .header-item-comment label { width: 70%; text-align: center; margin: 0 auto; } .header-item-comment .name { width: 40px; height: 40px; line-height: 40px; } .ctn-item-comment, .item-comment-review { background: none; } .ctn-item-comment { padding: 0 0 0 0; width: 100%; } .review-star-user { font-size: 13px; } .review-star-user i { font-size: 11px; } .header-item-comment label, .header-item-comment span { float: left; } .adr label { width: auto; float: right; } .adr { position: relative; padding-right: 10px !important; } .time-comment { padding-left: 10px !important; } .adr:after { content: "-"; right: 0; position: absolute; top: 0; } .header-item-comment span { width: auto; } .header-item-comment .name { margin-right: 10px; float: left; margin: 0 auto; } .header-item-comment { padding: 0; width: 30%; text-align: left; display: flex; align-items: center; flex-wrap: wrap; } .wrap-progress { margin-bottom: 0; } .value-rate { margin-bottom: 0; font-size: 20px; } .star-rate { padding-bottom: 13px; font-size: 13px; } .star-rate h5 { display: none; } .progress.pull-left { width: 80%; } .wrap-progress span { font-size: 18px; } .progress.pull-left { height: 10px; } .progess-rate { width: 100%; padding-right: 0; } .star-rate { width: 40%; } } </style><script> /*! Table of Contents jQuery Plugin - jquery.toc * Copyright (c) 2013-2016 Nikhil Dabas * http://www.apache.org/licenses/LICENSE-2.0 */ !function(a){"use strict";var b=function(b){return this.each(function(){var c,d,e=a(this),f=e.data(),g=[e],h=this.tagName,i=0;c=a.extend({content:"body",headings:"h1,h2,h3"},{content:f.toc||void 0,headings:f.tocHeadings||void 0},b),d=c.headings.split(","),a(c.content).find(c.headings).attr("id",function(b,c){var d=function(a){0===a.length&&(a="?");for(var b=a.replace(/\s+/g,"_"),c="",d=1;null!==document.getElementById(b+c);)c="_"+d++;return b+c};return c||d(a(this).text())}).each(function(){var b=a(this),c=a.map(d,function(a,c){return b.is(a)?c:void 0})[0];if(c>i){var e=g[0].children("li:last")[0];e&&g.unshift(a("<"+h+"/>").appendTo(e))}else g.splice(0,Math.min(i-c,Math.max(g.length-1,0)));a("<li/>").appendTo(g[0]).append(a("<a/>").text(b.text()).attr("href","#"+b.attr("id"))),i=c})})},c=a.fn.toc;a.fn.toc=b,a.fn.toc.noConflict=function(){return a.fn.toc=c,this},a(function(){b.call(a("[data-toc]"))})}(window.jQuery); </script> ... <script type="text/javascript"> var class_id = "#chitiet"; var ToC = "<div class='tcontent'><nav role='navigation' class='table-of-contents muc_luc_'>" + "<label>Mục lục</label>" + "<ul class='toc2'></ul>" + "<nav>" + "<div>"; $(class_id).prepend(ToC); $(".toc2").toc({content: class_id, headings: "h2,h3,h4"}); </script> <style> .muc_luc_ ul { /*display: none;*/ } .table-of-contents { width: 45%; background: #eee; font-size: 1em; padding: 1em 2em; margin: 0 auto; margin-bottom: 3em; border: 1px solid #666; float: left; position: relative; border-radius: 10px; } .tcontent { float: left; width: 100%; } .table-of-contents label { float: left; width: 100%; text-align: left; font-size: 22px; text-transform: uppercase; margin-bottom: 20px; } .muc_luc_ .show-more { position: absolute; right: 15px; color: #ea1c00 !important; text-decoration: underline; cursor: pointer; top: 15px; } .table-of-contents ul { padding: 0; } .table-of-contents li, .table-of-contents li.H3 { list-style: auto; padding-left: 0; margin-left: 20px; line-height: 17px; margin-bottom: 7px; margin-top: 7px; font-size: 16px; font-weight: 600; } .table-of-contents li.H4 { list-style: square; padding-left: 0; margin-left: 40px; } .table-of-contents a { text-decoration: none; color: #ea1c00 !important; font-weight: 600; font-size: 16px; } .table-of-contents ul ul a { color: #666 !important; } .table-of-contents a:hover, .table-of-contents a:active { text-decoration: underline; } @media (max-width: 600px) { .table-of-contents { width: 100%; padding: 1em; } } </style><script> /*! Table of Contents jQuery Plugin - jquery.toc * Copyright (c) 2013-2016 Nikhil Dabas * http://www.apache.org/licenses/LICENSE-2.0 */ !function(a){"use strict";var b=function(b){return this.each(function(){var c,d,e=a(this),f=e.data(),g=[e],h=this.tagName,i=0;c=a.extend({content:"body",headings:"h1,h2,h3"},{content:f.toc||void 0,headings:f.tocHeadings||void 0},b),d=c.headings.split(","),a(c.content).find(c.headings).attr("id",function(b,c){var d=function(a){0===a.length&&(a="?");for(var b=a.replace(/\s+/g,"_"),c="",d=1;null!==document.getElementById(b+c);)c="_"+d++;return b+c};return c||d(a(this).text())}).each(function(){var b=a(this),c=a.map(d,function(a,c){return b.is(a)?c:void 0})[0];if(c>i){var e=g[0].children("li:last")[0];e&&g.unshift(a("<"+h+"/>").appendTo(e))}else g.splice(0,Math.min(i-c,Math.max(g.length-1,0)));a("<li/>").appendTo(g[0]).append(a("<a/>").text(b.text()).attr("href","#"+b.attr("id"))),i=c})})},c=a.fn.toc;a.fn.toc=b,a.fn.toc.noConflict=function(){return a.fn.toc=c,this},a(function(){b.call(a("[data-toc]"))})}(window.jQuery); </script> ... <script type="text/javascript"> var class_id = "#dacdiem"; var ToC = "<div class='tcontent'><nav role='navigation' class='table-of-contents muc_luc_'>" + "<label>Mục lục</label>" + "<ul class='toc2'></ul>" + "<nav>" + "<div>"; $(class_id).prepend(ToC); $(".toc2").toc({content: class_id, headings: "h2,h3,h4"}); </script> <style> .muc_luc_ ul { /*display: none;*/ } .table-of-contents { width: 45%; background: #eee; font-size: 1em; padding: 1em 2em; margin: 0 auto; margin-bottom: 3em; border: 1px solid #666; float: left; position: relative; border-radius: 10px; } .tcontent { float: left; width: 100%; } .table-of-contents label { float: left; width: 100%; text-align: left; font-size: 22px; text-transform: uppercase; margin-bottom: 20px; } .muc_luc_ .show-more { position: absolute; right: 15px; color: #ea1c00 !important; text-decoration: underline; cursor: pointer; top: 15px; } .table-of-contents ul { padding: 0; } .table-of-contents li, .table-of-contents li.H3 { list-style: auto; padding-left: 0; margin-left: 20px; line-height: 17px; margin-bottom: 7px; margin-top: 7px; font-size: 16px; font-weight: 600; } .table-of-contents li.H4 { list-style: square; padding-left: 0; margin-left: 40px; } .table-of-contents a { text-decoration: none; color: #ea1c00 !important; font-weight: 600; font-size: 16px; } .table-of-contents ul ul a { color: #666 !important; } .table-of-contents a:hover, .table-of-contents a:active { text-decoration: underline; } @media (max-width: 600px) { .table-of-contents { width: 100%; padding: 1em; } } </style> <div id="featured-new-product" class="products-relation"> <h2 class=""> Sản phẩm liên quan </h2> <ul class="owl-carousel owl-loaded owl-drag"> <li> <div class="new-product-row"> <a href="/pc-gaming-series-02"> <div class="new-product-img"> <img class="new-product-thumbnail" alt="PC GAMING SERIES 02" src="https://hoabinhcomputer.com/mediacenter/media/images/2209/products/2209/2481/s250_250/b468e8a77d1ecc40950f2-1742353182.jpg"> </div> <div class="new-product-percent">-22%</div> <h2 class="new-product-name">PC GAMING SERIES 02</h2> <div class="new-product-info"> <div class="new-product-price pull-left"> <del>8,950,000₫</del><br> <span class="new-product-sale">6.950.000₫ </span> </div> <div class="clearfix"></div> </div> </a> </div> </li> <li> <div class="new-product-row"> <a href="/pc-gaming-series-03"> <div class="new-product-img"> <img class="new-product-thumbnail" alt="PC GAMING SERIES 03" src="https://hoabinhcomputer.com/mediacenter/media/images/2209/products/2209/2481/s250_250/eedb4317d6ae67f03ebf3-1742355395.jpg"> </div> <div class="new-product-percent">-20%</div> <h2 class="new-product-name">PC GAMING SERIES 03</h2> <div class="new-product-info"> <div class="new-product-price pull-left"> <del>9,950,000₫</del><br> <span class="new-product-sale">7.950.000₫ </span> </div> <div class="clearfix"></div> </div> </a> </div> </li> <li> <div class="new-product-row"> <a href="/pc-gaming-series-05"> <div class="new-product-img"> <img class="new-product-thumbnail" alt="PC GAMING SERIES 05" src="https://hoabinhcomputer.com/mediacenter/media/images/2209/products/2209/2481/s250_250/06b54e43dbfa6aa433eb7-1742355713.jpg"> </div> <div class="new-product-percent">-17%</div> <h2 class="new-product-name">PC GAMING SERIES 05</h2> <div class="new-product-info"> <div class="new-product-price pull-left"> <del>11,800,000₫</del><br> <span class="new-product-sale">9.800.000₫ </span> </div> <div class="clearfix"></div> </div> </a> </div> </li> <li> <div class="new-product-row"> <a href="/pc-gaming-series-10"> <div class="new-product-img"> <img class="new-product-thumbnail" alt="PC GAMING SERIES 10" src="https://hoabinhcomputer.com/mediacenter/media/images/2209/products/2209/2481/s250_250/65fa170e82b733e96aa610-1742358304.jpg"> </div> <div class="new-product-percent">-14%</div> <h2 class="new-product-name">PC GAMING SERIES 10</h2> <div class="new-product-info"> <div class="new-product-price pull-left"> <del>14,500,000₫</del><br> <span class="new-product-sale">12.500.000₫ </span> </div> <div class="clearfix"></div> </div> </a> </div> </li> <li> <div class="new-product-row"> <a href="/pc-gaming-series-09"> <div class="new-product-img"> <img class="new-product-thumbnail" alt="PC GAMING SERIES 09" src="https://hoabinhcomputer.com/mediacenter/media/images/2209/products/2209/2481/s250_250/7b1d2ee9bb500a0e534111-1742360424.jpg"> </div> <div class="new-product-percent">-14%</div> <h2 class="new-product-name">PC GAMING SERIES 09</h2> <div class="new-product-info"> <div class="new-product-price pull-left"> <del>14,600,000₫</del><br> <span class="new-product-sale">12.600.000₫ </span> </div> <div class="clearfix"></div> </div> </a> </div> </li> </ul> </div> </div> <script src="https://pc.baokim.vn/js/bk_plus_v2.popup.js"></script> <div id='bk-modal'></div> <link href="/themes/introduce/goi105/home/fotorama.css" rel="stylesheet" type="text/css" media="all"> <script src="/themes/introduce/goi105/home/fotorama.js" type="text/javascript"></script> </div> </div> <div class="news-footer"> <div class="container"> <div class="global-art-container d-flex justify-content-between"> <div class="item-container"> <p class="title"> Tin tức </p> <div class="global-art-list row" id="js-top-art-14361"> <div class="col-sm-6 col-xs-12 mb-20"> <a href="/top-nhung-mau-laptop-dang-mua-nhat-hien-nay" title="Top Những Mẫu Laptop Đáng Mua Nhất Hiện Nay" class="global-art-img"> <img src="https://hoabinhcomputer.com/mediacenter/media/images/2209/news/ava/s400_400/dell-xps-13-1741879585.jpg" alt="Top Những Mẫu Laptop Đáng Mua Nhất Hiện Nay" /> </a> <div class="global-art-text"> <a href="/top-nhung-mau-laptop-dang-mua-nhat-hien-nay" class="d-block global-art-title"> Top Những Mẫu Laptop Đáng Mua Nhất Hiện Nay </a> <div class="art-info-container"> <span class="art-time"><i class="fa fa-clock-o"></i> 20/05/2025 00:58</span> <span class="art-visit"><i class="fa fa-eye"></i> 51</span> </div> <div class="global-art-summary"> Bạn đang tìm kiếm một mẫu laptop đáng mua nhất 2025. Chúng tôi sẽ cho bạn biết top 3 chiếc laptop đáng mua nhất hiện nay. </div> </div> </div> <div class="col-sm-6 col-xs-12 mb-20"> <a href="/review-dell-inspiron-5620-core-i5-1240p" title="Review Dell inspiron 5620 Core i5-1240P" class="global-art-img"> <img src="https://hoabinhcomputer.com/mediacenter/media/images/2209/news/ava/s400_400/laptop-dell-ins-5620-new-full-box-100-i7-1260p16gb512gb16inch-1-1718358146.jpg" alt="Review Dell inspiron 5620 Core i5-1240P" /> </a> <div class="global-art-text"> <a href="/review-dell-inspiron-5620-core-i5-1240p" class="d-block global-art-title"> Review Dell inspiron 5620 Core i5-1240P </a> <div class="art-info-container"> <span class="art-time"><i class="fa fa-clock-o"></i> 20/05/2025 00:58</span> <span class="art-visit"><i class="fa fa-eye"></i> 35</span> </div> <div class="global-art-summary"> Đánh giá Dell Inspiron 16 5620 Dell Inspiron 16 5620 là một chiếc laptop văn phòng tuyệt vời của hãng laptop Dell. Dell Inspiron 16 5620 có hiệu năng cao và đa nhiệm mượt mà. <br /> <br /> </div> </div> </div> <div class="col-sm-6 col-xs-12 mb-20"> <a href="/review-dell-inspiron-7435-ryzen-5" title="Review Dell inspiron 7435 Ryzen 5" class="global-art-img"> <img src="https://hoabinhcomputer.com/mediacenter/media/images/2209/news/ava/s400_400/laptop-dell-7435-new-full-box-100-r58gb512gb14-fhd-cam-ung-7-1718357756.jpg" alt="Review Dell inspiron 7435 Ryzen 5" /> </a> <div class="global-art-text"> <a href="/review-dell-inspiron-7435-ryzen-5" class="d-block global-art-title"> Review Dell inspiron 7435 Ryzen 5 </a> <div class="art-info-container"> <span class="art-time"><i class="fa fa-clock-o"></i> 20/05/2025 00:58</span> <span class="art-visit"><i class="fa fa-eye"></i> 13</span> </div> <div class="global-art-summary"> Máy tính Dell là thương hiệu laptop quá nổi tiếng trên thế giới về hiệu năng và độ bền bỉ. Hôm nay chúng ta sẽ cùng tìm hiểu về mẫu laptp Dell inspiron 7435 Ryzen 5 </div> </div> </div> <div class="col-sm-6 col-xs-12 mb-20"> <a href="/review-laptop-hp-14s-dr5000tu" title="Review Laptop Hp 14s DR5000TU" class="global-art-img"> <img src="https://hoabinhcomputer.com/mediacenter/media/images/2209/news/ava/s400_400/hp-laptop-14s-dr5000tu-2022-1-17-1718356473.jpg" alt="Review Laptop Hp 14s DR5000TU" /> </a> <div class="global-art-text"> <a href="/review-laptop-hp-14s-dr5000tu" class="d-block global-art-title"> Review Laptop Hp 14s DR5000TU </a> <div class="art-info-container"> <span class="art-time"><i class="fa fa-clock-o"></i> 20/05/2025 00:58</span> <span class="art-visit"><i class="fa fa-eye"></i> 8</span> </div> <div class="global-art-summary"> Laptop HP 14s DR5000TU có ngoại hình khá vuông vắn, nhỏ gọn với tông màu bạc, rất thời thượng. Lớp vỏ bên ngoài của chiếc máy tính này được làm bằng nhựa cao cấp. </div> </div> </div> <div class="col-sm-6 col-xs-12 mb-20"> <a href="/review-dell-inspiron-3530-core-i5-1335u" title="Review Dell Inspiron 3530 Core i5-1335U" class="global-art-img"> <img src="https://hoabinhcomputer.com/mediacenter/media/images/2209/news/ava/s400_400/05-dell-inspiron-15-n3530-i5-133-2-1718353901.jpg" alt="Review Dell Inspiron 3530 Core i5-1335U" /> </a> <div class="global-art-text"> <a href="/review-dell-inspiron-3530-core-i5-1335u" class="d-block global-art-title"> Review Dell Inspiron 3530 Core i5-1335U </a> <div class="art-info-container"> <span class="art-time"><i class="fa fa-clock-o"></i> 20/05/2025 00:58</span> <span class="art-visit"><i class="fa fa-eye"></i> 13</span> </div> <div class="global-art-summary"> Dell Inspiron 15 N3530 có thiết kế màu bạc bạch kim sang trọng, không chỉ mạnh mẽ về mặt kỹ thuật mà còn sang trọng và lịch lãm. Dù bạn là người dùng chuyên nghiệp, sinh viên hay văn phòng thì chiếc laptop này là sự lựa chọn hoàn hảo dành cho bạn. </div> </div> </div> <div class="col-sm-6 col-xs-12 mb-20"> <a href="/review-laptop-hp-15s-fr5003tu" title="Review laptop HP 15s-fr5003TU" class="global-art-img"> <img src="https://hoabinhcomputer.com/mediacenter/media/images/2209/news/ava/s400_400/300-1718351937.jpg" alt="Review laptop HP 15s-fr5003TU" /> </a> <div class="global-art-text"> <a href="/review-laptop-hp-15s-fr5003tu" class="d-block global-art-title"> Review laptop HP 15s-fr5003TU </a> <div class="art-info-container"> <span class="art-time"><i class="fa fa-clock-o"></i> 20/05/2025 00:58</span> <span class="art-visit"><i class="fa fa-eye"></i> 7</span> </div> <div class="global-art-summary"> Thiết kế HP 15s-fr5003TU là một kiệt tác của sự sang trọng và hiện đại, được thiết kế dành cho người dùng yêu cầu sự thoải mái và tính di động. Sản phẩm có vẻ ngoài tinh tế, với những đường nét mượt mà. </div> </div> </div> </div> </div> </div> </div> </div> <style> .mb-20 { margin-bottom: 20px; } .global-art-container { padding: 18px 0; -ms-flex-pack: justify !important; justify-content: space-between !important; display: flex !important; } .global-art-container .item-container { width: 100%; } .global-art-container .title { font-weight: bold; font-size: 18px; border-bottom: 1px solid #d7d7d7; padding-bottom: 3px; margin-bottom: 16px; } .global-art-container .item { margin-bottom: 20px; } .global-art-container .global-art-img { width: 190px; margin-right: 20px; display: block; float: left; } .global-art-container .global-art-img { position: relative; display: block; padding-bottom: 19%; } .global-art-container .global-art-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-height: 100%; margin: auto; width: 100%; } .global-art-container .global-art-text { float: left; width: calc(100% - 210px); } .global-art-container .global-art-title { font-weight: bold; max-height: 42px; overflow: hidden; color: #333; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease; outline: none; } .global-art-container .art-info-container { margin: 4px 0 8px 0; color: #999999; font-size: 12px; } .global-art-container .art-info-container span { position: relative; margin-right: 8px; } .global-art-container .art-info-container span::before { /*content: '';*/ background-repeat: no-repeat; display: inline-block; padding: 8px; vertical-align: sub; margin-right: 3px; } .global-art-container .global-art-summary { font-weight: 300; overflow: hidden; max-height: 42px; } @media (max-width: 575px) { .global-art-container .global-art-img { width: 125px; padding-bottom: 30%; } .global-art-container .global-art-text { width: calc(100% - 145px); } .global-art-container .global-art-img img { margin: 0; } } </style> <div class="footer-address"> <div class="container"> <div class="row"> <div class="col-sm-4 col-xs-12 mb-50"> <div class="item"> <p class="title"><span class="number-footer">1</span> Cơ sở 1 - HÒA BÌNH COMPUTER CẦU BÙNG </p> <ul class="ul"> <li> <i class="fa fa-map-marker"></i> <span>QL1A, Cầu Bùng, Diễn Kỷ, Diễn Châu, Nghệ An <a href="https://maps.app.goo.gl/sG8bRLPkyLAZjae4A" target="blank" class="d-block">[ Xem đường đi ]</a></span> </li> <li> <i class="fa fa-phone"></i> <span> <a href="tel:08688 55555"> Hotline: 08688 55555 </a> </span> </li> <li> <i class="fa fa-fax"></i> <span> <a href="tel:08688 55555"> Điện thoại: 0388 250025 </a> </span> </li> <li> <i class="fa fa-envelope"></i> <span> <a href="mailto:hoabinhcomputer@gmail.com"> Email: hoabinhcomputer@gmail.com </a> </span> </li> <li> <i class="fa fa-clock-o"></i> <span>Giờ mở cửa: 8:00 - 21:00 (Các ngày trong tuần)</span> </li> </ul> </div> </div> <div class="col-sm-4 col-xs-12 mb-50"> <div class="item"> <p class="title"><span class="number-footer">1</span> Cơ sở 2 - HÒA BÌNH COMPUTER DIỄN CHÂU </p> <ul class="ul"> <li> <i class="fa fa-map-marker"></i> <span>Số 55 Khối 5, thị trấn Diễn Châu, Nghệ An <a href="https://maps.app.goo.gl/iWdHAUk4VY4mcRXp8" target="blank" class="d-block">[ Xem đường đi ]</a></span> </li> <li> <i class="fa fa-phone"></i> <span> <a href="tel:08688 55555"> Hotline: 08688 55555 </a> </span> </li> <li> <i class="fa fa-fax"></i> <span> <a href="tel:08688 55555"> Điện thoại: 0388 250025 </a> </span> </li> <li> <i class="fa fa-envelope"></i> <span> <a href="mailto:hoabinhcomputer@gmail.com"> Email: hoabinhcomputer@gmail.com </a> </span> </li> <li> <i class="fa fa-clock-o"></i> <span>Giờ mở cửa: 8:00 - 21:00 (Các ngày trong tuần)</span> </li> </ul> </div> </div> <div class="col-sm-4 col-xs-12 mb-50"> <div class="item"> <p class="title"><span class="number-footer">1</span> Cơ sở 3 - HÒA BÌNH COMPUTER THÁI HÒA </p> <ul class="ul"> <li> <i class="fa fa-map-marker"></i> <span>278 Trần Hưng Đạo, Khối Tân Phú, T.X Thái Hoà, Nghệ An <a href="https://maps.app.goo.gl/6moUnfWbSCWD6pJ2A" target="blank" class="d-block">[ Xem đường đi ]</a></span> </li> <li> <i class="fa fa-phone"></i> <span> <a href="tel:08688 55555"> Hotline: 08688 55555 </a> </span> </li> <li> <i class="fa fa-fax"></i> <span> <a href="tel:08688 55555"> Điện thoại: 0388 250025 </a> </span> </li> <li> <i class="fa fa-envelope"></i> <span> <a href="mailto:hoabinhcomputer@gmail.com"> Email: hoabinhcomputer@gmail.com </a> </span> </li> <li> <i class="fa fa-clock-o"></i> <span>Giờ mở cửa: 8:00 - 21:00 (Các ngày trong tuần)</span> </li> </ul> </div> </div> <div class="col-sm-4 col-xs-12 mb-50"> <div class="item"> <p class="title"><span class="number-footer">1</span> Cơ sở 4 - HÒA BÌNH COMPUTER THỌ XUÂN </p> <ul class="ul"> <li> <i class="fa fa-map-marker"></i> <span>282 Đường Lê Lợi, Thị Trấn Thọ Xuân , Thanh Hóa <a href="https://maps.app.goo.gl/YUPgZyCmpTT5FUjS6" target="blank" class="d-block">[ Xem đường đi ]</a></span> </li> <li> <i class="fa fa-phone"></i> <span> <a href="tel:08688 55555"> Hotline: 08688 55555 </a> </span> </li> <li> <i class="fa fa-fax"></i> <span> <a href="tel:08688 55555"> Điện thoại: 0388 250025 </a> </span> </li> <li> <i class="fa fa-envelope"></i> <span> <a href="mailto:hoabinhcomputer@gmail.com"> Email: hoabinhcomputer@gmail.com </a> </span> </li> <li> <i class="fa fa-clock-o"></i> <span>Giờ mở cửa: 8:00 - 21:00 (Các ngày trong tuần)</span> </li> </ul> </div> </div> <div class="col-sm-4 col-xs-12 mb-50"> <div class="item"> <p class="title"><span class="number-footer">1</span> Cơ sở 5 - HÒA BÌNH COMPUTER VINH </p> <ul class="ul"> <li> <i class="fa fa-map-marker"></i> <span>27 Bạch Liêu Mới , Tp.Vinh, Nghệ An <a href="https://maps.app.goo.gl/5J4qjisdUHJLGsjAA" target="blank" class="d-block">[ Xem đường đi ]</a></span> </li> <li> <i class="fa fa-phone"></i> <span> <a href="tel:08688 55555"> Hotline: 08688 55555 </a> </span> </li> <li> <i class="fa fa-fax"></i> <span> <a href="tel:08688 55555"> Điện thoại: 0388 250025 </a> </span> </li> <li> <i class="fa fa-envelope"></i> <span> <a href="mailto:hoabinhcomputer@gmail.com"> Email: hoabinhcomputer@gmail.com </a> </span> </li> <li> <i class="fa fa-clock-o"></i> <span>Giờ mở cửa: 8:00 - 21:00 (Các ngày trong tuần)</span> </li> </ul> </div> </div> </div> </div> </div> <style> .footer-address { background: #f7f7f7; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 22px 0 44px 0; } .mb-50 { margin-bottom: 50px; } .footer-address .title { font-weight: bold; text-transform: uppercase; margin: 0 0 13px 0; line-height: 32px; color: #fff; background: #ea1c00; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .footer-address .title .number-footer { display: inline-block; color: #000; padding: 0 10px; margin-right: 10px; text-align: center; background: #f8b946; } .ul, .ol { margin: 0; padding: 0; list-style: none; } .footer-address li { padding-left: 23px; position: relative; margin-bottom: 7px; } .footer-address .fa { position: absolute; left: 0; top: 2px; font-size: 16px; } .footer-address .fa-map-marker { top: 3px; } .footer-address a { color: #546ce8; } @media (max-width: 575px) { .footer-address { padding-bottom: 0; } } </style> <div id="register-email"> <form class="form-horizontal newsletter-form contact-form" accept-charset="UTF-8" id="newsletter-form" action="/site/site/receivenewsletter" method="post"> <div class="container main"> <div class="get_email"> <div id="intro-text" class="pull-left col-sm-7 col-xs-12 pull-left">Mua hàng online với nhiều ưu đãi hơn tại HoaBinhComputer</div> <div id="frame_sbemail" class="pull-left col-sm-4 col-xs-12 pull-right"> <div class="input-group input-group-sm"> <input class="form-control" placeholder="Nhập email của bạn" title="Email" name="Newsletters[email]" id="Newsletters_email" type="text" maxlength="100" value="" /> <span class="input-group-btn"> <button name="bt_submitemail" id="bt_submitemail" class="btn btn-default" type="submit">Đăng ký</button> </span> <div class="errorMessage" id="Newsletters_email_em_" style="display:none"></div> <div class="newsletters-message" style="display: none;"> </div> </div> </div> <div class="clr"></div> </div> </div> </form></div> <style type="text/css"> #register-email #get_email { position: relative; } #register-email .errorMessage, .newsletters-message { position: absolute; bottom: -20px; left: 0; z-index: 9999; margin-bottom: 0; } </style><div id="footer"> <div class="container"> <div id="user1" class="col-sm-4 col-xs-12"> <div class="moduletable">  <h3>Hòa Bình Computer chuyên Laptop DELL, PC Gaming Nghệ An - miền Trung </h3> <div class="custom"> <h3 class="title-footer-2"> Email: tttmhoabinhcomputer@gmail.com<br></h3> <div style="font-size: 14px"> <p><b>HỆ THỐNG TỔNG ĐÀI MIỄN PHÍ:</b> (Làm việc từ 7h00 - 21h00)</p> <table style="width: 296px;"> <tbody> <tr> <td style="width: 211px;">Gọi mua hàng</td> <td style="width: 105px;"><a href="tel:08688 55555">08688 55555</a></td> </tr> <tr> <td style="width: 211px;">Hỗ trợ khách hàng</td> <td style="width: 105px;"><a href="tel:0388 250025">0388 250025</a></td> </tr> </tbody> </table> <p> </p> <a href="/chinh-sach-bao-hanh" style="font-size: 16px; color: #0655a6; font-weight: bold;">Chính sách bảo hành</a><br> <a href="/chinh-sach-kiem-hang" style="font-size: 16px; color: #0655a6; font-weight: bold;">Chính sách kiểm hàng</a><br> <a href="/phan-dinh-trach-nhiem-cua-nguoi-ban-va-nguoi-mua" style="font-size: 16px; color: #0655a6; font-weight: bold;">Phân định trách nhiệm của người bán và người mua</a><br> <a href="/chinh-sach-thanh-toan" style="font-size: 16px; color: #0655a6; font-weight: bold;">Chính sách thanh toán</a><br> <a href="/chinh-sach-van-chuyen" style="font-size: 16px; color: #0655a6; font-weight: bold;">Chính sách vận chuyển</a><br> <a href="/chinh-sach-bao-mat" style="font-size: 16px; color: #0655a6; font-weight: bold;">Chính sách bảo mật</a> </div> </div> </div> </div> <div id="user2" class="col-sm-5 col-xs-12"> <div class="moduletable"> <p style="font-size: 16px; display: inline">HOABINHCOMPUTER - Hệ thống bán lẻ Laptop, Máy tính, PC Gaming, Máy In, Thiết Bị Văn Phòng, Linh, Phụ Kiện chính hãng hàng đầu Nghệ An<br /> <br /> MST 2901869039-001 – HỘ KINH DOANH HÒA BÌNH COMPUTER Giấy phép ĐKKD số 27T80004432 do phòng Tài chính – Kế hoạch UBND Thị xã Thái Hòa tỉnh Nghệ An Cấp ngày 02/08/2022<br /> Địa chỉ: Khối Tân Phú, Phưòng Hoà Hiếu, Thị xã Thái Hoà, Nghệ An.<br /> ✆ Hotline: <a data-z-element-type="phone-number">0388 250025</a><br /> ✉ Email: <a data-z-element-type="email" href="mailto:tttmhoabinhcomputer@gmail.com" target="_blank">tttmhoabinhcomputer@gmail.com</a><br /> <br /> <a href="/"><b>HỆ THỐNG CỬA HÀNG:</b></a> </p> <p style="font-size: 14px; padding-top: 4px"><b>SHOWROOM HÒA BÌNH COMPUTER</b> (Làm việc từ 7h00 - 21h00)<br />  </p> <p>- CS1: QL1A, Cầu Bùng, Diễn Kỷ, Diễn Châu, Nghệ An</p> <p>- CS2: Khối 5, thị trấn Diễn Châu, Nghệ An</p> <p>- CS3: 278 Trần Hưng Đạo, Khối Tân Phú, T.X Thái Hoà, Nghệ An</p> <p>- CS4: 282 Đường Lê Lợi, Thị Trấn Thọ Xuân , Thanh Hóa</p> <p>- CS5: 27 Bạch Liêu Mới , Tp.Vinh, Nghệ An  <br />  </p>  </div> </div> <div id="user3" class="col-sm-3 col-xs-12"> <div class="moduletable"> <h3>Fanpage</h3> <div><a href="http://online.gov.vn/Home/WebDetails/118688" target="_blank"><img alt="Hoa binh computer" src="https://hoabinhcomputer.com/data/media/2209/images/bd59aa2b-c425-41ae-84b4-2984cf62ba35.jpg" /> </a><br /> <br /> <a href="http://online.gov.vn/Home/WebDetails/118688"><img alt="" height="111" src="/data/media/2209/images/z5623642709648_ae5298b2dc115ce1f476f2f8073c62be(3).jpg" width="340" /></a></div> </div> </div> <div class="clr"></div> </div> </div> <div class="contact-box-bottom"> <a class="contact-box-wrapper" href="https://zalo.me/0868855555" rel="nofollow" target="_blank"> <div class="contact-icon-box"><i class="fa fa-comments"></i></div> <div class="contact-info"> <b>Chat Zalo</b> <span>(8h - 24h)</span> </div> </a> <a class="contact-box-wrapper" href="tel:08688 55555" rel="nofollow" target="_blank"> <div class="contact-icon-box"><i class="fa fa-phone"></i></div> <div class="contact-info"> <b>Hotline</b> <span>(8h - 24h)</span> </div> </a> <a class="contact-box-wrapper" href="https://www.facebook.com/hoabinh.computer37/" rel="nofollow" target="_blank"> <div class="contact-icon-box"><i class="fa fa-facebook"></i></div> <div class="contact-info"> <b>Chat Facebook</b> <span>(8h - 24h)</span> </div> </a> </div> <style> .contact-box-bottom { position: fixed; bottom: 54px; right: 10px; z-index: 10000; } .contact-box-wrapper { display: flex; align-items: center; background: #fff; margin-bottom: 10px; padding: 10px 20px; border-radius: 10px; box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%); } .contact-icon-box { text-align: center; width: 40px; height: 40px; font-size: 16px; line-height: 0; border: 1px solid #e5e5e5; border-radius: 999px; align-items: center; display: flex; justify-content: center; } .contact-info, .he_thong_showroom-row .showroom-container:first-child { padding-left: 10px; } .contact-info b, .contact-info span, .item-sub-des:hover .list-sub-hover-des, .item-sub:hover .list-sub-hover, .popup-regis-login .tab-rl-content .tab-rl-content-ct.active, .popup-regis-login.active, .sub-menu a { display: block; color: #333; } .contact-info span { color: #868686; font-size: 12px; } .contact-box-wrapper .contact-icon-box { color: #0573ff; } .contact-box-wrapper:nth-child(2) .contact-icon-box { color: #ed1b24; } .contact-box-wrapper:nth-child(3) .contact-icon-box { color: #e41bcb; } @media (max-width: 575px) { .contact-info, .he_thong_showroom-row .showroom-container:first-child { display: none; } .contact-box-wrapper { padding: 0; background: none; } .contact-icon-box { background: #fff; } } </style> <div class="popup"> <div id="mydk" class="modal">  <div class="modal-content "> <div class="title-modal"> <span>ĐĂNG KÝ</span> <span class="close">×</span> <div class="clear"></div> </div> <div class="form-modal"> <form id="form-register" method="POST" action="/dang-ky.html"> <div class="name-dk"> <label>Tên đăng nhập</label> <input style="margin-bottom: 0px;" type="text" name="Users[name]" class="form-control name-register" placeholder="Nhập tên của bạn" autocomplete="off"/> <div class="errorMessage" id="Users_name_em_"></div> </div> <div class="email-dk"> <label>Địa chỉ email</label> <input style="margin-bottom: 0px;" type="text" name="Users[email]" class="form-control email-register" placeholder="Nhập địa chỉ email" autocomplete="off"/> <div class="errorMessage" id="Users_email_em_"></div> </div> <div class="matkhau-dk"> <label>Nhập mật khẩu</label> <input style="margin-bottom: 0px;" type="password" name="Users[password]" class="form-control pass-register" id="inputPassword" placeholder="Nhập mật khẩu"/> <div class="errorMessage" id="Users_password_em_"></div> </div> <div class="matkhau-dk"> <label>Nhập lại mật khẩu</label> <input style="margin-bottom: 0px;" type="password" name="Users[passwordConfirm]" class="form-control pass-register" id="inputPassword1" placeholder="Nhập lại mật khẩu"/> <div class="errorMessage" id="Users_passwordConfirm_em_"></div> </div> <div class="sm-dk"> <input id="btn-register" style="width:100%;" validate="/login/login/validate" id="btn-register" type="submit" value="Đăng ký"> </div> <div class="link-login"> <p>Bạn có tài khoản? Đăng nhập <a href="javascript:void(0)" onClick="login()">tại đây</a></p> </div> </form> </div> </div> </div> <div id="myLogin" class="modal">  <div class="modal-content "> <div class="title-modal"> <span>ĐĂNG NHẬP</span> <span class="close">×</span> <div class="clear"></div> </div> <div class="form-modal"> <form id="form-login" method="POST" action="/dang-nhap.html"> <div class="name-dn"> <label>Tên đăng nhập</label> <input style="margin-bottom: 0px;" type="text" name="LoginForm[username]" class="form-control email-register" placeholder="Nhập email của bạn"> <div class="errorMessage" id="LoginForm_username_em_"></div> </div> <div class="email-dn"> <label>Mật khẩu</label> <input style="margin-bottom: 0px;" type="password" name="LoginForm[password]" class="form-control pass-register" id="inputPassword2" placeholder="Nhập mật khẩu"> <div class="errorMessage" id="LoginForm_password_em_"></div> </div> <div class="bottom-register clearfix email-dn"> <div class="checkbox link-quen" style="padding: 0"> <label> <a href="/login/login/forgotpassword" title="Quên mật khẩu?" class="forget-pass">Quên mật khẩu?</a> </label> </div> </div> <div class="sm-login"> <input type="submit" id="btn-login" validate="/login/login/validateLogin" value="Đăng nhập"> </div> <div class="link-quen"> <p>Chưa có tài khoản <a href="javascript:void(0)" onClick="dk()">nhấn vào đây!</a></p> </div> </form> </div> </div> </div> </div> <div class="footer_lh"> </div> <style> .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99999999999999999; /* Sit on top */ padding-top: 40px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { position: relative; background-color: #fefefe; margin: auto; border: 1px solid #888; width: 774px; animation-name: animatetop; animation-duration: 0.4s } /* The Close Button */ .close { color: #fff; float: right; font-size: 16px; font-weight: bold; opacity: 1; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } @keyframes animatetop { from { top: -300px; opacity: 0 } to { top: 0; opacity: 1 } } .title-modal { background: #e72425; padding: 15px 20px 15px 20px; font-size: 16px; color: #ffffff; float: left; width: 100%; } .title-modal span:first-child { float: left; } .form-modal form { padding: 20px 15px 0px 15px; } .form-modal form p { margin-bottom: 3px; margin-top: 0px; } .form-modal form input { font-family: 'Roboto', sans-serif; width: 100%; padding: 15px; border: 1px solid #cacaca; border-radius: 3px; font-size: 12px; } .form-modal form select { font-family: 'Roboto', sans-serif; width: 100%; padding: 15px; border: 1px solid #cacaca; border-radius: 3px; font-size: 12px; } .form-modal form .name-ct, .form-modal form .address, .form-modal form .names, .form-modal form .phone, .form-modal form .email, .form-modal form .dv { width: 50%; padding: 10px 15px; float: left; } .form-modal form .note { width: 100%; padding: 10px 15px; float: left; } .form-modal form textarea { width: 100%; padding: 10px 15px; } .sm { padding: 10px 15px 40px 15px; float: left; } .form-modal form input[type="submit"] { border: none; outline: none; background: #e72425; padding: 15px; color: white; border-radius: 3px; } .form-modal form select { padding: 18px; } .form-modal form b { color: red; } .form-modal input[type="text"]::-webkit-input-placeholder, .form-modal input[type="email"]::-webkit-input-placeholder, .form-modal textarea::-webkit-input-placeholder, .form-modal input[type="password"]::-webkit-input-placeholder { color: #cacaca; font-family: 'Roboto', sans-serif; font-size: 12px; } .form-modal select { color: black; font-family: 'Roboto', sans-serif; font-weight: 300; } #mydathang .sm-login { width: 120px; } @media (max-width: 792px) { .modal-content { width: 500px; } } @media (max-width: 575px) { .modal-content { width: 100%; } .form-modal form .name-ct, .form-modal form .address, .form-modal form .names, .form-modal form .phone, .form-modal form .email, .form-modal form .dv { width: 100%; } } #login { cursor: pointer; } #myLogin { display: none; padding-top: 30px; } #myLogin .modal-content { width: 400px; } .name-dn, .email-dn, .sm-login { padding: 0px 15px; margin: 20px 0px; } .link-quen { margin: 0; padding: 0px 15px; margin-bottom: 15px; float: left; width: 100%; } #myLogin .form-modal .sm-dk input[type="submit"] { width: 100%; cursor: pointer; } #myLogin .form-modal form { padding: 15px 15px 40px 15px; font-size: 12px; } #myLogin .form-modal p { font-size: 14px; } #myLogin .link-quen a { color: #0cc134; } #dk { cursor: pointer; } #mydk { display: none; padding-top: 30px; } #mydk .modal-content { width: 400px; } #mydk .name-dk, .email-dk, .matkhau-dk, .matkhau-dk, .sm-dk, .link-login { padding: 0px 15px; margin: 20px 0px; } .link-login { margin: 20px 0px 0px 0px; padding: 0px 15px; } #mydk .form-modal .sm-dk input[type="submit"] { width: 100%; cursor: pointer; } .form-modal form { padding: 15px 15px 30px 15px; font-size: 12px; float: left; width: 100%; background: #fff } #mydk .form-modal p { font-size: 14px; } #mydk .link-login a { color: #0cc134; } @media (max-width: 575px) { .name-dh, .phone-dh, .email-dh, .sp-dh, .qc-sp, .sm-login { width: 100%; } } label { display: inline-block; margin-bottom: .5rem; font-size: 14px; } .sm-dk #btn-register, .sm-login #btn-login { color: #fff; background: #e72425; font-size: 16px; } .form-modal form .errorMessage { color: #f00; } </style> <script type="text/javascript"> $(document).ready(function () { $(".footer_lh h2").click(function () { $(".content_lh").slideToggle(); }); }); </script></div> <script type="text/javascript"> function parseJsonErrors($_errors, specialobject) { var errors = $.parseJSON($_errors); if (specialobject) { specialobject.find('.errorMessage').hide(); $.each(errors, function (key, val) { specialobject.find("#" + key + "_em_").text(val); specialobject.find("#" + key + "_em_").show(); }); } else { jQuery('.errorMessage').hide(); $.each(errors, function (key, val) { jQuery("#" + key + "_em_").text(val); jQuery("#" + key + "_em_").show(); }); } } jQuery(document).ready(function () { jQuery('#btn-register').on('click', function () { var _this = jQuery(this); if (_this.hasClass('disable')) return false; _this.addClass('disable'); var link = _this.attr('validate'); if (link) { jQuery.ajax({ type: 'post', dataType: 'json', url: link, data: jQuery('#form-register').serialize(), success: function (res) { if (res.code == 200) { jQuery('#form-register').submit(); } else { if (res.errors) { parseJsonErrors(res.errors, jQuery('#form-register')); } } _this.removeClass('disable'); }, error: function () { _this.removeClass('disable'); return false; } }); } return false; }); jQuery('#btn-login').on('click', function () { var _this = jQuery(this); if (_this.hasClass('disable')) return false; _this.addClass('disable'); var link = _this.attr('validate'); if (link) { jQuery.ajax({ type: 'post', dataType: 'json', url: link, data: jQuery('#form-login').serialize(), success: function (res) { if (res.code == 200) { location.reload(); } else { if (res.errors) { parseJsonErrors(res.errors, jQuery('#form-login')); } } _this.removeClass('disable'); }, error: function () { _this.removeClass('disable'); return false; } }); } return false; }); }); function modal() { var modal = document.getElementById('myModal'); // Get the button that opens the modal var btn = document.getElementById("myBtn"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks the button, open the modal //btn.onclick = function() { modal.style.display = "block"; //} // When the user clicks on <span> (x), close the modal span.onclick = function () { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function (event) { if (event.target == dk || event.target == login || event.target == modal) { modal.style.display = "none"; } } } function login() { var login = document.getElementById('myLogin'); // Get the button that opens the modal var btn = document.getElementById("login"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("close")[2]; // When the user clicks the button, open the modal login.style.display = "block"; $('#mydk').hide(); // When the user clicks on <span> (x), close the modal $("span.close").click(function () { $('#myLogin').hide(); }); // When the user clicks anywhere outside of the modal, close it window.onclick = function (event) { if (event.target == dk || event.target == login || event.target == modal) { login.style.display = "none"; } } } function dk() { var dk = document.getElementById('mydk'); // Get the button that opens the modal var btn = document.getElementById("dk"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("close")[1]; // When the user clicks the button, open the modal dk.style.display = "block"; $('#myLogin').hide(); // When the user clicks on <span> (x), close the modal $("span.close").click(function () { $('#mydk').hide(); }); // When the user clicks anywhere outside of the modal, close it window.onclick = function (event) { if (event.target == dk || event.target == login || event.target == modal) { dk.style.display = "none"; } } } </script> <script src="/themes/introduce/goi105/home/option_selection.js"></script> <script src="/themes/introduce/goi105/home/customer_area.js"></script> <script src="/themes/introduce/goi105/home/jquery-migrate.min.js" type="text/javascript"></script> <script src="/themes/introduce/goi105/home/jquery.ui.core.min.js" type="text/javascript"></script> <script src="/themes/introduce/goi105/home/bootstrap.js" type="text/javascript"></script> <script src="/themes/introduce/goi105/home/owl.carousel.min.js" type="text/javascript"></script> <script src="/themes/introduce/goi105/home/main.js?v=2.2.23" type="text/javascript"></script> <script type="text/javascript" src="/js/goclick.min.js?v=1.1.4.2"></script> <script type="text/javascript" src="/assets/a10084f5/js/jquery.rateyo.min.js"></script> <script type="text/javascript"> /*<![CDATA[*/ $(document).ready(function () { $('#rating-prd-submit').click(function () { var data = $('.form-popup-inshop').find('input,textarea,textarea').serialize(); var agree = $('#ticket2').is(':checked'); var data = new FormData($('#request-form')[0]); var files = $('#images')[0].files; data.append('file',files); $.ajax({ url: '/economy/commentRating/addrating/object_id/122091', type:'POST', data:data, dataType: 'json', contentType: false, processData: false, success: function (data) { if (data.code == 200) { alert(data.msg); $('#request-form').get(0).reset(); $('#review-product-popup').magnificPopup('close'); } else { alert(data.msg); } } }); }); $("#rateYo1").on("rateyo.init", function () { console.log("rateyo.init"); }); $("#rateYo1").rateYo({ rating: 0, readOnly: false, numStars: 5, precision: 0, starWidth: "20px", spacing: "5px", fullStar: true, multiColor: { startColor: "#f5c50c", endColor: "#f5c50c" }, onInit: function () { }, onSet: function (rating, rateYoInstance) { $('#CommentRating_rating').val(rating); } }).on("rateyo.set", function () { }).on("rateyo.change", function () { }); }); var newsl_formSubmit = true; jQuery('.newsletter-form').on('submit', function() { var thi = jQuery(this); thi.find('.newsletters-message').hide(); if (!newsl_formSubmit) return false; newsl_formSubmit = false; jQuery.ajax({ 'type': 'POST', 'dataType': 'JSON', 'url': thi.attr('action'), 'data': thi.serialize(), 'beforeSend': function() { w3ShowLoading(thi.find('#newslettersubmit'), 'left', -40, 0); }, 'success': function(res) { if (res.code != '200') { if (res.errors) { parseJsonErrors(res.errors,thi); } } else { thi[0].reset(); if(res.message) thi.find('.newsletters-message').html(res.message).show(); } w3HideLoading(); newsl_formSubmit = true; }, 'error': function() { w3HideLoading(); newsl_formSubmit = true; } }); return false; }); jQuery(function($) { jQuery(document).ready(function(){ setTimeout(function(){$("body").append("<img style=\"display: none; with: 0px; height: 0px;\" rel=\"nofollow\" src=\"/economy/product/viewed/id/122091/time/1747677514/key/2371a8b2041a372dc9241d00e6d5f3e7\" />");},300);}) jQuery('#request-form').yiiactiveform({'validateOnSubmit':true,'attributes':[{'id':'CommentRating_comment','inputID':'CommentRating_comment','errorID':'CommentRating_comment_em_','model':'CommentRating','name':'comment','enableAjaxValidation':false,'clientValidation':function(value, messages, attribute) { if(jQuery.trim(value)!='') { if(value.length>2500) { messages.push("\u0110\u00e1nh gi\u00e1 qu\u00e1 d\u00e0i (t\u1ed1i \u0111a l\u00e0 2500 k\u00ed t\u1ef1)."); } } }},{'id':'CommentRating_name','inputID':'CommentRating_name','errorID':'CommentRating_name_em_','model':'CommentRating','name':'name','enableAjaxValidation':false,'clientValidation':function(value, messages, attribute) { if(jQuery.trim(value)=='') { messages.push("H\u1ecd T\u00ean kh\u00f4ng \u0111\u01b0\u1ee3c ph\u00e9p r\u1ed7ng."); } if(jQuery.trim(value)!='') { if(value.length>100) { messages.push("H\u1ecd T\u00ean qu\u00e1 d\u00e0i (t\u1ed1i \u0111a l\u00e0 100 k\u00ed t\u1ef1)."); } } }},{'id':'CommentRating_email','inputID':'CommentRating_email','errorID':'CommentRating_email_em_','model':'CommentRating','name':'email','enableAjaxValidation':false,'clientValidation':function(value, messages, attribute) { if(jQuery.trim(value)=='') { messages.push("Email kh\u00f4ng \u0111\u01b0\u1ee3c ph\u00e9p r\u1ed7ng."); } if(jQuery.trim(value)!='') { if(value.length>50) { messages.push("Email qu\u00e1 d\u00e0i (t\u1ed1i \u0111a l\u00e0 50 k\u00ed t\u1ef1)."); } } }}],'errorCss':'error'}); jQuery('#newsletter-form').yiiactiveform({'attributes':[{'id':'Newsletters_email','inputID':'Newsletters_email','errorID':'Newsletters_email_em_','model':'Newsletters','name':'email','enableAjaxValidation':false,'clientValidation':function(value, messages, attribute) { if(jQuery.trim(value)=='') { messages.push("Email kh\u00f4ng \u0111\u01b0\u1ee3c ph\u00e9p r\u1ed7ng."); } if(jQuery.trim(value)!='') { if(value.length>100) { messages.push("Email qu\u00e1 d\u00e0i (t\u1ed1i \u0111a l\u00e0 100 k\u00ed t\u1ef1)."); } } if(jQuery.trim(value)!='' && !value.match(/^[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?$/)) { messages.push("Email kh\u00f4ng l\u00e0 m\u1ed9t email h\u1ee3p l\u1ec7"); } }}],'errorCss':'error'}); }); /*]]>*/ </script> </body> </html>