1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2<html lang="vi" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"> 3<head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link href="https://karofi.com/favicon.ico" type="image/x-icon" rel="shortcut icon"/> 8 <title>Karofi - Intelligent water purifier expert | Karofi.com</title> 9 10<meta name="description" content="Karofi is the most trusted water purifier brand by customers, leading the water purifier market share and exporting to more than 50 countries around the world."/> 11 12 13<link rel="canonical" href="https://karofi.com/en" /> 14 15<link rel="alternate" hreflang="vi" href="https://karofi.com" /> 16<link rel="alternate" hreflang="id" href="https://karofi.com/id" /> 17<link rel="alternate" hreflang="fil" href="https://karofi.com/ph" /> 18<link rel="alternate" hreflang="fr" href="https://karofi.com/fr" /> 19<link rel="alternate" hreflang="es" href="https://karofi.com/es" /> 20<link rel="alternate" hreflang="jp" href="https://karofi.com/jp" /> 21<link rel="alternate" hreflang="th" href="https://karofi.com/th" /> 22 23 24<meta property="og:site_name" content="Karofi" /> 25<meta property="og:type" content="website" /> 26<meta property="og:title" content="Karofi - Intelligent water purifier expert | Karofi.com" /> 27<meta property="og:description" content="Karofi is the most trusted water purifier brand by customers, leading the water purifier market share and exporting to more than 50 countries around the world." /> 28 29<meta property="og:url" content="https://karofi.com/en" /> 30 31<meta property="og:image" content="https://karofi.karofi.com/karofi-com/2022/08/karofi.png" /> 32 <meta name="csrf-token" content="Nea2dmunhXGrNYhQl2SikqwKr7b5YxJNOlJh1jgQ"> 33
33<script type="application/ld+json"> 34{ 35 "@context": "https://schema.org", 36 "@type": "WebSite", 37 "url": "https://karofi.com/", 38 "potentialAction": { 39 "@type": "SearchAction", 40 "target": "https://karofi.com/tim-kiem?keyword={search_term_string}", 41 "query-input": "required name=search_term_string" 42 } 43} 44</script>
vendor: 1 bytes, line 44
44
45<script type="application/ld+json"> 46{ 47 "@context": "https://schema.org", 48 "@type": "Organization", 49 "url": "https://karofi.com", 50 "contactPoint": [ 51 { 52 "@type": "ContactPoint", 53 "telephone": "+84-19006418", 54 "contactType": "customer service", 55 "contactOption": "HearingImpairedSupported", 56 "areaServed": "VN" 57 }, 58 { 59 "@type": "ContactPoint", 60 "telephone": "+84-2473086563", 61 "contactType": "sales" 62 }, 63 { 64 "@type": "ContactPoint", 65 "telephone": "+84-18006563", 66 "contactType": "technical support", 67 "contactOption": [ 68 "HearingImpairedSupported" 69 ], 70 "areaServed": "VN" 71 } 72 ] 73} 74</script>
vendor: 1 bytes, line 74
74
75<script type="application/ld+json"> 76{ 77 "@context": "https://schema.org", 78 "@type": "ProfessionalService", 79 "image": [ 80 "https://karofi.karofi.com/karofi-com/images/content/content_s1445.jpg", 81 "https://karofi.karofi.com/karofi-com/2019/08/11.jpg", 82 "https://karofi.karofi.com/karofi-com/images/content/content_s17.jpg" 83 ], 84 "@id": "https://karofi.com", 85 "name": "Công ty cá» phần Karofi Viá»t Nam", 86 "logo": "https://karofi.karofi.com/karofi-com/2019/08/logo-karofi-com.png", 87 "priceRange": "$", 88 "address": { 89 "@type": "PostalAddress", 90 "streetAddress": "Tầng 7, tòa nhà HUDLAND TOWER - Lô ACC Há» Linh Äà m, Phưá»ng Hoà ng Liá»t, Quáºn Hoà ng Mai, Hà Ná»i", 91 "addressLocality": "Ha Noi", 92 "addressRegion": "Vietnam", 93 "postalCode": "10000", 94 "addressCountry": "VN" 95 }, 96 "geo": { 97 "@type": "GeoCoordinates", 98 "latitude": 20.970632, 99 "longitude": 105.839831 100 }, 101 "url": "https://karofi.com", 102 "sameAs": [ 103 "https://www.facebook.com/congtykarofi", 104 "https://www.youtube.com/channel/UCT9xMgvFTPo86u1Uk-0KF9w" 105 ], 106 "telephone": "+84-19006418", 107 "openingHoursSpecification": [ 108 { 109 "@type": "OpeningHoursSpecification", 110 "dayOfWeek": [ 111 "Monday", 112 "Tuesday", 113 "Wednesday", 114 "Thursday", 115 "Friday", 116 "Saturday" 117 ], 118 "opens": "08:00", 119 "closes": "17:00" 120 } 121 ] 122} 123</script>
123 <style type="text/css"> 124 .swith-languages{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;margin-left:5px;position:relative}.swith-languages a{padding:0;width:30px}.swith-languages img{height:auto;width:30px}.swith-languages__item{align-items:center;color:inherit;display:flex;font-size:.875rem;gap:5px;padding:.5rem 1rem;text-decoration:none;white-space:nowrap}.swith-languages-content{background-color:#fff;border-radius:.375rem;box-shadow:0 0 6px rgba(0,0,0,.1);display:none;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.swith-languages-content a{display:flex!important;margin:0!important;padding:.5rem 1rem;width:100%}.swith-languages-content .swith-languages__item:hover{background-color:#f3f4f6}.swith-languages:hover .swith-languages-content{display:block}.site-header .container .main-menu{flex:1}.site-header .container .site-header__action{display:flex}*{box-sizing:border-box;margin:0;outline:none;padding:0}body{font-family:Arial;font-size:14px}ul{list-style:none}a{color:#000;text-decoration:none}table{border-collapse:inherit;border-spacing:0;width:100%}button{cursor:pointer}.container{margin:0 auto;width:1170px}.clearfix{clear:both;display:block}.clear-box{clear:both;float:left;width:100%}.font-bold,strong{font-weight:700!important}#loading_box{background:rgba(0,0,0,.6);bottom:0;height:100%;left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;width:100%;z-index:100000}#loading_image{background:url(/assets/image/loading_image.gif) no-repeat 50%;background-size:70px 70px;height:100%;width:100%}.font-bold{font-weight:700}.flex{display:flex}.align-center{align-items:center}.justify-center{justify-content:center}.background-red{background-color:red!important;color:#fff}body.page-home .site-header{border-bottom:0}.item-image__hot{display:flex;flex-wrap:wrap;justify-content:flex-end;pointer-events:none;position:absolute;right:15px!important;text-align:right;top:15px!important;z-index:8}.item-image__hot span b{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.item-image__hot .salest{flex:0 0 100%;margin-bottom:5px}.item-image__hot .salest span{align-items:center;background-color:#00adee;border-bottom-right-radius:3px;border-top-right-radius:3px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;justify-content:center;line-height:14px;min-height:22px;padding:5px 8px 7px;position:relative}.item-image__hot .salest span:before{border-bottom:13px solid transparent;border-right:10px solid #00adee;border-top:13px solid transparent;content:"";height:0;left:-10px;position:absolute;top:0;width:0}.item-image__hot .salest.new span{background-color:#ffde18;color:#000;padding:0 8px;text-transform:uppercase;width:80px}.item-image__hot .salest.new span:before{border-bottom:11px solid transparent;border-right:10px solid #ffde18;border-top:11px solid transparent}.item-image__hot .salest.electrode{max-width:80px}.item-image__hot .salest.electrode span{min-height:50px;padding:4px 2px 4px 0;text-align:center}.item-image__hot .salest.electrode span:before{border-bottom:25px solid transparent;border-right:15px solid #00adee;border-top:25px solid transparent;left:-15px}.title{color:#666!important;font-size:24px;line-height:140%;margin:20px 0 40px;text-align:center;text-transform:uppercase}.title-top{clear:both;float:left;font-weight:700;margin-bottom:30px;text-align:center;width:100%}.title-top__text{color:#05a7e1;font-size:36px;margin-bottom:20px}.title-top__text span{color:#294c59}.title-top__border{background:#05a7e1;display:inline-block;height:5px;width:60px}.title-top__link{color:#666;font-size:15px;line-height:36px}.title-top__link i{font-size:18px;margin-right:5px}.site-header{background-color:#fff;border-bottom:1px solid #b3b3b3;position:sticky;top:0;width:100%;z-index:9}.site-header .container{align-items:center;position:relative}.site-header__logo{flex:0 0 120px;margin-right:10px;max-width:120px}.site-header__logo a{display:block;line-height:0;width:100%}.site-header__logo a img{-o-object-fit:contain;object-fit:contain;width:100%}.site-header .main-menu{flex:1;text-align:right}.site-header .main-menu ul{letter-spacing:-.3em}.site-header .main-menu ul li{display:inline-block;letter-spacing:normal;padding:20px 2px}.site-header .main-menu ul li:first-child{padding-left:0}.site-header .main-menu ul li:last-child{padding-right:0}.site-header .main-menu ul li a{background-color:transparent;border-radius:16px;display:inline-block;font-size:12px;font-weight:700;padding:6px 4px;transition:all .5s}.site-header .main-menu ul li.active>a,.site-header .main-menu ul li:hover>a{background-color:#00adee;color:#fff}
124.site-header__action{display:flex;letter-spacing:-.3em;margin-left:20px}.site-header__action a{display:inline-block;letter-spacing:normal}.site-header__action a img{max-width:100%;width:100%}.site-header__action a.header-cart{margin-left:5px;position:relative;width:30px}.site-header__action a.header-cart .cart-count{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:50%;display:inline-flex;font-size:11px;height:18px;justify-content:center;position:absolute;right:-8px;top:-6px;width:18px}.site-header__action a.header-user{margin-left:5px}.site-header__action a.header-search,.site-header__action a.header-user{width:30px}.site-header__action a.header-search img{padding:3px}.site-header .child-menu{background-color:#fff;left:0;opacity:0;position:absolute;top:100%;transition:all .5s;visibility:hidden;width:100%;z-index:9}.site-header .child-menu.show{opacity:1;visibility:visible}.site-header .child-menu.show .menu-content{height:47vh}.site-header .child-menu.show .menu-content__background{top:calc(47vh + 70px)}.site-header .child-menu .menu-content{height:0;overflow:auto;transition:all .5s}.site-header .child-menu .menu-content__background{background-color:rgba(0,0,0,.5);bottom:0;content:"";left:0;position:fixed;right:0;top:81px;transition:all .5s;z-index:-1}.site-header .child-menu .menu-content ul{position:relative}.site-header .child-menu .menu-content ul li{font-size:18px}.site-header .child-menu .menu-content ul li a{display:inline-block;margin-right:35px;padding:10px 0;position:relative}.site-header .child-menu .menu-content ul li a:before{background-color:#000;bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s;width:0}.site-header .child-menu .menu-content ul li a:hover:before{width:100%}.site-header .child-menu .menu-content>ul{display:none}.site-header .child-menu .menu-content>ul.show{display:block}.site-header .child-menu .menu-content>ul>li{max-width:350px}.site-header .child-menu .menu-content>ul>li .arrow-right{opacity:0;padding-right:35px;position:relative;transition:all .3s;visibility:hidden}.site-header .child-menu .menu-content>ul>li .arrow-right svg{position:absolute;right:30px;top:10px}.site-header .child-menu .menu-content>ul>li.has-child:hover .arrow-right{opacity:1;visibility:visible}.site-header .child-menu .menu-content>ul>li.show .menu-content__child,.site-header .child-menu .menu-content>ul>li.show .menu-content__image{opacity:1;visibility:visible;z-index:1}.site-header .child-menu .menu-content>ul>li a{display:inline-block;position:relative;z-index:9}.site-header .child-menu .menu-content>ul>li:first-child{display:inline-block;font-size:32px;margin-bottom:20px;min-height:60px;text-decoration:underline}.site-header .child-menu .menu-content>ul>li:first-child a:before{bottom:-5px;height:2px;width:100%}.site-header .child-menu .menu-content__child{display:flex;opacity:0;padding-right:15px;position:absolute;right:300px;top:80px;transition:all .5s;visibility:hidden;width:calc(100% - 650px);z-index:-1}.site-header .child-menu .menu-content__image{max-width:400px;opacity:0;position:absolute;right:0;top:80px;transition:all .5s;visibility:hidden;width:100%;z-index:-1}.site-header .child-menu .menu-content__image img{width:100%}.site-header .child-menu .menu-content .menu-feature{display:flex!important;max-width:100%;text-decoration:unset!important;width:100%}.site-header .child-menu .menu-content .menu-feature ul li a:before{display:none}.site-header .child-menu .menu-content .menu-feature__left{flex:0 0 250px}.site-header .child-menu .menu-content .menu-feature__right{border-left:1px solid #ccc;flex:0 0 calc(100% - 280px);padding-left:35px}.site-header .child-menu .menu-content .menu-feature__right>span{display:block;font-size:18px;margin-bottom:15px;text-decoration:unset}.site-header .child-menu .menu-content .menu-feature__right ul{display:flex;flex-wrap:wrap}.site-header .child-menu .menu-content .menu-feature__right ul li{flex:0 0 calc(16.66667% - 8.33333px);margin-bottom:10px;margin-right:10px;max-width:calc(16.66667% - 8.33333px)}.site-header .child-menu .menu-content .menu-feature__right ul li img{height:80px;margin-bottom:10px;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}.site-header .child-menu .menu-content .menu-feature__right ul li:nth-child(6n){margin-right:0}.site-header .child-menu .menu-content .menu-feature__right ul li a{background-color:#f8f8f8;border-radius:20px;padding:28px 12px 12px;text-align:center;width:128px}.site-header .child-menu .menu-content .menu-feature__right ul li a span{dis
124play:block}.site-footer{clear:both;position:relative;width:100%}.site-footer__top{overflow-x:hidden}.site-footer__top .container{display:flex;flex-wrap:wrap}.site-footer__top .item{border:1px solid #e7e7e7;border-right:0;flex:0 0 25%;padding:32px 22px 20px 30px}.site-footer__top .item:last-child,.site-footer__top .item:nth-child(3n){border-right:0;flex:0 0 50%;max-width:50%}.site-footer__top .item:first-child,.site-footer__top .item:nth-child(3n+1){border-left:0;padding-left:0}.site-footer__top .item.footer-image img{margin-left:-50px}.site-footer__top .item-title{font-family:Arial;font-size:18px;font-weight:700;margin-bottom:20px;text-transform:uppercase}.site-footer__top .item ul li a{display:block;font-size:16px;line-height:30px;margin:4px 0}.site-footer__middle{padding-bottom:30px;padding-top:90px}.site-footer__middle p{font-size:12px;line-height:20px}.site-footer__middle .container{display:flex;justify-content:space-between}.site-footer__middle .left,.site-footer__middle .middle,.site-footer__middle .right{flex:0 0 33%}.site-footer__middle .left{max-width:385px}.site-footer__middle .left p{margin:2px 0}.site-footer__middle .middle{padding:0 30px}.site-footer__middle .middle a{display:block;margin:0 auto;max-width:125px}.site-footer__middle .middle a img{max-width:100%}.site-footer__middle .right{padding-left:90px}.site-footer__middle .right-contact,.site-footer__middle .right-download{display:flex;justify-content:flex-end}.site-footer__middle .right-contact p,.site-footer__middle .right-download p{flex:0 0 calc(100% - 105px);padding-left:15px}.site-footer__middle .right-contact ul,.site-footer__middle .right-download ul{flex:0 0 105px}.site-footer__middle .right-contact{align-items:center;margin-bottom:25px}.site-footer__middle .right-contact p{padding-right:55px}.site-footer__middle .right-contact ul{letter-spacing:-.3em}.site-footer__middle .right-contact ul li{display:inline-block;letter-spacing:normal;margin:0 6px;vertical-align:middle}.site-footer__middle .right-contact ul li a{display:block;line-height:0}.site-footer__middle .right-contact ul li a img{max-width:100%;width:100%}.site-footer__middle .right-contact ul li:first-child{margin-left:0}.site-footer__middle .right-contact ul li:last-child{margin-right:0}.site-footer__middle .right-contact ul li.fb{max-width:25px}.site-footer__middle .right-contact ul li.yt{max-width:30px}.site-footer__middle .right-contact ul li.email{max-width:26px}.site-footer__middle .right-download p span{display:flex;margin-top:25px}.site-footer__middle .right-download p span a{margin-right:5px}.site-footer__middle .right-download p span img{width:auto}.site-footer__middle .right-download ul li{margin-bottom:5px}.site-footer__middle .right-download ul li:last-child{margin-bottom:0}.site-footer__middle .right-download ul li a{display:block;line-height:0;width:100%}.site-footer__middle .right-download ul li a img{max-width:100%;width:100%}.site-footer__copyright{background-color:#00adee;padding:20px 0}.site-footer__copyright p{color:#fff;font-family:Arial;font-size:12px;line-height:16px;text-align:center}.header{background:linear-gradient(90deg,#0899d0,#4fcbf9)!important;clear:both;float:left;width:100%}.header-top{height:75px;padding:10px 0}.header-top__logo{float:left;height:55px;padding:5px 0}.header-top__logo img{height:100%}.header-top__right{float:right}.header-top__language{float:left;margin-right:10px}.header-top__language ul li{float:left;padding:12px 0}.header-top__language ul li a{border-right:1px solid #fff;color:#fff;line-height:30px;padding:0 10px;text-transform:uppercase}.header-top__language ul li:last-child a{border-right:none}.header-top__language ul li .active{font-weight:700}.header-top__search{float:left;margin-right:10px;padding:12px 0;position:relative}.header-top__search input{border:none;border-radius:5px 0 0 5px;float:left;height:30px;padding:5px 10px 5px 15px;width:220px}.header-top__search button{background-color:#0b597a;background-image:url(/assets/image/icon/back-icon.png);background-position:-21px -33px;background-repeat:no-repeat;border:none;border-radius:0 5px 5px 0;box-shadow:none;height:30px;padding:0!important;width:40px}.header-top__advistory{float:left;padding:12px 0}.header-top__advistory a{background-image:url(/assets/image/icon/icon-headphone.png);background-position:8px;background-repeat:no-repeat;border:2px solid #fff;border-radius:5px;color:#fff;font-weight:700;line-height:30px;padding:5px 10px 5px 30px}.header-top__advistory a:hover{background:#fff;background-image:url(/assets/image/icon/icon-headphone-hover.png);background-position:8px;background-repeat:no-repeat;color:#0899d0}.header-top__advistory img,.menu{float:left}.menu{background:linear-gradient(90deg,#0899d0,#4fcbf9)!important;clear:both;width:100%}.menu-fixed{position:fixed;top:0;z-index:10000}.menu-fixed .menu-burger,.menu-fixed .menu-container{border-top:none}.menu-container{border-top:1px solid #fff;cursor:default;float:left;height:43px;overflow:hidden;padding-right:5px;text-align:justify;width:calc(100% - 43px)}.menu-container:after{content:"";display:inline-block;width:100%}.menu-container li{display:inline-block;text-align:center}.menu-container li a{border-bottom:3px solid transparent;color:#fff;display:block;font-size:12px;font-weight:700;line-height:20px;padding:12px 5px 7px;text-transform:uppercase}.menu-container li a i{font-size:15px;margin-left:5px}.menu-container li a:hover{border-bottom:3px solid #fff}.menu-container li:first-child a{padding:8px 5px}.menu-container li:first-child a i{font-size:22px;margin-left:0}.menu-burger{border-top:1px solid #fff;display:block;float:right;line-height:43px;padding-top:4px;text-align:center}.menu-burger,.menu-burger i,.menu-burger img{height:43px;width:43px}.menu-burger i{color:#fff;font-size:20px;line-height:43px;text-align:center}.menu-burger:hover{border-bottom:2px solid #fff}.footer{position:relative}.footer,.footer-top{clear:both;float:left;width:100%}.footer-top__list{display:flex;flex-wrap:wrap;margin:0 -10px;padding:30px 0;width:calc(100% + 20px)}.footer-top__list-item{float:left;margin-bottom:30px;padding:0 10px;width:20%}.footer-top__list-item__title{color:#0b597a;font-weight:700;margin:20px 0}.footer-top__list-item__content{margin-bottom:10px}.footer-top__list-item__content ul li{clear:both;padding:5px 0}.footer-top__list-item__content ul li a{color:grey;font-weight:400;line-height:20px}.footer-top__list-item .list-image li{clear:none;float:left;width:30%}.footer-top__list-item .list-image li a{display:block;line-height:30px}.footer-top__list-item .list-image li a img{height:25px;width:auto}.footer-top__list-item .list-image-2 li{clear:both;float:left;width:100%}.footer-top__list-item .list-image-2 li a{display:block}.footer-top__list-item .list-image-2 li a img{height:40px;width:auto}.footer-bottom{background:#0b597a;clear:both;color:#fff;float:left;padding:20px 0;width:100%}.footer-bottom__copyright{float:left}.footer-bottom__designer{float:right}.footer-bottom__designer a{color:#fff}.popup-search{background-color:rgba(0,0,0,.9);bottom:0;left:0;margin:0;opacity:0;position:fixed;right:0;top:0;transition:all .5s;visibility:hidden}.popup-search.show{z-index:99999}.popup-search.show,.popup-search.show .suggest-list{opacity:1;visibility:visible}.popup-search__content{left:50%;position:absolute;top:30%;transform:translateX(-50%)}.popup-search__content h2{color:#fff;font-size:38px;margin-bottom:30px}.popup-search__content form{max-width:600px;position:relative}.popup-search__content form.show a{opacity:1;visibility:visible}.popup-search__content form input{border:0;border-top-left-radius:20px;border-top-right-radius:20px;font-family:Arial;font-size:18px;padding:14px 40px 14px 60px;width:100%}.popup-search__content form button{background-color:transparent;border:0;
124left:25px;position:absolute;top:50%;transform:translatey(-50%)}.popup-search__content form button img{max-width:24px;width:100%}.popup-search__content form a{color:#8f8f8f;opacity:0;position:absolute;right:20px;top:48%;transform:translatey(-50%);transition:all .5s;visibility:hidden}.popup-search__close{cursor:pointer;position:absolute;right:30px;top:30px}.popup-search__close img{max-width:100%}.popup-search .suggest-default,.popup-search .suggest-list{background-color:#fff;border-radius:0;border-bottom-left-radius:20px;border-bottom-right-radius:20px;max-width:600px;padding:15px 25px;top:100%;transition:all .5s}.popup-search .suggest-list.show{opacity:1;visibility:visible}.popup-search .suggest-list__item{border-bottom:1px solid #ccc;padding:10px 0}.popup-search .suggest-list__item:first-child{padding-top:0}.popup-search .suggest-list__item:last-child{border-bottom:0;padding-bottom:0}.popup-search .suggest-list__item a{align-items:center;display:flex}.popup-search .suggest-list__item a img{height:60px;margin-right:15px;width:60px}.popup-search .suggest-list__item a h3{flex:0 0 calc(100% - 75px);max-width:calc(100% - 75px)}.popup-search .suggest-default{position:relative}.popup-search .suggest-default>p{color:#000;font-size:16px;font-weight:700}.popup-search .suggest-default ul{border-bottom:1px solid #ddd;margin-bottom:15px;padding:5px 0}.popup-search .suggest-default ul:last-child{border-bottom:0;margin-bottom:0}.popup-search .suggest-default ul li a{color:#000;display:block;font-size:12px;padding:10px 0}.icon-scroll{bottom:180px;opacity:0;pointer-events:none;position:fixed;right:55px;visibility:hidden;z-index:99999}.icon-scroll.show{opacity:1;pointer-events:unset;visibility:visible}.icon-scroll ul li{margin:10px 0;position:relative}.icon-scroll ul li.show ul{opacity:1;visibility:visible}.icon-scroll ul li a{display:block;line-height:0;text-align:center}.icon-scroll ul li a#gototop{background:unset;box-shadow:unset;height:unset;line-height:unset;padding:0;position:unset;width:unset}.icon-scroll ul li ul{bottom:0;left:-75px;opacity:0;position:absolute;transition:all .5s;visibility:hidden}.form{background:#5bc9f2;border-radius:5px;padding:40px 30px}.form,.form-box,.form-notificate{clear:both;float:left;width:100%}.form-notificate{background:#37758c;color:#fff;line-height:25px;margin-bottom:20px;padding:10px;position:relative}.form-notificate__close{display:block;position:absolute;right:-12px;top:-12px}.form-notificate__close i{background:red;border-radius:25px;cursor:pointer;height:25px;line-height:25px;text-align:center;width:25px}.form-component{display:grid;float:none;margin:20px auto;width:400px!important}.form-title{clear:both;float:left;margin-bottom:20px;width:100%}.form-title__title{color:#fff;font-size:18px;font-weight:700;line-height:20px;margin-bottom:20px;text-transform:uppercase}.form-title__subtitle{color:#fff;font-size:13.5px;font-style:italic}.form-content,.form-group{clear:both;float:left;width:100%}.form-group{margin-bottom:10px}.form-control{background:#fff;border:none;border-radius:5px;font-family:Arial!important;font-size:15px;height:40px;padding:7px 15px;width:100%}.form textarea.form-control{height:120px}.form-image{cursor:pointer;margin-bottom:15px;position:relative;width:100%}.form-image input[type=file]{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.form-image label{background:#fff;border-radius:5px;color:#8b8888!important;cursor:pointer;display:block;line-height:40px!important;padding:0 10px;position:relative;width:100%}.form-image label:before{background:#0b597a;border-radius:0 5px 5px 0;color:#fff;content:"\f0ee";cursor:pointer;display:inline-block;font:normal normal normal 20px/1 FontAwesome;font-size:16px;font-weight:700;height:40px;line-height:45px;padding:0 15px;pointer-events:none;position:absolute;right:0;text-transform:uppercase;top:0}.form label{color:#fff;float:left;line-height:50px}.form .rating-star{float:right}.form .rating-star i{color:#fff;cursor:pointer;float:left;font-size:20px;line-height:50px;margin-left:2px}.form-submit{margin-top:10px}.form-submit,.form-submit__btn{clear:both;float:left;width:100%}.form-submit__btn{background:#0b597a;border:none;color:#fff;padding:15px}.form-submit__btn:hover{box-shadow:0 15px 10px -10px rgba(31,31,31,.5);transition:.2s}.form-submit__button{background:#0b597a;border:none;clear:both;color:#fff;float:left;padding:15px;width:100%}.form-submit__button:hover{box-shadow:0 15px 10px -10px rgba(31,31,31,.5);transition:.2s}.popup-advisory{display:none;padding:25px;width:380px}.popup-advisory__title{color:#00adee;font-size:24px;font-weight:700;line-height:22.5px;margin-bottom:10px;text-transform:uppercase}.popup-advisory__subtitle{font-size:16px;font-style:italic}.popup-advisory__header{align-items:center;margin-bottom:15px}.popup-advisory__header .left{flex:0 0 80px;margin-right:20px}.popup-advisory__header .left img{border-radius:50%;height:100%;height:80px;max-width:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}.popup-advisory__header .right{flex:0 0 calc(100% - 100px)}.popup-advisory .form-control{border:1px solid #e4e4e4}.popup-advisory .form-submit{margin-top:10px;text-align:center;width:100%}.popup-advisory .form-submit__advisory,.popup-advisory .form-submit__advisory-prd,.popup-advisory .form-submit__agency,.popup-advisory .form-submit__rating,.popup-advisory .form-submit__survey{background:#22b2e6;border:none;border-radius:5px;color:#fff;padding:10px 50px;text-transform:uppercase}.popup-advisory .form-submit p{margin-top:10px}.popup-advisory .form-submit a{color:#2bafe1}.popup-advisory ul li{font-size:15px;margin:2px 0}.popup-document{display:none;width:350px}.popup-document__title{font-weight:700;font-weight:18px;line-height:22.5px;margin-bottom:5px;text-align:center;text-transform:uppercase}.popup-document__subtitle{font-size:13px;font-style:italic;margin-bottom:30px;text-align:center}.popup-document .form-control{border:1px solid #e4e4e4}.popup-document .form-submit{margin-top:10px;text-align:center;width:100%}.popup-document .form-submit__document{background:#22b2e6;border:none;border-radius:5px;color:#fff;padding:10px 50px;text-transform:uppercase}.popup-document .form-submit p{margin-top:10px}.popup-document .form-submit a{color:#2bafe1}.popup-hotline{display:none;width:350px}.popup-hotline__title{border-bottom:1px solid #ccc;font-size:17px!important;font-weight:700;padding-bottom:10px;text-align:center!important;text-transform:uppercase}.popup-hotline p{font-size:15px;line-height:22px;margin-bottom:10px;text-align:justify}.popup-hotline__phone{padding-left:15px;position:relative}.popup-hotline__phone:before{background:#dc0021;border-radius:100%;content:"";display:inline-block;height:6px;left:0;position:absolute;top:7px;width:6px}.compare{background:#fff;bottom:0;box-shadow:20px -3px 16px 5px rgba(0,0,0,.4);-webkit-box-shadow:20px -3px 16px 5px rgba(0,0,0,.4);-khtml-box-shadow:20px -3px 16px 5px rgba(0,0,0,.4);-moz-box-shadow:20px -3px 16px 5px rgba(0,0,0,.4);
124-ms-box-shadow:20px -3px 16px 5px rgba(0,0,0,.4);-o-box-shadow:20px -3px 16px 5px rgba(0,0,0,.4);display:none;float:left;position:fixed;width:100%;z-index:10000}.compare-title{border-bottom:1px solid #e5e5e5;height:40px;position:relative}.compare-title__left{float:left;font-size:13px;font-weight:700;line-height:40px}.compare-title__right{color:#999;float:right;font-size:13px;line-height:40px}.compare-title #compare-close{background:#1184b5;border:none;border-radius:5px;color:#fff;height:30px;position:absolute;right:5px;top:5px;width:30px}.compare-title #compare-close:hover{background:#0b597a}.compare-list{display:table;width:100%}.compare-list__item{border-right:1px solid #e5e5e5;display:table-cell;padding:10px;position:relative;text-align:center;width:25%}.compare-list__item:first-child{border-left:1px solid #e5e5e5}.compare-list__item-thumnail{height:150px}.compare-list__item-thumnail img{display:block;height:100%;margin:0 auto;max-height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover}.compare-list__item-title{font-size:17px;font-weight:700;line-height:25px;margin-bottom:5px;text-transform:uppercase}.compare-list__item-price{color:#666;margin-bottom:5px}.compare-list__item-price span{color:#23b1e5}.compare-list__item-remove{cursor:pointer;height:25px;line-height:25px;position:absolute;right:5px;text-align:center;top:5px;width:25px}.compare-list__item-remove i{font-weight:16px}.compare-list .compare-action{padding:20px;vertical-align:middle}.compare-list .compare-action a{background:#0b597a;border-radius:5px;color:#fff;padding:10px}.compare-list .compare-action a:hover{background:#4ac4ed}.suggest-default,.suggest-search{background:#fff;border-radius:5px;box-shadow:0 15px 10px 0 rgba(0,0,0,.4);-webkit-box-shadow:0 15px 10px 0 rgba(0,0,0,.4);-khtml-box-shadow:0 15px 10px 0 rgba(0,0,0,.4);-moz-box-shadow:0 15px 10px 0 rgba(0,0,0,.4);-ms-box-shadow:0 15px 10px 0 rgba(0,0,0,.4);-o-box-shadow:0 15px 10px 0 rgba(0,0,0,.4);left:0;padding:10px;position:absolute;right:0;top:43px;z-index:100002}.suggest-default__item,.suggest-search__item{clear:both;float:left;margin-bottom:10px;width:100%}.suggest-default__item:last-child,.suggest-search__item:last-child{margin-bottom:0}.suggest-default__item a,.suggest-search__item a{display:block;float:left;margin-bottom:10px}.suggest-default__item-image,.suggest-search__item-image{align-items:center;display:flex;float:left;height:60px;width:60px}.suggest-default__item-image img,.suggest-search__item-image img{display:block;margin:0 auto;max-height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover}.suggest-default__item-info,.suggest-search__item-info{align-items:center;display:flex;float:right;height:60px;padding-left:10px;width:calc(100% - 60px)}.suggest-default__item-title,.suggest-search__item-title{font-size:13px;font-weight:700;line-height:17px} 125 </style> 126
126<script defer type="text/javascript" src="https://karofi.com/assets/libs/js/jquery.min.js"></script>
126 127 128 <link rel="preload" as="image" href="https://karofi.karofi.com/karofi-com/2023/08/smax-pro123-en.jpg.webp"> 129 <style type="text/css"> 130 .slide-home{margin-bottom:0 !important;overflow:hidden}.slide-home img{width:100%;height:auto;max-height:unset !important}.slide-home .slick-dots{display:inline-block;width:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:4px 12px;background-color:rgba(243,243,243,0.8);border:1px solid rgba(217,217,217,0.8);border-radius:32px;bottom:25px}.slide-home .slick-dots li{margin:0 22px;width:10px;height:10px}.slide-home .slick-dots li:first-child{margin-left:0}.slide-home .slick-dots li:last-child{margin-right:0}.slide-home .slick-dots li.slick-active button{background-color:#00ADEE}.slide-home .slick-dots li button{height:10px;width:10px;padding:0;border-radius:50%;background-color:rgba(0,0,0,0.5);font-size:10px}.slide-home .slick-dots li button:before{display:none}.block-header{text-align:center}.block-header p{color:#00ADEE;font-weight:bold;font-size:32px;letter-spacing:-0.02em;text-transform:capitalize;margin-bottom:20px;font-family:"Arial"}.block-header ul{letter-spacing:-0.3em}.block-header ul li{display:inline-block;letter-spacing:normal;margin:0 30px}.block-header ul li:first-child{margin-left:0}.block-header ul li:last-child{margin-right:0}.block-header ul li:hover a,.block-header ul li.active a{color:#00ADEE;text-decoration:underline}.block-header ul li:hover a:after,.block-header ul li.active a:after{opacity:1;visibility:visible}.block-header ul li a{font-size:18px;letter-spacing:-0.02em;text-transform:capitalize;font-weight:700;position:relative;display:inline-block;padding-bottom:5px;font-family:"Arial"}.block-header ul li a:after{content:'';position:absolute;left:0;bottom:2px;width:100%;height:2px;background-color:#00ADEE;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s;display:none}.featured-products{padding:55px 0 60px}.featured-products .block-header{margin-bottom:60px}.featured-products__list{-webkit-transition:all .3s;transition:all .3s}.featured-products__list .left .featured-list__item,.featured-products__list .right .featured-list__item,.featured-products__list .middle .featured-list__item{position:relative;background-color:#F2F2F2;border-radius:24px;overflow:hidden;text-align:center}.featured-products__list .left .featured-list__item img,.featured-products__list .right .featured-list__item img,.featured-products__list .middle .featured-list__item img{-webkit-transition:all .5s;transition:all .5s}.featured-products__list .left .featured-list__item:hover img,.featured-products__list .right .featured-list__item:hover img,.featured-products__list .middle .featured-list__item:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.featured-products__list .left,.featured-products__list .right{-webkit-box-flex:0;-ms-flex:0 0 270px;flex:0 0 270px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.featured-products__list .left .featured-list__item,.featured-products__list .right .featured-list__item{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;margin-bottom:30px}.featured-products__list .left .featured-list__item:last-child,.featured-products__list .right .featured-list__item:last-child{margin-bottom:0}.featured-products__list .left .featured-list__item a,.featured-products__list .right .featured-list__item a{min-height:270px;display:block;padding:20px 20px 15px}.featured-products__list .left .featured-list__item a img,.featured-products__list .right .featured-list__item a img{width:180px;height:180px;margin-bottom:20px}.featured-products__list .left .featured-list__item a p,.featured-products__list .right .featured-list__item a p{font-size:18px;font-weight:700;text-transform:uppercase}.featured-products__list .left .featured-list__item a h3,.featured-products__list .right .featured-list__item a h3{margin-top:10px;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:40px;font-weight:normal}.featured-products__list .middle{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 600px);flex:0 0 calc(100% - 600px);margin:0 30px}.featured-products__list .middle .featured-list__item{height:100%}.featured-products__list .middle .featured-list__item a{display:block;padding:10px 20px 15px;height:100%}
130.featured-products__list .middle .featured-list__item a img{height:450px;width:450px;margin:0 auto;display:block;margin-bottom:44px}.featured-products__list .middle .featured-list__item a p{font-size:20px}.featured-products__list .middle .featured-list__item a h3{margin-top:15px;font-size:18px}.ourstanding{padding:55px 0 60px}.ourstanding .block-header p{color:#ff509b;text-transform:unset}.ourstanding .block-header ul li:hover a,.ourstanding .block-header ul li.active a{color:#ff509b}.ourstanding .left{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;display:grid;gap:30px}.ourstanding .left .featured-list__item{margin-bottom:0}.ourstanding .left .featured-list__item .item-image__hot .salest span{background-color:#ff509b !important;color:#fff}.ourstanding .left .featured-list__item .item-image__hot .salest span:before{border-right-color:#ff509b !important}.ourstanding .grid-1{grid-template-columns:repeat(1, 1fr);max-width:600px;margin:0 auto}.ourstanding .grid-1 .featured-list__item a img{width:450px;height:450px}.ourstanding .grid-2{grid-template-columns:repeat(2, 1fr)}.ourstanding .grid-2 .featured-list__item a img{width:450px;height:450px}.ourstanding .grid-3{grid-template-columns:1fr 2fr}.ourstanding .grid-3 .featured-list__item:nth-child(1){grid-column:1;grid-row:1}.ourstanding .grid-3 .featured-list__item:nth-child(2){grid-column:1;grid-row:2}.ourstanding .grid-3 .featured-list__item:nth-child(3){grid-column:2;grid-row:span 2}.ourstanding .grid-3 .featured-list__item:nth-child(3) a img{width:450px;height:450px}.ourstanding .grid-4{grid-template-columns:repeat(2, 1fr);max-width:600px;margin:0 auto}.ourstanding .grid-5{grid-template-columns:1fr 2fr 1fr}.ourstanding .grid-5 .featured-list__item:nth-child(1){grid-column:1;grid-row:1}.ourstanding .grid-5 .featured-list__item:nth-child(2){grid-column:1;grid-row:2}.ourstanding .grid-5 .featured-list__item:nth-child(3){grid-column:2;grid-row:span 2}.ourstanding .grid-5 .featured-list__item:nth-child(3) a img{width:450px;height:450px}.ourstanding .grid-5 .featured-list__item:nth-child(4){grid-column:3;grid-row:1}.ourstanding .grid-5 .featured-list__item:nth-child(5){grid-column:3;grid-row:2}.technology{padding:45px 0}.technology .block-header{margin-bottom:75px}.technology-list{max-width:765px;display:block;width:100%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.technology-list__item{margin-right:85px;-webkit-box-flex:0;-ms-flex:0 0 340px;flex:0 0 340px;min-height:340px;background-color:#F2F2F2;border-radius:24px;padding:52px 33px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}.technology-list__item:before{content:'';position:absolute;height:235px;width:235px;background-image:url("/assetsUpdate/images/Vector.png");z-index:1}.technology-list__item .content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.technology-list__item p{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;color:#00ADEE;font-size:20px;font-weight:700;font-family:"Arial";position:relative;margin-bottom:28px}.technology-list__item p:after{content:'';position:absolute;width:130px;height:1px;background-color:#000;left:0;bottom:-15px}.technology-list__item span{font-family:"Arial";max-width:215px;width:100%;display:inline-block;font-size:16px;-webkit-box-flex:0;-ms-flex:0 0 215px;flex:0 0 215px;min-height:38px}.technology-list__item:nth-child(2):before{bottom:-30px;right:-30px}.technology-list__item:nth-child(3):before{left:-30px;bottom:-30px;background-image:url("/assetsUpdate/images/Vector1.png")}.technology-list__item:nth-child(4):before{right:-30px;top:-30px;-webkit-transform:rotate(180deg);transform:rotate(180deg);background-image:url("/assetsUpdate/images/Vector1.png")}.technology-list__item:nth-child(5):before{top:-30px;left:-30px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.technology-list__item:nth-last-child(2){margin-bottom:0 !important;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.technology-list__item:last-child{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.technology-list__item:not(:last-child){margin-bottom:80px}.technology-list__item:nth-child(2n+1){margin-right:0;text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.technology-list__item:nth-child(2n+1) .content{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.technology-list__item:nth-child(2n+1) p:after{right:0;left:unset}.technology-image{position:absolute;max-width:430px;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);overflow:hidden;z-index:2}.technology-image img{border-radius:50%;width:100%;max-width:100%}.newtechnology{padding:45px 0}.newtechnology.mb-240{margin-bottom:240px}.newtechnology.mb-350{margin-bottom:350px}.newtechnology .block-header{margin-bottom:430px}.newtechnology-list{max-height:413px;max-width:413px;padding:46px;margin:0 auto;background-image:url("/assetsUpdate/images/new-tech-bg.png");z-index:5;position:relative;background-repeat:no-repeat;background-position:center}.newtechnology-list__item{text-align:center;position:absolute;padding:25px}.newtechnology-list__item:nth-child(2){right:calc(100% + 2px);bottom:40px}.newtechnology-list__item:nth-child(2) .content{top:50%;left:45%}.newtechnology-list__item:nth-child(2):before{right:-20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.newtechnology-list__item:nth-child(3){right:calc(100% - 60px);bottom:calc(100% - 60px)}.newtechnology-list__item:nth-child(3) .content{top:50%;left:50%}.newtechnology-list__item:nth-child(3):before{right:-16px;bottom:-16px}.newtechnology-list__item:nth-child(4){bottom:calc(100% - 4px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.newtechnology-list__item:nth-child(4) .content{top:45%;left:50%}.newtechnology-list__item:nth-child(4):before{bottom:-14px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.newtechnology-list__item:nth-child(5){left:calc(100% - 60px);bottom:calc(100% - 60px)}.newtechnology-list__item:nth-child(5) .content{top:50%;left:50%}.newtechnology-list__item:nth-child(5):before{left:-16px;bottom:-16px}.newtechnology-list__item:nth-child(6){left:calc(100% + 2px);bottom:40px}.newtechnology-list__item:nth-child(6) .content{top:50%;left:55%}.newtechnology-list__item:nth-child(6):before{left:-20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.newtechnology-list__item:nth-child(7){left:calc(100% - 60px);top:calc(100% - 60px)}.newtechnology-list__item:nth-child(7) .content{top:50%;left:50%}.newtechnology-list__item:nth-child(7):before{left:-16px;top:-16px}.newtechnology-list__item:nth-child(8){top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.newtechnology-list__item:nth-child(8) .content{top:50%;left:50%}.newtechnology-list__item:nth-child(8):before{left:50%;
130top:-18px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.newtechnology-list__item:nth-child(9){right:calc(100% - 60px);top:calc(100% - 60px)}.newtechnology-list__item:nth-child(9) .content{top:50%;left:50%}.newtechnology-list__item:nth-child(9):before{right:-16px;top:-16px}.newtechnology-list__item .content{width:210px;height:210px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:25px 12px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);position:absolute}.newtechnology-list__item .content img{max-height:100px;max-width:100px;height:auto;width:auto}.newtechnology-list__item p{color:#00ADEE;font-family:"Arial";font-weight:700;font-size:20px;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;line-height:38px}.newtechnology-list__item span{font-size:17px;font-family:"Arial";-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;line-height:20px;padding:0 5px}.newtechnology-list__item:before{content:'';position:absolute;width:32px;height:32px;background-image:url("/assetsUpdate/images/tech-dot.png");background-size:contain}.newtechnology-list__item a{border-radius:50%;display:block}.newtechnology-image{height:100%}.newtechnology-image img{height:100%;border-radius:50%;width:100%;max-width:100%}.home-suggest__product{position:relative;background-color:#F2F2F2;border-radius:24px;overflow:hidden;text-align:center}.home-suggest__product a{min-height:270px;display:block;padding:20px 20px 15px}.home-suggest__product a img{width:200px;height:200px;margin-bottom:20px}.home-suggest__product a p{font-size:18px;font-weight:700;text-transform:uppercase}.home-suggest__product a h3{margin-top:5px;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:40px;font-weight:normal}.home-suggest .swiper-button-prev:after,.home-suggest .swiper-button-next:after{font-size:30px}.introduction-content{position:relative}.introduction-content>img{width:100%;max-width:100%;border-radius:24px;height:auto}.introduction-content__play{background-color:rgba(255,255,255,0.7);position:absolute;padding:30px 30px 26px 40px;border-radius:50%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);cursor:pointer}.introduction-content__play img{width:30px;height:40px}.introduction-content p{font-family:"Arial";font-weight:bold;font-size:16px;position:absolute;bottom:115px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.introduction-content iframe{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden}.introduction-content.show iframe{opacity:1;visibility:visible}.posts{padding:45px 0 230px}.posts .block-header{margin-bottom:70px}.posts .container{display:-webkit-box;display:-ms-flexbox;display:flex}.posts .left{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 485px);flex:0 0 calc(100% - 485px);margin-right:50px}.posts .left img{border-radius:24px;overflow:hidden}.posts .right{-webkit-box-flex:0;-ms-flex:0 0 435px;flex:0 0 435px;max-width:435px}.posts .right ul li{display:block;padding:30px 0;border-bottom:1px solid #B2B2B2}.posts .right ul li:first-child{border-top:1px solid #00ADEE}.posts .right ul li:last-child{border-bottom:0}.posts .right ul li h3{font-size:20px;font-family:"Arial";margin-bottom:35px;line-height:23px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:50px}.posts .right ul li>a{color:#00ADEE;position:relative;display:inline-block;font-weight:600}.posts .right ul li>a:after{content:'';position:absolute;bottom:-5px;left:0;height:2px;width:100%;background-color:#00ADEE}.category{margin:60px 0}.category .container{padding:45px 0;background-color:#F2F2F2}.category .block-header{margin-bottom:50px}.category-content{-webkit-transition:all .3s;transition:all .3s}.category-content img{max-width:635px;display:block;width:100%;margin:0 auto;border-radius:24px;margin-bottom:40px}.category-content p{text-align:center;font-size:32px;font-family:"Arial";font-weight:700;margin-bottom:20px}.category-content a{max-width:190px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;background-color:#00ADEE;border-radius:24px;color:#fff;height:48px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:"Arial";font-weight:bold;font-size:16px;-webkit-transition:all .5s;transition:all .5s;border:1px solid #00ADEE}.category-content a:hover{color:#00ADEE;background-color:#fff}.category-content.active{display:block}
130.category.category-bg{position:relative}.category.category-bg .container{padding:0}.category.category-bg .block-header{position:absolute;top:60px;z-index:1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.category.category-bg .block-header ul li a{color:#fff !important}.category.category-bg .block-header ul li:hover a,.category.category-bg .block-header ul li.active a{color:#00ADEE !important}.category.category-bg .category-content{position:relative;-webkit-transition:all .5s;transition:all .5s}.category.category-bg .category-content img{max-width:100%;border-radius:0}.category.category-bg .category-content__bottom{position:absolute;bottom:45px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60%}.category.category-bg .category-content__bottom p{color:#fff}.category.category-bg .category-content__bottom a{background-color:#fff;border-color:#fff;color:#000}.category.category-bg .category-content__bottom a:hover{color:#00ADEE}.box-search{padding:127px 0 135px}.box-search__title{margin-bottom:40px}.box-search__title p{text-align:center;color:#00ADEE;font-weight:bold;font-size:32px;letter-spacing:-0.02em;text-transform:capitalize;font-family:"Arial"}.box-search form{max-width:500px;width:100%;margin:0 auto;position:relative}.box-search form input{width:100%;padding:15px;padding-left:70px;border-radius:50px;background-color:#F7F7F7;border:1px solid #575757;margin-bottom:25px;font-size:16px;color:#555555;font-family:"Arial"}.box-search form input::-webkit-input-placeholder{font-size:16px}.box-search form input:-ms-input-placeholder{font-size:16px}.box-search form input::-ms-input-placeholder{font-size:16px}.box-search form input::placeholder{font-size:16px}.box-search form button{position:absolute;border:0;background-color:transparent;width:35px;height:35px;top:8px;left:15px;padding:3px}.box-search form button img{width:100%;height:100%}.box-search form ul{letter-spacing:-0.3em;text-align:center}.box-search form ul li{letter-spacing:normal;display:inline-block;margin:0 6px;border-radius:20px;overflow:hidden}.box-search form ul li .select{position:relative;cursor:pointer}.box-search form ul li .select:after{content:url("/assetsUpdate/images/icons/down.png");position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:15px;pointer-events:none}.box-search form ul li .select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;height:40px;padding-right:60px;padding-left:10px;border:1px solid #575757;border-radius:20px;cursor:pointer;color:#555555} 131 132/*# sourceMappingURL=home.css.map */.slide-home{position:relative}.slide-home .dot-navs{align-items:center;bottom:1.5rem;display:flex;justify-content:center;left:0;position:absolute;right:0;width:100%}.slide-home .dot-navs .swiper-pagination{align-items:center;display:flex;gap:22px;justify-content:center;left:unset!important;width:auto!important;z-index:1}.slide-home .dot-navs .swiper-pagination span{align-items:center;background:hsla(0,0%,100%,.45);border-radius:0;color:#000;cursor:pointer;display:flex;height:3px;justify-content:center;margin:0 5px;opacity:1;position:relative;text-indent:-9999px;width:100px}.slide-home .dot-navs .swiper-pagination span.swiper-pagination-bullet-active{background:#00adee}.slide-home .dot-navs.mobile span{height:2px;width:25px}.slide-home .dot-navs.mobile .swiper-pagination{gap:6px} 133 </style> 134 <link rel="stylesheet" type="text/css" href="https://karofi.com/assets/libs/swiper/swiper-bundle.min.css"> 135
135<script type="text/javascript" 136 src="https://karofi.com/assets/libs/swiper/swiper-bundle.min.js?v=0.0.5"></script>
136 137 <!-- Json Verify site name -->
138<script type="application/ld+json"> 139 { 140 "@context": "https://schema.org", 141 "@type": "WebSite", 142 "name": "Karofi", 143 "alternateName": ["KAROFI Group Joint Stock Company","karofi.com"], 144 "url": "https://karofi.com" 145 } 146</script>
146 147 <style>.one-icon {height: 22px !important}.new-best-icon {height: 34px !important}.featured-products__list .featured-list__item:hover .item-image__hot img {transform: scale(1)}.item-image__hot{gap:4px} 148 .product-list__content {gap: 20px;} 149 .product-list__content .item { 150 padding: 20px 20px 30px 20px; 151 width: calc((100% - 40px) / 3); 152 border-right: 0; 153 border-radius: 20px; 154 } 155 .product-list__content .item-price p { 156 color: #f00 !important; 157 }.product-list__content .item-maskup a {background: #4bc7f6;} 158 </style> 159</head> 160<body class="page-home"> 161 <header class="site-header"> 162 <div class="container flex"> 163 <div class="site-header__logo"> 164 <a href="https://karofi.com/en" aria-label="Home"> 165 <img 166 loading="lazy" 167 src="https://karofi.karofi.com/karofi-com/2021/10/logo.png" 168 169 alt="logo" 170 width="100" 171 height="34" 172 > </a> 173 </div> 174 <div class="main-menu"> 175 <ul> 176 <li> 177 <a data-hover="0" href="https://karofi.com/en/water-purifier" aria-label="Water Purifier" >Water Purifier</a> 178 </li> 179 <li> 180 <a data-hover="1" href="https://karofi.com/en/water-dispenser" aria-label="Water Dispenser" >Water Dispenser</a> 181 </li> 182 <li> 183 <a data-hover="2" href="https://karofi.com/en/water-heater" aria-label="Water heater" >Water heater</a> 184 </li> 185 <li> 186 <a data-hover="3" href="https://karofi.com/en/upstream-filter" aria-label="Upstream Filter " >Upstream Filter </a> 187 </li> 188 <li> 189 <a data-hover="4" href="https://karofi.com/en/air-solution" aria-label="Air Solution" >Air Solution</a> 190 </li> 191 <li> 192 <a data-hover="5" href="https://karofi.com/introduction" aria-label="About Us" >About Us</a> 193 </li> 194 </ul> 195 </div> 196 <div class="site-header__action"> 197 <a href="#" class="header-search"> 198 <img src="/assetsUpdate/images/icons/search.png" alt="search" width="30" height="30" loading="lazy"> 199 </a> 200 <a href="https://karofi.com/cart" class="header-cart"> 201 <img src="/assetsUpdate/images/icons/cart.png" alt="" width="30" height="30" loading="lazy"> 202 <span class="cart-count">0</span> 203 </a> 204 <a href="javascript:;" id="show-popup-login" class="header-user"> 205 <img src="/assetsUpdate/images/icons/user.png" alt="user" width="30" height="30" loading="lazy"> 206 </a> 207 <div class="swith-languages"> 208 <a href="javascript:;" aria-label="Projects" class="swith-languages__item"> 209 <img loading="lazy" src="/flags/en.png" alt="flags" width="23" height="17"> 210 </a> 211 <div class="swith-languages-content"> 212 <a href="https://karofi.com" aria-label="Flags" class="swith-languages__item"> 213 <img loading="lazy" src="/flags/vi.png" alt="flags" width="23" height="17" style="width: 23px; height: 17px;"> 214 Vietnamese 215 </a> 216 <a href="https://karofi.com/id" aria-label="Flags" class="swith-languages__item"> 217 <img loading="lazy" src="/flags/id.png" alt="flags" width="23" height="17" style="width: 23px; height: 17px;"> 218 Indonesian 219 </a> 220 <a href="https://karofi.com/ph" aria-label="Flags" class="swith-languages__item"> 221 <img loading="lazy" src="/flags/ph.png" alt="flags" width="23" height="17" style="width: 23px; height: 17px;"> 222 Filipino 223 </a> 224 <a href="https://karofi.com/fr" aria-label="Flags" class="swith-languages__item"> 225 <img loading="lazy" src="/flags/fr.png" alt="flags" width="23" height="17" style="width: 23px; height: 17px;"> 226 French 227 </a> 228 <a href="https://karofi.com/es" aria-label="Flags" class="swith-languages__item"> 229 <img loading="lazy" src="/flags/es.png" alt="flags" width="23" height="17" style="width: 23px; height: 17px;"> 230 Spanish 231 </a> 232 <a href="https://karofi.com/jp" aria-label="Flags" class="swith-languages__item"> 233 <img loading="lazy" src="/flags/jp.png" alt="flags" width="23" height="17" style="width: 23px; height: 17px;"> 234 Japanese 235 </a> 236 <a href="https://karofi.com/th" aria-label="Flags" class="swith-languages__item"> 237 <img loading="lazy" src="/flags/th.png" alt="flags" width="23" height="17" style="width: 23px; height: 17px;"> 238 Thai 239 </a> 240 </div> 241 </div> 242 </div> 243 </div> 244 <div class="child-menu"> 245 <div class="container"> 246 <div class="menu-content"> 247 <ul id="0"> 248 <li class="menu-feature"> 249 <div class="menu-feature__left"> 250 <ul> 251 <li> 252 <a href="https://karofi.com/en/water-purifier/standing-cabinet-water-purifier" aria-label="Standing Cabinet Water Purifier" >Standing Cabinet Water Purifier</a> 253 </li> 254 <li> 255 <a href="https://karofi.com/en/water-purifier/undersink-water-purifier" aria-label="Undersink Water Purifier" >Undersink Water Purifier</a> 256 </li> 257 <li> 258 <a href="https://karofi.com/en/water-purifier/semi-industrial-water-purifier" aria-label="Semi-industrial Water Purifier" >Semi-industrial Water Purifier</a> 259 </li> 260 <li> 261 <a href="https://karofi.com/en/water-purifier/desalination-water-purifier" aria-label="Desalination Water Purifier " >Desalination Water Purifier </a> 262 </li> 263 </ul> 264 </div> 265 <div class="menu-feature__right">
266 <span>Featured</span> 267 <ul> 268 <li> 269 <a href="javascript:;"> 270 <img 271 loading="lazy" 272 src="https://karofi.karofi.com/karofi-com/2023/10/w110/ero100v-en.png.webp" 273 274 alt="ero100v-en" 275 title="ero100v-en" 276 width="105" 277 height="80" 278 > <span>ERO100V</span> 279 </a> 280 </li> 281 <li> 282 <a href="javascript:;"> 283 <img 284 loading="lazy" 285 src="https://karofi.karofi.com/karofi-com/2023/10/w110/x18-en.png.webp" 286 287 alt="x18-en" 288 title="x18-en" 289 width="105" 290 height="80" 291 > <span>X18</span> 292 </a> 293 </li> 294 <li> 295 <a href="https://karofi.com/en/karofi-water-purifier-kaq-d36.html"> 296 <img 297 loading="lazy" 298 src="https://karofi.karofi.com/karofi-com/2023/10/w110/d36s-en.png.webp" 299 300 alt="d36s-en" 301 title="d36s-en" 302 width="105" 303 height="80" 304 > <span>KAQ-D36S</span> 305 </a> 306 </li> 307 <li> 308 <a href="https://karofi.com/en/karofi-kaq-u95-water-purifier.html"> 309 <img 310 loading="lazy" 311 src="https://karofi.karofi.com/karofi-com/2023/10/w110/u95-en.png.webp" 312 313 alt="u95-en" 314 title="u95-en" 315 width="105" 316 height="80" 317 > <span>U95</span> 318 </a> 319 </li> 320 <li> 321 <a href="javascript:;"> 322 <img 323 loading="lazy" 324 src="https://karofi.karofi.com/karofi-com/2023/10/w110/u98-en.png.webp" 325 326 alt="u98-en" 327 title="u98-en" 328 width="105" 329 height="80" 330 > <span>U98</span> 331 </a> 332 </li> 333 <li> 334 <a href="javascript:;"> 335 <img 336 loading="lazy" 337 src="https://karofi.karofi.com/karofi-com/2023/10/w110/c06.png.webp" 338 339 alt="c06" 340 title="c06" 341 width="105" 342 height="80" 343 > <span>C06</span> 344 </a> 345 </li> 346 </ul> 347 </div> 348 </li> 349 </ul> 350 <ul id="1"> 351 <li> 352 <a href="https://karofi.com/en/water-dispenser" aria-label="Water Dispenser">Water Dispenser</a> 353 </li> 354 <li class=""> 355 <div class="arrow-right"> 356 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg> 357 </div> 358 <a href="https://karofi.com/en/water-dispenser/water-dispenser-1" aria-label="Water Dispenser" >Water Dispenser</a> 359 <div class="menu-content__child"> 360 <ul> 361 </ul> 362 </div> 363 <div class="menu-content__image"> 364 </div> 365 </li> 366 <li class=""> 367 <div class="arrow-right"> 368 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg> 369 </div> 370 <a href="https://karofi.com/en/water-dispenser/bottom-loading-water-dispenser" aria-label="Bottom-loading Water Dispenser" >Bottom-loading Water Dispenser</a> 371 <div class="menu-content__child"> 372 <ul> 373 </ul> 374 </div> 375 <div class="menu-content__image"> 376 </div> 377 </li> 378 <li class=""> 379 <div class="arrow-right"> 380 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg> 381 </div> 382 <a href="https://karofi.com/en/water-dispenser/top-loading-water-dispenser" aria-label="Top-loading Water Dispenser" >Top-loading Water Dispenser</a> 383 <div class="menu-content__child"> 384 <ul> 385 </ul> 386 </div> 387 <div class="menu-content__image"> 388 </div> 389 </li> 390 </ul> 391 <ul id="2"> 392 <li> 393 <a href="https://karofi.com/en/water-heater" aria-label="Water heater">Water heater</a> 394 </li> 395 <li class=""> 396 <div class="arrow-right"> 397 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg> 398 </div> 399 <a href="https://karofi.com/en/water-heater/indirect-water-heater" aria-label="Indirect Water Heater" >Indirect Water Heater</a> 400 <div class="menu-content__child"> 401 <ul> 402 </ul> 403 </div> 404 <div class="menu-content__image"> 405 </div> 406 </li> 407 <li class=""> 408 <div class="arrow-right"> 409 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg> 410 </div> 411 <a href="https://karofi.com/en/water-heater/direct-water-heater" aria-label="Direct Water Heater" >Direct Water Heater</a> 412 <div class="menu-content__child"> 413 <ul> 414 </ul> 415 </div> 416 <div class="menu-content__image"> 417 </div> 418 </li> 419 </ul> 420 <ul id="3"> 421 <li> 422 <a href="https://karofi.com/en/upstream-filter" aria-label="Upstream Filter ">Upstream Filter </a> 423 </li> 424 <li class=""> 425 <div class="arrow-right"> 426 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg> 427 </div> 428 <a href="https://karofi.com/en/upstream-filter/upstream-filter-1" aria-label="Upstream Filter" >Upstream Filter</a> 429 <div class="menu-content__child"> 430 <ul> 431 </ul> 432 </div> 433 <div class="menu-content__image"> 434 </div> 435 </li> 436 <li class=""> 437 <div class="arrow-right"> 438 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg> 439 </div> 440 <a href="https://karofi.com/en/upstream-filter/industrial-ro-water-purifier" aria-label="Industrial RO Water Purifier" >Industrial RO Water Purifier</a> 441 <div class="menu-content__child"> 442 <ul> 443 </ul> 444 </div> 445 <div class="menu-content__image"> 446 </div> 447 </li> 448 <li class=""> 449 <div class="arrow-right"> 450 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg> 451 </div> 452 <a href="https://karofi.com/en/upstream-filter/big-plant-purification-system" aria-label="Big Plant Purification system" >Big Plant Purification system</a> 453 <div class="menu-content__child"> 454 <ul> 455 </ul> 456 </div> 457 <div class="menu-content__image"> 458 </div> 459 </li> 460 <li class=""> 461 <div class="arrow-right"> 462 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg> 463 </div> 464 <a href="https://karofi.com/en/water-purifier/desalination-water-purifier" aria-label="Desalination Water Purifier " >Desalination Water Purifier </a> 465 <div class="menu-content__child"> 466 <ul> 467 </ul> 468 </div> 469 <div class="menu-content__image"> 470 </div> 471 </li> 472
472 </ul> 473 <ul id="4"> 474 <li> 475 <a href="https://karofi.com/en/air-solution" aria-label="Air Solution">Air Solution</a> 476 </li> 477 <li class=""> 478 <div class="arrow-right"> 479 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg> 480 </div> 481 <a href="https://karofi.com/en/air-conditioner" aria-label="Air conditioner" >Air conditioner</a> 482 <div class="menu-content__child"> 483 <ul> 484 </ul> 485 </div> 486 <div class="menu-content__image"> 487 </div> 488 </li> 489 <li class=""> 490 <div class="arrow-right"> 491 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg> 492 </div> 493 <a href="https://karofi.com/en/air-purifier" aria-label="Air purifier" >Air purifier</a> 494 <div class="menu-content__child"> 495 <ul> 496 </ul> 497 </div> 498 <div class="menu-content__image"> 499 </div> 500 </li> 501 <li class=""> 502 <div class="arrow-right"> 503 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg> 504 </div> 505 <a href="https://karofi.com/en/air-solution/fan--air-conditioner-fan" aria-label="Fan & Air conditioner fan" >Fan & Air conditioner fan</a> 506 <div class="menu-content__child"> 507 <ul> 508 </ul> 509 </div> 510 <div class="menu-content__image"> 511 </div> 512 </li> 513 </ul> 514 <ul id="5"> 515 <li> 516 <a href="https://karofi.com/introduction" aria-label="About Us">About Us</a> 517 </li> 518 </ul> 519 </div> 520 <div class="menu-content__background"> 521 </div> 522 </div> 523</div></header> 524 <main class="site-main"> 525 <h1 style="display: none;">Karofi - Intelligent water purifier expert | Karofi.com</h1> 526 <div class="slide-home s-wrap" id="slide_home"> 527 <div class="slides s-content swiper-wrapper"> 528 <div class="item swiper-slide"> 529 <a href="" title=""> 530 <img 531 src="https://karofi.karofi.com/karofi-com/2023/08/smax-pro123-en.jpg.webp" 532 533 alt="smax-pro123-en" 534 title="no-image" 535 width="1890" 536 height="640" 537 fetchpriority="high" 538 > </a> 539 </div> 540 <div class="item swiper-slide"> 541 <a href="" title=""> 542 <img 543 loading="lazy" 544 src="https://karofi.karofi.com/karofi-com/2023/11/thuong-hieu-duoc-yeu-thich-nhat.png.webp" 545 546 alt="thuong-hieu-duoc-yeu-thich-nhat" 547 title="no-image" 548 width="1890" 549 height="640" 550 fetchpriority="high" 551 > </a> 552 </div> 553 <div class="item swiper-slide"> 554 <a href="" title=""> 555 <img 556 loading="lazy" 557 src="https://karofi.karofi.com/karofi-com/2023/12/banner-mobile-gia-dinh-karofi-ds.jpg.webp" 558 559 alt="banner-mobile-gia-dinh-karofi-ds" 560 title="no-image" 561 width="1890" 562 height="640" 563 fetchpriority="high" 564 > </a> 565 </div> 566 </div> 567 <div class="dot-navs"> 568 <div class="swiper-pagination"></div> 569 </div> 570 </div> 571 <div class="survey-recommend" id="ksvRecSection" style="display:none"> 572 <div class="container"> 573 <div class="text-center"> 574 <p class="title">Suggested for you</p> 575 <span style="display:block;margin:4px 0 0;font-size:14px;font-weight:400;text-transform:none;color:#7C90A0">Based on your survey results</span> 576 </div> 577 <div class="ksv-rec-grid" id="ksvRecGrid"> 578 </div> 579 <div class="ksv-rec-more-wrap" id="ksvRecMoreWrap" style="display:none"> 580 <button type="button" class="ksv-rec-more-btn" id="ksvRecMoreBtn">View more products</button> 581 </div> 582 </div> 583</div> 584<style> 585.ksv-rec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px;clear:both;width:100%;float:left} 586@media (max-width:960px){.ksv-rec-grid{grid-template-columns:repeat(2,1fr)}} 587@media (max-width:520px){.ksv-rec-grid{grid-template-columns:repeat(2,1fr);gap:10px}} 588.ksv-rec-card{background:#F2F2F2;border-radius:16px;padding:14px;display:flex;flex-direction:column;box-sizing:border-box} 589.ksv-rec-thumb{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:10px} 590.ksv-rec-thumb img{width: 100%;max-width:100%;max-height:100%;object-fit:contain;display:block} 591.ksv-rec-badge{position:absolute;top:0;right:0;z-index:2;line-height:0} 592.ksv-rec-badge img{width:60px;height:auto;max-width:60px} 593.ksv-rec-features{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:8px} 594.ksv-rec-features span{font-size:11px;border:1px solid #ccc;border-radius:8px;padding:3px 8px;background:#fff;color:#555} 595.ksv-rec-title{font-size:15px;font-weight:600;color:#222;text-decoration:none;line-height:1.35;min-height:40px;
595display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px} 596.ksv-rec-price{color:#e6393a;font-size:16px;font-weight:700;margin-bottom:12px} 597.ksv-rec-actions{display:flex;gap:8px;margin-top:auto} 598.ksv-rec-actions a{flex:1;text-align:center;padding:8px 6px;border-radius:18px;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;box-sizing:border-box} 599.ksv-rec-buy{background:#e6393a;color:#fff} 600.ksv-rec-buy:hover{background:#c92e2f;color:#fff} 601.ksv-rec-detail{background:#fff;color:#00ADEE;border:1px solid #00ADEE} 602.ksv-rec-detail:hover{background:#E5F6FD;color:#00ADEE} 603.ksv-rec-card.ksv-rec-extra{display:none} 604.ksv-rec-more-wrap{text-align:center;margin-top:20px} 605.ksv-rec-more-btn{background:#fff;color:#00ADEE;border:1px solid #00ADEE;border-radius:20px;padding:10px 28px;font-size:14px;font-weight:700;cursor:pointer; margin-top: 20px} 606.ksv-rec-more-btn:hover{background:#E5F6FD} 607.survey-recommend{float:left;width: 100%;clear; both} 608.survey-recommend .title{margin-bottom: 0; font-weight: 600;text-transform: uppercase;color: #00ADEE !important;font-size: 30px; line-height: 39px} 609.text-center{text-align:center} 610.page-home .survey-recommend{margin-top: 30px; margin-bottom: 40px} 611.page-categories .survey-recommend{margin-bottom: 30px;} 612.page-detail .survey-recommend{margin-top: 30px} 613</style>
614<script> 615document.addEventListener('DOMContentLoaded', function () { 616 var btn = document.getElementById('ksvRecMoreBtn'); 617 if (btn) { 618 btn.addEventListener('click', function () { 619 var wrap = btn.closest('.survey-recommend'); 620 var hidden = Array.prototype.slice.call(wrap.querySelectorAll('.ksv-rec-extra')); 621 hidden.slice(0, 8).forEach(function (el) { 622 el.classList.remove('ksv-rec-extra'); 623 }); 624 if (wrap.querySelectorAll('.ksv-rec-extra').length === 0) { 625 btn.parentElement.style.display = 'none'; 626 } 627 }); 628 } 629}); 630</script>
630 <div class="featured-products"> 631 <div class="container"> 632 <div class="block-header"> 633 <p>Best Seller - Newest</p> 634 <ul class="featured-list feature-list-tabs"> 635 <li> 636 <a 637 href="#featued31">Water Dispenser</a> 638 </li> 639 <li> 640 <a 641 href="#featued55">Standing Cabinet Water Purifier</a> 642 </li> 643 <li> 644 <a 645 href="#featued56">Undersink Water Purifier</a> 646 </li> 647 </ul> 648 </div> 649 <div id="featued31" 650 class="featured-products__list featured-lists featured-list-tab-items flex"> 651 <div class="left"> 652 <div class="featured-list__item" style="background-color:#F2F2F2 !important;"> 653 <div class="item-image__hot"> 654 </div> 655 <a href="https://karofi.com/en/hot--cold-ro-water-purifier-kad-x39.html"> 656 <img 657 loading="lazy" 658 src="https://karofi.karofi.com/karofi-com/2023/12/w180/x39-bestseller.png.webp" 659 660 alt="x39-bestseller" 661 title="HOT & COLD RO WATER PURIFIER KAD-X39" 662 width="180" 663 height="180" 664 > <p>KAD-X39</p> 665 <h3>HOT & COLD RO WATER PURIFIER KAD-X39</h3> 666 </a> 667 </div> 668 <div class="featured-list__item" style="background-color:#F2F2F2 !important;"> 669 <div class="item-image__hot"> 670 </div> 671 <a href="https://karofi.com/en/karofi-hot-and-cold-water-purifier-kad-d69.html"> 672 <img 673 loading="lazy" 674 src="https://karofi.karofi.com/karofi-com/2023/12/w180/d69-newest.png.webp" 675 676 alt="d69-newest" 677 title="Karofi Hot and Cold Water Purifier KAD-D69" 678 width="180" 679 height="180" 680 > <p>KAD-D69</p> 681 <h3>Karofi Hot and Cold Water Purifier KAD-D69</h3> 682 </a> 683 </div> 684 </div> 685 <div class="middle"> 686 <div class="featured-list__item" style="background-color:#F2F2F2 !important;"> 687 <div class="item-image__hot"> 688 </div> 689 <a href="https://karofi.com/en/karofi-kad-x58-hot-and-cold-water-purifier.html"> 690 <img 691 src="https://karofi.karofi.com/karofi-com/2024/01/w450/x58-newest-bestseller.png.webp" 692 693 alt="x58-newest-bestseller" 694 title="Karofi KAD-X58 hot and cold water purifier" 695 width="450" 696 height="450" 697 > <p>Karofi KAD-X58</p> 698 <h3>Karofi KAD-X58 hot and cold water purifier</h3> 699 </a> 700 </div> 701 </div> 702 <div class="right"> 703 <div class="featured-list__item" style="background-color:#F2F2F2 !important;"> 704 <div class="item-image__hot"> 705 </div> 706 <a href="https://karofi.com/en/karofi-kad-d66-hot-and-cold-water-dispenser.html"> 707 <img 708 loading="lazy" 709 src="https://karofi.karofi.com/karofi-com/2023/12/w180/d66-bestseller.png.webp" 710 711 alt="d66-bestseller" 712 title="KAROFI KAD-D66 hot and cold water dispenser" 713 width="180" 714 height="180" 715 > <p>KAD D66</p> 716 <h3>KAROFI KAD-D66 hot and cold water dispenser</h3> 717 </a> 718 </div> 719 <div class="featured-list__item" style="background-color:#F2F2F2 !important;"> 720 <div class="item-image__hot"> 721 </div> 722 <a href="https://karofi.com/en/karofi-hot-and-cold-water-purifier-kad-x56.html"> 723 <img 724 loading="lazy" 725 src="https://karofi.karofi.com/karofi-com/2023/12/w180/x56-newest.png.webp" 726 727 alt="x56-newest" 728 title="Karofi Hot and Cold Water Purifier KAD-X56" 729 width="180" 730 height="180" 731 > <p>KAD-X56</p> 732 <h3>Karofi Hot and Cold Water Purifier KAD-X56</h3> 733 </a> 734 </div> 735 </div> 736 </div> 737 <div id="featued55" 738 class="featured-products__list featured-lists featured-list-tab-items flex"> 739 <div class="left"> 740 <div class="featured-list__item" style="background-color:#F2F2F2 !important;"> 741 <div class="item-image__hot"> 742 </div> 743 <a href="https://karofi.com/en/karofi-water-purifier-ero100v.html"> 744 <img 745 loading="lazy" 746 src="https://karofi.karofi.com/karofi-com/2023/12/w180/ero100v-bestsellerkrf.png.webp" 747 748 alt="ero100v-bestsellerkrf" 749 title="Karofi Water Purifier ERO100V" 750 width="180" 751 height="180" 752 > <p>ERO100V</p> 753 <h3>Karofi Water Purifier ERO100V</h3> 754 </a> 755 </div> 756 <div class="featured-list__item" style="background-color:#F2F2F2 !important;"> 757 <div class="item-image__hot"> 758 </div> 759 <a href="https://karofi.com/en/karofi-kaq-d36s-water-purifier.html"> 760 <img 761 loading="lazy" 762 src="https://karofi.karofi.com/karofi-com/2023/12/w180/d36s-bestseller.png.webp" 763 764 alt="d36s-bestseller" 765 title="Karofi KAQ-D36S water purifier" 766 width="180" 767 height="180" 768 > <p>KAQ-D36S</p> 769 <h3>Karofi KAQ-D36S water purifier</h3> 770 </a> 771 </div> 772 </div> 773 <div class="middle"> 774 <div class="featured-list__item" style="background-color:#F2F2F2 !important;"> 775 <div class="item-image__hot"> 776 </div> 777 <a href="https://karofi.com/en/the-karofi-kaq-x16-ro-water-purifier.html"> 778 <img 779 src="https://karofi.karofi.com/karofi-com/2023/12/w450/ero100v-bestsellerkrf.png.webp" 780 781 alt="ero100v-bestsellerkrf" 782 title="The Karofi KAQ-X16 RO water purifier" 783 width="450" 784 height="450" 785 > <p>KAQ-X16</p> 786 <h3>The Karofi KAQ-X16 RO water purifier</h3> 787 </a> 788 </div> 789 </div> 790 <div class="right"> 791 <div class="featured-list__item" style="background-color:#F2F2F2 !important;"> 792 <div class="item-image__hot"> 793 </div> 794 <a href="https://karofi.com/en/ro-karofi-ero80-pro-water-purifier.html"> 795 <img 796 loading="lazy" 797 src="https://karofi.karofi.com/karofi-com/2023/12/w180/ero80-newest-krf2023.png.webp" 798 799 alt="ero80-newest-krf2023" 800 title="RO Karofi ERO80 PRO water purifier" 801 width="180" 802 height="180" 803 > <p>ERO 80</p> 804 <h3>RO Karofi ERO80 PRO water purifier</h3> 805 </a> 806 </div> 807 <div class="featured-list__item" style="background-color:#F2F2F2 !important;"> 808 <div class="item-image__hot"> 809 </div> 810 <a href="https://karofi.com/en/karofi-kaq-x18-water-purifier.html"> 811 <img 812 loading="lazy" 813 src="https://karofi.karofi.com/karofi-com/2023/12/w180/kaq-x18-newest-krf2023.png.webp" 814
815 alt="kaq-x18-newest-krf2023" 816 title="Karofi KAQ-X18 water purifier" 817 width="180" 818 height="180" 819 > <p>KAQ-X18</p> 820 <h3>Karofi KAQ-X18 water purifier</h3> 821 </a> 822 </div> 823 </div> 824 </div> 825 <div id="featued56" 826 class="featured-products__list featured-lists featured-list-tab-items flex"> 827 <div class="left"> 828 <div class="featured-list__item" style="background-color:#F2F2F2 !important;"> 829 <div class="item-image__hot"> 830 </div> 831 <a href="https://karofi.com/en/karofi-water-purifier-kaq-u06.html"> 832 <img 833 loading="lazy" 834 src="https://karofi.karofi.com/karofi-com/2023/12/w180/u06-bestsellerkrf.png.webp" 835 836 alt="u06-bestsellerkrf" 837 title="KAROFI WATER PURIFIER KAQ-U06" 838 width="180" 839 height="180" 840 > <p>KAQ-U06</p> 841 <h3>KAROFI WATER PURIFIER KAQ-U06</h3> 842 </a> 843 </div> 844 <div class="featured-list__item" style="background-color:#F2F2F2 !important;"> 845 <div class="item-image__hot"> 846 </div> 847 <a href="https://karofi.com/en/karofi-kaq-u99-water-purifier.html"> 848 <img 849 loading="lazy" 850 src="https://karofi.karofi.com/karofi-com/2023/12/w180/u99-bestseller.png.webp" 851 852 alt="u99-bestseller" 853 title="Karofi KAQ-U99 Water purifier" 854 width="180" 855 height="180" 856 > <p>KAQ-U99</p> 857 <h3>Karofi KAQ-U99 Water purifier</h3> 858 </a> 859 </div> 860 </div> 861 <div class="middle"> 862 <div class="featured-list__item" style="background-color:#F2F2F2 !important;"> 863 <div class="item-image__hot"> 864 </div> 865 <a href="https://karofi.com/en/undersink-water-purifier-karofi-kaq-u05-pro.html"> 866 <img 867 src="https://karofi.karofi.com/karofi-com/2023/12/w450/u05pro-newest-krf2023.png.webp" 868 869 alt="u05pro-newest-krf2023" 870 title="Undersink Water Purifier Karofi KAQ-U05 Pro" 871 width="450" 872 height="450" 873 > <p>KAQ-U05 Pro</p> 874 <h3>Undersink Water Purifier Karofi KAQ-U05 Pro</h3> 875 </a> 876 </div> 877 </div> 878 <div class="right"> 879 <div class="featured-list__item" style="background-color:#F2F2F2 !important;"> 880 <div class="item-image__hot"> 881 </div> 882 <a href="https://karofi.com/en/karofi-ro-water-purifier-kaq-u98.html"> 883 <img 884 loading="lazy" 885 src="https://karofi.karofi.com/karofi-com/2023/10/w180/u98-en.png.
885webp" 886 887 alt="u98-en" 888 title="Karofi RO Water Purifier KAQ-U98" 889 width="180" 890 height="180" 891 > <p>KAQ-U98</p> 892 <h3>Karofi RO Water Purifier KAQ-U98</h3> 893 </a> 894 </div> 895 <div class="featured-list__item" style="background-color:#F2F2F2 !important;"> 896 <div class="item-image__hot"> 897 </div> 898 <a href="https://karofi.com/en/karofi-kaq-u95-water-purifier.html"> 899 <img 900 loading="lazy" 901 src="https://karofi.karofi.com/karofi-com/2023/12/w180/u95-bestsellerkrf.png.webp" 902 903 alt="u95-bestsellerkrf" 904 title="KAROFI KAQ-U95 water purifier" 905 width="180" 906 height="180" 907 > <p>KAQ U95</p> 908 <h3>KAROFI KAQ-U95 water purifier</h3> 909 </a> 910 </div> 911 </div> 912 </div> 913 </div> 914 </div> 915 <div class="newtechnology "> 916 <div class="container"> 917 <div class="block-header"> 918 <p>Absolute peace of mind with Karofi's smart technology</p> 919 </div> 920 <div class="newtechnology-list"> 921 <div class="newtechnology-image"> 922 <img 923 loading="lazy" 924 src="https://karofi.karofi.com/karofi-com/2021/11/w210/technology-large.png.webp" 925 926 alt="technology" 927 title="Absolute peace of mind with Karofi's smart technology" 928 width="210" 929 height="210" 930 > </div> 931 <div class="newtechnology-list__item"> 932 <a href="javascript:;"> 933 <div class="image"> 934 <img loading="lazy" src="/assetsUpdate/images/new-tech-bg-1.png.webp" alt="tech-bg1" height="280" width="328"> 935 </div> 936 <div class="content"> 937 <img 938 loading="lazy" 939 src="https://karofi.karofi.com/karofi-com/2022/09/w30/tech1-4.png.webp" 940 941 alt="tech1-4" 942 title="Smax technology" 943 width="100" 944 height="100" 945 > <p>Smax technology</p> 946 <span>Double the power Double the life</span> 947 </div> 948 </a> 949 </div> 950 <div class="newtechnology-list__item"> 951 <a href="javascript:;"> 952 <div class="image"> 953 <img loading="lazy" src="/assetsUpdate/images/new-tech-bg-2.png.webp" alt="tech-bg2" height="260" width="260"> 954 </div> 955 <div class="content"> 956 <img 957 loading="lazy" 958 src="https://karofi.karofi.com/karofi-com/2022/09/w30/tech2-3.png.webp" 959 960 alt="tech2-3" 961 title="QCVN6-1:2020/BYT" 962 width="100" 963 height="100" 964 > <p>QCVN6-1:2020/BYT</p> 965 <span>Bottled pure drinking water standard</span> 966 </div> 967 </a> 968 </div> 969 <div class="newtechnology-list__item"> 970 <a href="javascript:;"> 971 <div class="image"> 972 <img loading="lazy" src="/assetsUpdate/images/new-tech-bg-3.png.webp" alt="tech-bg3" height="328" width="280"> 973 </div> 974 <div class="content"> 975 <img 976 loading="lazy" 977 src="https://karofi.karofi.com/karofi-com/2022/09/w30/tech3-3.png.webp" 978 979 alt="tech3-3" 980 title="Voicecall Technology" 981 width="100" 982 height="100" 983 > <p>Voicecall Technology</p> 984 <span></span> 985 </div> 986 </a> 987 </div> 988 <div class="newtechnology-list__item"> 989 <a href="javascript:;"> 990 <div class="image"> 991 <img loading="lazy" src="/assetsUpdate/images/new-tech-bg-4.png.webp" alt="tech-bg4" height="260" width="260"> 992 </div> 993 <div class="content"> 994 <img 995 loading="lazy" 996 src="https://karofi.karofi.com/karofi-com/2022/09/w30/tech4-3.png.webp" 997 998 alt="tech4-3" 999 title="AioTec Technology" 1000 width="100" 1001 height="100" 1002 > <p>AioTec Technology</p> 1003 <span>Remote cleanliness control Total peace of mind</span> 1004 </div> 1005 </a> 1006 </div> 1007 <div class="newtechnology-list__item"> 1008 <a href="javascript:;"> 1009 <div class="image"> 1010 <img loading="lazy" src="/assetsUpdate/images/new-tech-bg-5.png.webp" alt="tech-bg5" height="280" width="328"> 1011 </div> 1012 <div class="content"> 1013 <img 1014 loading="lazy" 1015 src="https://karofi.karofi.com/karofi-com/2022/09/w30/tech5-3.png.webp" 1016 1017 alt="tech5-3" 1018 title="Vietnam Origin" 1019 width="100" 1020 height="100" 1021 > <p>Vietnam Origin</p> 1022 <span>Made in Vietnam</span> 1023 </div> 1024 </a> 1025 </div> 1026 1027 1028 </div> 1029 </div> 1030</div> <div class="category category-bg"> 1031 <div class="container"> 1032 <div class="block-header"> 1033 <p>Air Purifier</p> 1034 <ul class="block-header__list air"> 1035 <li><a href="#air0">
1035Air Conditioner</a></li> 1036 <li><a href="#air1">Household air purifier</a></li> 1037 <li><a href="#air2">Mini air purifier</a></li> 1038 </ul> 1039 </div> 1040 <div class="category-content air-content" id="air0"> 1041 <img 1042 loading="lazy" 1043 src="https://karofi.karofi.com/karofi-com/2022/06/w1000/dh-web.jpg.webp" 1044 1045 alt="dh-web" 1046 title="Air Conditioner" 1047 width="1170" 1048 height="728" 1049 > <div class="category-content__bottom"> 1050 <p> 1051 1052 </p> 1053 <a href="https://karofi.com/en/air-conditioner"> 1054 View all 1055 </a> 1056 </div> 1057 </div> 1058 <div class="category-content air-content" id="air1"> 1059 <img 1060 loading="lazy" 1061 src="https://karofi.karofi.com/karofi-com/2021/10/w1000/bg.png.webp" 1062 1063 alt="bg" 1064 title="Household air purifier" 1065 width="1170" 1066 height="728" 1067 > <div class="category-content__bottom"> 1068 <p> 1069 Absorbs droplets and kills bacteria 1070 </p> 1071 <a href="https://karofi.com/en/air-purifier"> 1072 View all 1073 </a> 1074 </div> 1075 </div> 1076 <div class="category-content air-content" id="air2"> 1077 <img 1078 loading="lazy" 1079 src="https://karofi.karofi.com/karofi-com/2020/05/w1000/artboard-1-3.jpg.webp" 1080 1081 alt="artboard-1-3" 1082 title="Mini air purifier" 1083 width="1170" 1084 height="728" 1085 > <div class="category-content__bottom"> 1086 <p> 1087 Absorbs droplets and kills bacteria 1088 </p> 1089 <a href="https://karofi.com/en/air-purifier"> 1090 View all 1091 </a> 1092 </div> 1093 </div> 1094 </div> 1095 </div> 1096 <div class="category"> 1097 <div class="container"> 1098 <div class="block-header"> 1099 <p>Water care service</p> 1100 <ul class="block-header__list service"> 1101 <li><a href="#service0">Replace core</a></li> 1102 <li><a href="#service1">maintenance</a></li> 1103 <li><a href="#service2">Accessories</a></li> 1104 </ul> 1105 </div> 1106 <div class="category-content service-content" id="service0"> 1107 <img 1108 loading="lazy" 1109 src="https://karofi.karofi.com/karofi-com/2021/10/w650/category2.png.webp" 1110 1111 alt="category2" 1112 title="Replace core" 1113 width="635" 1114 height="350" 1115 > <p> 1116 Replace filters on time to protect your family 1117 </p> 1118 <a href="https://karofi.com/gioi-thieu-bo-loi-smax-va-thoi-gian-thay-loi-loc-nuoc-dinh-ky-bv2800.html"> 1119 View all 1120 </a> 1121 </div> 1122 <div class="category-content service-content" id="service1"> 1123 <img 1124 loading="lazy" 1125 src="https://karofi.karofi.com/karofi-com/2022/07/w650/bao-hanh-n69-ct1-1-1.jpg.webp" 1126 1127 alt="bao-hanh-n69-ct1-1-1" 1128 title="maintenance" 1129 width="635" 1130 height="350" 1131 > <p> 1132 Replace filters on time to protect your family 1133 </p> 1134 <a href="https://karofi.com/dang-ky-bao-hanh-tan-nha"> 1135 View all 1136 </a> 1137 </div> 1138 <div class="category-content service-content" id="service2"> 1139 <img 1140 loading="lazy" 1141 src="https://karofi.karofi.com/karofi-com/2021/10/w650/loi-loc-thay-the-anh-3.jpg.webp" 1142 1143 alt="loi-loc-thay-the-anh-3" 1144 title="Accessories" 1145 width="635" 1146 height="350" 1147 > <p> 1148 Replace filters on time to protect your family 1149 </p> 1150 <a href="#"> 1151 View all 1152 </a> 1153 </div> 1154 1155 </div> 1156 </div> 1157 <div class="posts"> 1158 <div class="block-header"> 1159 <a href="https://karofi.com/news"><p>NEWS & EVENTS</p></a> 1160 </div> 1161 <div class="container"> 1162 <div class="left"> 1163 <a href="https://karofi.com/1-hour-visiting-southeast-asia-s-largest-water-purifier-factory-pt2628.html"> 1164 <img 1165 loading="lazy"
1166 src="https://karofi.karofi.com/karofi-com/2022/09/w700/nha-may-karofi-hung-yen-new.jpg.webp" 1167 1168 alt="nha-may-karofi-hung-yen-new" 1169 title="Tin tức" 1170 width="700" 1171 height="700" 1172 > </a> 1173 </div> 1174 <div class="right"> 1175 <ul> 1176 <li> 1177 <h3> 1178 <a href="https://karofi.com/karofi-kde-s85-has-attracted-great-attention-from-the-technology-enthusiasts-at-vietnam-ai-day-2022-pt3189.html"> 1179 Karofi model KDE-S85 has attracted great attention from the technology enthusiasts at Vietnam AI Day 2022 1180 </a> 1181 </h3> 1182 <a href="https://karofi.com/karofi-kde-s85-has-attracted-great-attention-from-the-technology-enthusiasts-at-vietnam-ai-day-2022-pt3189.html"> 1183 View all 1184 </a> 1185 </li> 1186 <li> 1187 <h3> 1188 <a href="https://karofi.com/karofi-gives-pure-water-to-truong-sa-island-pt3152.html"> 1189 KAROFI GIVES PURE WATER TO TRUONG SA ISLAND 1190 </a> 1191 </h3> 1192 <a href="https://karofi.com/karofi-gives-pure-water-to-truong-sa-island-pt3152.html"> 1193 View all 1194 </a> 1195 </li> 1196 <li> 1197 <h3> 1198 <a href="https://karofi.com/supply-and-installation-of-pure-water-booths-at-van-don-international-airport-pt3151.html"> 1199 Supply and installation of pure water booths at Van Don international airport 1200 </a> 1201 </h3> 1202 <a href="https://karofi.com/supply-and-installation-of-pure-water-booths-at-van-don-international-airport-pt3151.html"> 1203 View all 1204 </a> 1205 </li> 1206 <li> 1207 <h3> 1208 <a href="https://karofi.com/supplying-clean-water-treatment-system-at-can-tho-international-airport-pt3150.html"> 1209 Supplying clean water treatment system at Can Tho international airport 1210 </a> 1211 </h3> 1212 <a href="https://karofi.com/supplying-clean-water-treatment-system-at-can-tho-international-airport-pt3150.html"> 1213 View all 1214 </a> 1215 </li> 1216 </ul> 1217 </div> 1218 </div> 1219</div> <div class="introduction"> 1220 <div class="container"> 1221 <div class="introduction-content"> 1222 <img 1223 loading="lazy" 1224 src="https://karofi.karofi.com/karofi-com/2021/06/6-1.png.webp" 1225 1226 alt="6-1" 1227 title="6-1" 1228 width="1920" 1229 height="688" 1230 > <a class="introduction-content__play" href="javascript:;" data-src="https://www.youtube.com/watch?v=nQ7rpC8mCVo&t=20s"> 1231 <img loading="lazy" src="/assetsUpdate/images/icons/play.png" alt="play" width="30" height="40"> 1232 </a> 1233 <p> 1234 Karofi Holding Corporate - Leading Innovation in Water & Air 1235 </p> 1236 <iframe width="1920" height="688" src="https://www.youtube.com/watch?v=nQ7rpC8mCVo&t=20s" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> 1237 </div> 1238 </div> 1239</div> <div class="box-search"> 1240 <div class="container"> 1241 <div class="box-search__title"> 1242 <p>Can Karofi advise you on water purifiers?</p> 1243 </div> 1244 <form action="https://karofi.com/search"> 1245 <input type="text" name="keyword" placeholder="Search keyword"> 1246 <input type="hidden" name="suggest_type" value="products"> 1247 <button> 1248 <img src="/assetsUpdate/images/icons/search.png" alt="search" width="24" height="24" loading="lazy"> 1249 </button> 1250 </form> 1251 </div> 1252</div> </main> 1253 <footer class="site-footer"> 1254 <div class="site-footer__top"> 1255 <div class="container"> 1256 <div class="item"> 1257 <p class="item-title"> 1258 Water Purifier & Dispenser 1259 </p> 1260 <ul> 1261 <li> 1262 <a href="https://karofi.com/en/water-purifier" title="Water Purifier" 1263 aria-label="Water Purifier" 1264 > 1265 Water Purifier 1266 </a> 1267 </li> 1268 <li> 1269 <a href="https://karofi.com/en/water-dispenser" title="Water Dispenser" 1270 aria-label="Water Dispenser" 1271 > 1272 Water Dispenser 1273 </a> 1274 </li> 1275 <li>
1276 <a href="/comprehensive-water-filtration" title="Industrial Water Purifier" 1277 aria-label="Industrial Water Purifier" 1278 > 1279 Industrial Water Purifier 1280 </a> 1281 </li> 1282 <li> 1283 <a href="https://karofi.com/en/ro-membranes-and-accessories" title="RO Membrane" 1284 aria-label="RO Membrane" 1285 > 1286 RO Membrane 1287 </a> 1288 </li> 1289 <li> 1290 <a href="https://karofi.com/en/air-purifier" title="Air Purifier" 1291 aria-label="Air Purifier" 1292 > 1293 Air Purifier 1294 </a> 1295 </li> 1296 <li> 1297 <a href="https://karofi.com/en/evaporative-air-cooler" title="Evaporative Air Cooler" 1298 aria-label="Evaporative Air Cooler" 1299 > 1300 Evaporative Air Cooler 1301 </a> 1302 </li> 1303 </ul> 1304 </div> 1305 <div class="item"> 1306 <p class="item-title"> 1307 Contact us 1308 </p> 1309 <ul> 1310 <li> 1311 <a href="/introduction" title="About us" 1312 aria-label="About us" 1313 > 1314 About us 1315 </a> 1316 </li> 1317 <li> 1318 <a href="https://karofi.com/agency-policy" title="Distribution Policy" 1319 aria-label="Distribution Policy" 1320 > 1321 Distribution Policy 1322 </a> 1323 </li> 1324 <li> 1325 <a href="https://karofi.com/news" title="News" 1326 aria-label="News" 1327 > 1328 News 1329 </a> 1330 </li> 1331 <li> 1332 <a href="mailto:[email protected]" title="Email: [email protected]" 1333 aria-label="Email: [email protected]" 1334 > 1335 Email: [email protected] 1336 </a> 1337 </li> 1338 <li> 1339 <a href="https://wa.me/84837748966" title="WhatsApp: +84837748966" 1340 aria-label="WhatsApp: +84837748966" 1341 rel="Noindex,Nofollow" > 1342 WhatsApp: +84837748966 1343 </a> 1344 </li> 1345 </ul> 1346 </div> 1347 <div class="item footer-image"> 1348 <p class="item-title"> 1349 KAROFI Group Joint Stock Company 1350 </p> 1351 <img 1352 loading="lazy" 1353 src="https://karofi.karofi.com/karofi-com/2025/06/map.jpg" 1354 1355 alt="map" 1356 title="map" 1357 width="700" 1358 height="520" 1359 > </div> 1360 </div> 1361 </div> 1362 <div class="site-footer__middle"> 1363 <div class="container"> 1364 <div class="left"> 1365 <p>KAROFI Group Joint Stock Company�</p> 1366 <p>Head office: 5th & 6th Floor, Hudland Tower, No. 6 Nguyen Huu Tho Str., Hoang Mai Dist., Hanoi, Vietnam�</p> 1367 <p>Hotline: +84-247 3028777�</p> 1368 <p>Email: [email protected]�</p> 1369 <p>Fax: +84-243-628 4430�</p> 1370 <p>Factory: Tu Ho Hamlet, Yen Phu Commune, Yen My District, Hung Yen Province, Vietnam</p> 1371 </div> 1372 <div class="middle"> 1373 <a href="http://online.gov.vn/Home/WebDetails/55513" aria-label="BỠcông thương"> 1374 <img loading="lazy" src="/assetsUpdate/images/icons/bocongthuong.png" alt="bocongthuong" width="125" height="47"> 1375 </a> 1376 <a target="_blank" href="" aria-label="DMCA"> 1377 <img loading="lazy" src="/assetsUpdate/images/icons/dmca.png" alt="dmca" width="125" height="47"> 1378 </a> 1379 </div> 1380 <div class="right"> 1381 <div class="right-contact"> 1382 <p>Follow us on</p> 1383 <ul> 1384 <li class="fb"> 1385 <a target="_blank" href="https://www.facebook.com/Tecomenvietnam/"> 1386 <img loading="lazy" src="/assetsUpdate/images/icons/fb.png" alt="facebook" width="25" height="25"> 1387 </a> 1388 </li> 1389 <li class="yt"> 1390 <a target="_blank" href="https://www.youtube.com/c/KAROFIGLOBAL"> 1391 <img loading="lazy" src="/assetsUpdate/images/icons/yt.png" alt="youtube" width="30" height="20"> 1392 </a> 1393 </li> 1394 <li class="email"> 1395 <a target="_blank" href="mailto: [email protected]"> 1396 <img loading="lazy" src="/assetsUpdate/images/icons/email.png" alt="email" width="26" height="20"> 1397 </a> 1398 </li> 1399 1400 </ul>
1401 </div> 1402 <div class="right-download"> 1403 <div style="width: 100%"> 1404 <p>Available on:</p> 1405 </div> 1406 <ul> 1407 <li> 1408 <a target="_blank" href="https://apps.apple.com/vn/app/karofi-365/id1563714392?l=en" aria-label="appstore"> 1409 <img loading="lazy" src="/assetsUpdate/images/icons/appstore.png" alt="appstore" width="105" height="31"> 1410 </a> 1411 </li> 1412 <li> 1413 <a target="_blank" href="https://play.google.com/store/apps/details?id=com.karofi.k365.iotp.mobile" aria-label="googleplay"> 1414 <img loading="lazy" src="/assetsUpdate/images/icons/googleplay.png" alt="googleplay" width="105" height="31"> 1415 </a> 1416 </li> 1417 </ul> 1418 </div> 1419 </div> 1420 </div> 1421 </div> 1422 <div class="site-footer__copyright"> 1423 <p>Copyright © 2022 by KAROFI Group Joint Stock Company. Tax code: 0105866879 issued by Hanoi Department of Planning and Investment on April 23, 2012. All rights reserved.</p> 1424 </div> 1425</footer> <div class="popup-search"> 1426 <div class="popup-search__content"> 1427 <h2>
1428 Can we help you search? 1429 </h2> 1430 <form action="https://karofi.com/search" method="get" class="header-top__search-form" id="formSearch"> 1431 <button> 1432 <img src="/assetsUpdate/images/icons/search.png" alt="search" width="24" height="24"> 1433 </button> 1434 <input type="hidden" name="suggest_type" value="products"> 1435 <input type="text" name="keyword" id="search_keyword" placeholder="Search for products..." autocomplete="off"> 1436 <a href="javascript:;" aria-label="Close"> 1437 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z"/></svg> 1438 </a> 1439 </form> 1440 1441 <div class="suggest-search suggest-list show"> 1442 1443 </div> 1444 <div class="suggest-default"> 1445 1446 </div> 1447 </div> 1448 <div class="popup-search__close"> 1449 <img src="/assetsUpdate/images/icons/close.png" alt="close" width="32" height="32"> 1450 </div> 1451</div> 1452 <section class="popup-document" id="popup-document"> 1453 <div class="popup-document__title">Download categogue products</div> 1454 <div class="popup-document__subtitle">Receive this document via email or send it to someone else</div> 1455 <div class="popup-document__form"> 1456 <form action="https://karofi.com/download-document" id="document-form" method="post"> 1457 <input type="hidden" name="_token" value="Nea2dmunhXGrNYhQl2SikqwKr7b5YxJNOlJh1jgQ"> <input type="hidden" name="form_type" value="web"> 1458 <input type="hidden" name="form_file" value=""> 1459 <input type="hidden" name="document_url" value="https://karofi.com/en"> 1460 <input type="hidden"> 1461 <div class="form-group"> 1462 <input type="text" class="form-control" name="document_email" placeholder="Email*"> 1463 </div> 1464 <div class="form-group"> 1465 <input type="text" class="form-control" name="document_name" placeholder="Fullname*"> 1466 </div> 1467 <div class="form-group"> 1468 <input type="text" class="form-control" name="document_phone" placeholder="Phone Number*"> 1469 </div> 1470 <div class="form-group"> 1471 <div class="g-recaptcha" style="float: left;width: 100%;margin-bottom: 10px;" id="feedback-recaptcha" data-sitekey="6LfcDOgdAAAAAJkfTQAyDigPyi2nngYOrglCiEHE"></div> 1472 </div> 1473 <div class="form-submit"> 1474 <div style="display:none;"><input type="text" name="website" value=""></div> 1475 <button type="button" class="form-submit__document">Confirm</button> 1476 <p>Or <a href="#" id="document_link">Click here to download</a></p> 1477 </div> 1478 </form> 1479 </div> 1480</section> 1481 1482<div class="popup-advisory" id="advistory"> 1483 <div class="popup-advisory__header flex"> 1484 <div class="left"> 1485 <img src="" alt=""> 1486 </div> 1487 <div class="right"> 1488 <div class="popup-advisory__title"></div> 1489 <div class="popup-advisory__subtitle"></div> 1490 </div> 1491 </div> 1492 <div class="popup-advisory__form"> 1493 <form action="https://karofi.com/advisory" id="advisory-form" method="post"> 1494 <input type="hidden" name="_token" value="Nea2dmunhXGrNYhQl2SikqwKr7b5YxJNOlJh1jgQ"> <input type="hidden" name="form_type" value="web"> 1495 <div class="form-group"> 1496 <input type="text" class="form-control" name="advisory_name" placeholder="Fullname*" required> 1497 </div> 1498 <div class="form-group"> 1499 <input type="text" class="form-control" name="phonenumber" placeholder="Phone Number*" required> 1500 </div> 1501 <div class="form-group"> 1502 <input type="text" class="form-control" name="address" placeholder="Address" required> 1503 </div> 1504 <div class="form-group"> 1505 <ul> 1506 <li> 1507 <input type="checkbox" name="advisory_text[]" id="item_Tư vấn máy lá»c Hydro-ion Kiá»m" value="Tư vấn máy lá»c Hydro-ion Kiá»m"> 1508 <label for="item_Tư vấn máy lá»c Hydro-ion Kiá»m">Tư vấn máy lá»c Hydro-ion Kiá»m</label> 1509 </li> 1510 <li> 1511 <input type="checkbox" name="advisory_text[]" id="item_Consultation on hot-cold water purifier" value="Consultation on hot-cold water purifier"> 1512 <label for="item_Consultation on hot-cold water purifier">Consultation on hot-cold water purifier</label> 1513 </li> 1514 <li> 1515 <input type="checkbox" name="advisory_text[]" id="item_Choosing your Water Purifier" value="Choosing your Water Purifier"> 1516 <label for="item_Choosing your Water Purifier">Choosing your Water Purifier</label> 1517 </li> 1518 <li> 1519 <input type="checkbox" name="advisory_text[]" id="item_Tư vấn cây nưá»c nóng lạnh" value="Tư vấn cây nưá»c nóng lạnh"> 1520 <label for="item_Tư vấn cây nưá»c nóng lạnh">Tư vấn cây nưá»c nóng lạnh</label> 1521 </li> 1522 <li> 1523 <input type="checkbox" name="advisory_text[]" id="item_Consultation on main water filtration systems" value="Consultation on main water filtration systems"> 1524 <label for="item_Consultation on main water filtration systems">Consultation on main water filtration systems</label> 1525 </li> 1526 <li> 1527 <input type="checkbox" name="advisory_text[]" id="item_Tư vấn máy lá»c nưá»c tá»ng" value="Tư vấn máy lá»c nưá»c tá»ng"> 1528 <label for="item_Tư vấn máy lá»c nưá»c tá»ng">Tư vấn máy lá»c nưá»c tá»ng</label> 1529 </li> 1530 </ul> 1531 </div> 1532 <div class="form-submit"> 1533 <div class="form-submit__captcha" style="margin-bottom: 15px;"> 1534 <div class="g-recaptcha" data-sitekey="6LfcDOgdAAAAAJkfTQAyDigPyi2nngYOrglCiEHE"></div> 1535</div> <div style="display:none;"><input type="text" name="website" value=""></div> 1536 <button type="button" class="form-submit__advisory">Confirm</button> 1537 </div> 1538 </form> 1539 </div> 1540</div> 1541<div class="popup-advisory" id="register_agency"> 1542 <div class="popup-advisory__title">Register as an agency</div> 1543 <div class="popup-advisory__subtitle"></div> 1544 <div class="popup-advisory__form"> 1545 <form action="https://karofi.com/agency" id="agency-form" method="post"> 1546 <input type="hidden" name="_token" value="Nea2dmunhXGrNYhQl2SikqwKr7b5YxJNOlJh1jgQ"> <input type="hidden" name="form_type" value="web"> 1547 <div class="form-group"> 1548 <input type="text" class="form-control" name="agency_name" placeholder="Fullname*" required> 1549 </div> 1550 <div class="form-group"> 1551 <input type="text" class="form-control" name="agency_phonenumber" placeholder="Phone Number*" required> 1552 </div> 1553 <div class="form-group"> 1554 <input type="text" class="form-control" name="agency_address" placeholder="Address"> 1555 </div> 1556 <div class="form-submit"> 1557 <button type="button" class="form-submit__agency">Confirm</button> 1558 </div> 1559 </form> 1560 </div> 1561</div> 1562 1563 <section class="icon-scroll"> 1564 <ul> 1565 <li> 1566 <a href="javascript:;" id="gototop"> 1567 <img src="/assetsUpdate/images/icons/backtotop.svg" alt="backtotop" loading="lazy" width="44" height="43"> 1568 </a> 1569 </li> 1570 1571 <li> 1572 <a href="tel:+84837748966"> 1573 <img src="/assetsUpdate/images/icons/phone.svg" alt="backtotop" loading="lazy" width="50" height="50"> 1574 </a> 1575 </li> 1576 <li> 1577 <a href="#advistory"> 1578 <img src="/assets/image/contact-icon.png" alt="contact" loading="lazy" width="58" height="63"> 1579 </a> 1580 </li> 1581 1582 </ul> 1583</section>
1584<script type="text/javascript" defer> 1585 document.addEventListener("DOMContentLoaded", function(event) { 1586 $('.contact').on('click',function(){ 1587 $(this).parent().toggleClass('show'); 1588 }); 1589 }); 1590</script>
1590 <div class="modal" id="modal-login"> 1591 <div class="modal-content"> 1592 <div class="modal-close"></div> 1593 <div class="row-t"> 1594 <div class="col-lg-4 tcol modal-left"> 1595 <div class="modal-left-item modal-left-item-1 active"> 1596 <p class="font-22 mb-10"><b>Login</b></p> 1597 <span class="modal-note">Login to track orders, save favorite products, and receive many attractive offers</span> 1598 </div> 1599 <div class="modal-left-item modal-left-item-2"> 1600 <p class="font-22 mb-10"><b>Create an account</b></p> 1601 <span class="modal-note">Login to track orders, save favorite products, and receive many attractive offers</span> 1602 </div> 1603 <div class="modal-left-item modal-left-item-3"> 1604 <p class="font-22 mb-10"><b>Forgot password</b></p> 1605 <span class="modal-note">We will send the password reset link to your email</span> 1606 </div> 1607 </div> 1608 1609 <div class="col-lg-8 modal-detail"> 1610 <div class="modal-header"> 1611 <button class="active change-tab change-tab-1" data-tab="1"><b>Login</b></button> 1612 <button class="change-tab change-tab-2" data-tab="2"><b>Create an account</b></button> 1613 <button class="change-tab change-tab-3" data-tab="3"><b>Forgot password</b></button> 1614 </div> 1615 1616 <div class="modal-body"> 1617 <div class="modal-tab modal-tab-1 active"> 1618 <form action="" class="row-t form-login modal-form"> 1619 <input type="hidden" name="_token" value="Nea2dmunhXGrNYhQl2SikqwKr7b5YxJNOlJh1jgQ"> 1620 <div class="row-t align-items mb-15"> 1621 <div class="col-lg-3"> 1622 <label for="">Email</label> 1623 </div> 1624 <div class="col-lg-9"> 1625 <input type="text" class="modal-input form-control" name="email"> 1626 </div> 1627 </div> 1628 <div class="row-t align-items mb-15"> 1629 <div class="col-lg-3"> 1630 <label for="">Password</label> 1631 </div> 1632 <div class="col-lg-9 tcol"> 1633 <input type="password" class="modal-input form-control" name="password"> 1634 </div> 1635 </div> 1636 1637 <div class="row-t f-end"> 1638 <div class="col-lg-9"> 1639 1640 1641 <button class="modal-btn" id="btn-login-popup">Login</button> 1642 </div> 1643 </div> 1644 </form> 1645 <div class="modal-or-divider"> 1646 <span>Or</span> 1647 </div> 1648 <a href="https://karofi.com/auth/google" class="modal-btn-google" id="btn-google-login"> 1649 <svg width="18" height="18" viewBox="-3 0 262 262" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"> 1650 <path d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027" fill="#4285F4"/> 1651 <path d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1" fill="#34A853"/> 1652 <path d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782" fill="#FBBC05"/> 1653 <path d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251" fill="#EB4335"/> 1654 </svg>
1655 <span>ÄÄng nháºp bằng Google</span> 1656 </a> 1657 </div> 1658 1659 <div class="modal-tab modal-tab-2"> 1660 <form action="" class="row-t form-register"> 1661 <input type="hidden" name="_token" value="Nea2dmunhXGrNYhQl2SikqwKr7b5YxJNOlJh1jgQ"> 1662 <div class="row-t"> 1663 <div class="row-t mb-15 align-items"> 1664 <div class="col-lg-3"> 1665 <label for="">Email</label> 1666 </div> 1667 <div class="col-lg-9"> 1668 <input type="text" class="modal-input form-control" name="email" placeholder="Enter email"> 1669 </div> 1670 </div> 1671 <div class="row-t mb-15 align-items"> 1672 <div class="col-lg-3"> 1673 <label for="">Priority object</label> 1674 </div> 1675 <div class="col-lg-9"> 1676 <input value="1" id="user" type="radio" name="type"> 1677 <label for="user">Retail customer</label> 1678 1679 <input value="2" id="counterparty" type="radio" name="type"> 1680 <label class="mr-20" for="counterparty">Workers and Businesses</label> 1681 1682 </div> 1683 </div> 1684 <div class="row-t f-end"> 1685 <div class="col-lg-9"> 1686 <button class="modal-btn mb-10" id="btn-register-popup">Create an account</button> 1687 <p class="font-14 modal-note">When you press <b>Create an account</b>, you have agreed to conduct all buying and selling transactions according to <a href="#" class="blue">terms of use and</a> <a href="#" class="blue">Karofi's policies</a></p> 1688 </div> 1689 </div> 1690 </div> 1691 </form> 1692 <div class="modal-or-divider"> 1693 <span>Or</span> 1694 </div> 1695 <a href="https://karofi.com/auth/google" class="modal-btn-google" id="btn-google-register"> 1696 <svg width="18" height="18" viewBox="-3 0 262 262" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"> 1697 <path d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027" fill="#4285F4"/> 1698 <path d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1" fill="#34A853"/> 1699 <path d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782" fill="#FBBC05"/> 1700 <path d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251" fill="#EB4335"/> 1701 </svg> 1702 <span>ÄÄng nháºp bằng Google</span> 1703 </a> 1704 </div> 1705 <div class="modal-tab modal-tab-3"> 1706 <form action="" class="row-t form-forgot-password"> 1707 <input type="hidden" name="_token" value="Nea2dmunhXGrNYhQl2SikqwKr7b5YxJNOlJh1jgQ"> 1708 <div class="row-t"> 1709 <div class="row-t mb-15 align-items"> 1710 <div class="col-lg-3"> 1711 <label for="">Email</label> 1712 </div> 1713 <div class="col-lg-9"> 1714 <input type="text" class="modal-input form-control" name="email" placeholder="Enter email"> 1715 </div> 1716 </div> 1717 <div class="row-t f-end"> 1718 <div class="col-lg-9"> 1719 <button class="modal-btn mb-10" id="btn-forgot-password" data-page-register="1">Confirm</button> 1720 </div> 1721 </div> 1722 </div> 1723 </form> 1724 </div> 1725 </div> 1726 </div> 1727 </div> 1728 </div> 1729</div> 1730<div class="modal" id="modal-message"> 1731 <div class="modal-content" style="width: 500px;"> 1732 <div class="modal-close"></div> 1733 <div class=""> 1734 <div class="message" style="text-align: center;padding: 20px;"> 1735 1736 </div> 1737 </div> 1738 </div> 1739</div> 1740 <section class="compare" data-compare_box> 1741 <div class="compare-title"> 1742 <div class="container"> 1743 <div class="compare-title__left">Already <span data-compare_number="compact">0</span> product selected</div> 1744 <div class="compare-title__right">Maximum 2 products can be compared</div> 1745 <button class="button" id="compare-close" data-compare_close> 1746 <svg fill="#000000" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 1747 width="18" height="18" viewBox="0 0 30.727 30.727" 1748 xml:space="preserve"> 1749 <g>
1750 <path d="M29.994,10.183L15.363,24.812L0.733,10.184c-0.977-0.978-0.977-2.561,0-3.536c0.977-0.977,2.559-0.976,3.536,0 1751 l11.095,11.093L26.461,6.647c0.977-0.976,2.559-0.976,3.535,0C30.971,7.624,30.971,9.206,29.994,10.183z"/> 1752 </g> 1753 </svg> 1754 </button> 1755 </div> 1756 </div> 1757 <div class="container"> 1758 <div class="compare-list" id="compare_box"> 1759 1760 <div class="compare-list__item compare-action"> 1761 <a href="https://karofi.com/product-comparison">Compare <i class="fa fa-arrow-right" aria-hidden="true"></i></a> 1762 </div> 1763 </div> 1764 </div> 1765</section> <div id="loading_box" 1766 data-additional="Please add additional information" 1767 data-invalid="invalid" 1768 data-confirm_captcha="Please confirm the captcha" 1769 data-wait_captcha="Please wait for reCAPTCHA to finish loading and try again." 1770 data-email_incorrect_format="Email format is incorrect!" 1771 data-phone_incorrect_format="Phone number format is incorrect!" 1772 data-email_required="You need to enter email!" 1773 data-phone_required="You need to enter a phone number!" 1774 data-error="An error occurred, please try again!" 1775 data-send_mail_error="An error occurred while sending mail" 1776 data-email_exists="The email you just entered has been registered on the system!" 1777 data-email_sent="The account activation link has been sent to your Email. Please check to activate your account" 1778 data-request_password_change_successfully="Password change request successful. Please check your email to receive your new password" 1779 data-enter_name="Please enter your name" 1780 data-enter_email="Please enter your name" 1781 data-enter_old_password="Vui lòng nháºp máºt khẩu cuÌ cá»§a bạn" 1782 data-enter_new_password="Please enter your name" 1783 data-re_enter_new_password="Please enter your name" 1784 data-password_not_match="The passwords do not match!" 1785 data-voucher_required="Voucher is required!" 1786 data-name_required="Full name cannot be left blank!" 1787 data-phone_information_required="Phone information is not empty!" 1788 data-product_note_same_category="Products not in the same category!" 1789 data-2_items_in_comparison="There were 2 items in comparison!" 1790 data-product_exists="This product exists!" 1791 data-no_products_to_compare="<p>There are no products to compare</p>" 1792 data-select_district="-- Select District --" 1793 data-error_occurred="An error occurred. Please try again!" 1794 data-timeout_location="Time to enable location has expired!" 1795 data-invalid_information="Incorrect information!" 1796 data-require_location="You need to enable Location to use this feature!" 1797 data-success_message="You have successfully submitted the information. Karofi will contact you soon at the phone number you registered." 1798 data-registration_info_required="Registration information cannot be left blank!" 1799 data-fullname_required="Full name cannot be empty!" 1800 data-phone_required="Phone number cannot be left blank!" 1801 data-address_required="Address cannot be empty!" 1802 data-phone_format_invalid="Invalid phone number format!" 1803 data-registration_success="Registration successful." 1804 data-account_activation="Activate your account by clicking the link sent to your email." 1805 data-change_password="Change Password" 1806 data-cancel="Cancel" 1807 data-default_address="Default address" 1808 data-select_filter_required="Please select the filter cartridge that needs to be replaced!" 1809 data-coupon_code_required="Voucher is required!" 1810 data-code_required="Code cannot be left blank!" 1811 data-email_required="Please enter the email information!" 1812 data-select_machine_model="Please select the machine model" 1813 data-email_format_invalid="Email không hợp lệ!" 1814 data-complete_information_required="Please enter full information!" 1815 data-no_submission_uploaded="You have not uploaded the contest entry" 1816 data-file_size_exceeded="File size for contest entry must not exceed 50MB" 1817 data-complete_information_required="Bạn cần nháºp Äầy Äá»§ thông tin" 1818 data-results_updating="Results are currently being updated!" 1819 data-call_hotline="Call product consultation hotline" 1820 data-locale="en" 1821 data-phone="Phone Number" 1822 data-province="Province/City" 1823 data-district="Quận/huyện" 1824 data-change_password="ÄôÌi mật khâÌu" 1825 data-cancel="HuÌy" 1826 data-invalid_partner_data="Inappropriate partner data" 1827 data-password_error="Current password is incorrect!" 1828 data-update_success="Cáºp nháºt thông tin thà nh công!" 1829 data-confirm_submit="Are you sure to continue?" 1830 data-link_contest_required="Submission link cannot be empty!" 1831 data-age_required="Age cannot be empty!" 1832 data-name_required="Full name cannot be empty!" 1833 data-only_form="Price" 1834 data-played_wheel="You have joined this program" 1835 > 1836 <div id="loading_image"></div> 1837</div> 1838 <link rel="preload" href="https://karofi.com/assets/libs/jquery-confirm/jquery-confirm.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 1839 <noscript><link rel="stylesheet" href="https://karofi.com/assets/libs/jquery-confirm/jquery-confirm.min.css"></noscript> 1840 <link rel="preload" href="https://karofi.com/mobiles/libs/fancybox/jquery.fancybox.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 1841 <noscript><link rel="stylesheet" href="https://karofi.com/mobiles/libs/fancybox/jquery.fancybox.min.css"></noscript> 1842 <link rel="preload" href="https://karofi.com/assetsUpdate/css/user-cart.min.css?v=0.0.5" as="style" onload="this.onload=null;this.rel='stylesheet'"> 1843 <noscript><link rel="stylesheet" href="https://karofi.com/assetsUpdate/css/user-cart.min.css?v=0.0.5"></noscript> 1844 1845
1845<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
1845 1846
1846<script defer type="text/javascript" src="https://karofi.com/assets/libs/fancybox/jquery.fancybox.min.js"></script>
1846 1847
1847<script defer type="text/javascript" src="https://karofi.com/assets/libs/jquery-confirm/jquery-confirm.min.js"></script>
1847 1848
1848<script defer type="text/javascript" src="https://karofi.com/assets/js/functions.min.js?v=0.0.5"></script>
1848 1849
1849<script defer type="text/javascript" src="https://karofi.com/assets/js/main_home.min.js?v=0.0.5"></script>
1849 1850
1850<script defer type="text/javascript" src="https://karofi.com/assetsUpdate/js/user-cart.min.js?v=0.0.5"></script>
1850 1851 1852 1853
1853<script> 1854 window.GoogleAuthConfig = { 1855 clientId: '878717064109-68ho15j771cuvss9m47bgu38g8g80jjp.apps.googleusercontent.com', 1856 oneTapUrl: 'https://karofi.com/ajax/google-one-tap', 1857 loggedIn: false 1858 }; 1859 </script>
1859 1860
1860<script src="https://accounts.google.com/gsi/client" async defer></script>
1860 1861
1861<script defer type="text/javascript" src="https://karofi.com/assetsUpdate/js/google-auth.js?v=0.0.5"></script>
1861 1862
1862<script type="text/javascript" defer> 1863 document.addEventListener("DOMContentLoaded", function(event) { 1864 setTimeout(function() { 1865 $('img').each(function(){ 1866 let src = $(this).attr('src'); 1867 let data_src = $(this).data('src'); 1868 if(src === ''){ 1869 $(this).attr('src', data_src) 1870 } 1871 }); 1872 }, 500); 1873 $(document).ready(function() { 1874 setTimeout(function() { 1875 let script_head = ``; 1876 $('head').append(script_head); 1877 1878 let script_body = ``; 1879 $('body').prepend(script_body); 1880 1881 let script_footer = `<div class="zalo-chat-widget" data-oaid="946235216831326689" data-welcome-message="Rất vui khi ÄÆ°á»£c há» trợ bạn!" data-autopopup="0" data-width="" data-height=""></div> 1882 1883\x3Cscript src="https://sp.zalo.me/plugins/sdk.js">\x3C/script>`; 1884 $('body').append(script_footer); 1885 1886 let recaptcha = `
1886<script defer="" src="https://www.google.com/recaptcha/api.js?v=0.1.4"><\/script>`; 1887 $('body').prepend(recaptcha); 1888 }, 15000); 1889 setTimeout(function(){ 1890 $( ".menu-container img" ).each(function( index ) { 1891 var src = $(this).attr('data-src'); 1892 $(this).attr('src', src); 1893 }); 1894 }, 3000); 1895 $(window).on('scroll',function(){ 1896 let height = 50; 1897 if($(this).scrollTop() > height){ 1898 $('.icon-scroll').addClass('show') 1899 $('.site-header').addClass('fixed'); 1900 } else{ 1901 $('.icon-scroll').removeClass('show') 1902 $('.site-header').removeClass('fixed'); 1903 } 1904 }); 1905 tabs('water', 'water-content', 'active'); 1906 tabs('air', 'air-content', 'active'); 1907 tabs('service', 'service-content', 'active'); 1908 $(".menu-content ul li").hover(function () { 1909 $(this).addClass("show"); 1910 }, 1911 function () { 1912 $(this).removeClass("show"); 1913 } 1914 ); 1915 $(".main-menu ul li").hover(function () { 1916 $('.main-menu ul li').removeClass('active'); 1917 $(this).addClass('active'); 1918 1919 $('.child-menu').addClass('show'); 1920 var data_hover = $(this).find('a').data('hover'); 1921 $('.menu-content ul').removeClass('show'); 1922 $('#'+data_hover).addClass('show'); 1923 // $('.child-menu ul.show li').addClass('show'); 1924 1925 $('.child-menu ul.show li:nth-child(2)').addClass('show'); 1926 $(".menu-content").hover(function () { 1927 $('.child-menu').addClass('show'); 1928 }, function(){ 1929 $('.main-menu ul li').removeClass('active'); 1930 $('.child-menu').removeClass('show'); 1931 }); 1932 }, 1933 function () { 1934 $('.child-menu').removeClass('show'); 1935 } 1936 ); 1937 $('body').on('click','.form-submit__document',function(e) { 1938 e.preventDefault(); 1939 name = $('#popup-document input[name=document_name]').val(); 1940 phone = $('#popup-document input[name=document_phone]').val(); 1941 email = $('#popup-document input[name=document_email]').val(); 1942 var response = grecaptcha.getResponse(); 1943 if(response == ''){ 1944 alert($('#loading_box').data('confirm_captcha')); 1945 return false; 1946 } 1947 if (name == '' && phone == '' && email == '') { 1948 $.alert('Please enter full information!'); 1949 } else if(name == '') { 1950 $.alert('Full name cannot be left blank!'); 1951 } else if (phone == '') { 1952 $.alert('You need to enter a phone number!'); 1953 } else if (!validatePhone(phone)) { 1954 $.alert('Phone format is incorrect!'); 1955 } else if (email == '') { 1956 $.alert('Email cannot be empty!'); 1957 } else if (!validateEmail(email)) { 1958 $.alert('Email format is required!'); 1959 } else { 1960 $("#loading_box").css({visibility:"visible", opacity: 0.0}).animate({opacity: 1.0},200); 1961 $('#document-form').submit(); 1962 } 1963 }); 1964 $('body').on('click','.form-submit__advisory',function(e) { 1965 // Kiá»m tra xem reCAPTCHA Äã ÄÆ°á»£c Äá»nh nghÄ©a hay chưa 1966 if (typeof grecaptcha === 'undefined') { 1967 alert($('#loading_box').data('wait_captcha')); 1968 return false; // Dừng viá»c xá» lý submit 1969 } 1970 // Lấy response từ tất cả các reCAPTCHA widgets 1971 var recaptchaWidgets = $('.g-recaptcha'); 1972 var response = ''; 1973 1974 // Nếu có nhiá»u widget, kiá»m tra từng cái má»t 1975 if (recaptchaWidgets.length > 1) { 1976 // Tìm widget trong form advisory 1977 var advisoryWidget = $(this).closest('form').find('.g-recaptcha'); 1978 if (advisoryWidget.length > 0) { 1979 // Lấy index cá»§a widget advisory 1980 var widgetIndex = recaptchaWidgets.index(advisoryWidget[0]); 1981 response = grecaptcha.getResponse(widgetIndex); 1982 } else { 1983 response = grecaptcha.getResponse(); 1984 } 1985 } else { 1986 response = grecaptcha.getResponse(); 1987 } 1988 if(response == ''){ 1989 alert($('#loading_box').data('confirm_captcha')); 1990 return false;
1991 } 1992 var advisory_text = []; 1993 e.preventDefault(); 1994 name = $('#advistory input[name=advisory_name]').val(); 1995 phone = $('#advistory input[name=phonenumber]').val(); 1996 $('#advistory input[type=checkbox]:checked').each(function(){ 1997 advisory_text.push($(this).val()); 1998 }); 1999 if (name == '' && phone == '' && advisory_text == '') { 2000 $.alert('Please enter full information!'); 2001 } else if(name == '') { 2002 $.alert('Full name cannot be left blank!'); 2003 } else if (phone == '') { 2004 $.alert('You need to enter a phone number!'); 2005 } else if (!validatePhone(phone)) { 2006 $.alert('Phone format is incorrect!'); 2007 } else if (advisory_text.length == 0) { 2008 $.alert('Need to select consulting content!'); 2009 } else { 2010 $("#loading_box").css({visibility:"visible", opacity: 0.0}).animate({opacity: 1.0},200); 2011 $('#advisory-form').submit(); 2012 // Reset captcha cá»§a form advisory 2013 var recaptchaWidgets = $('.g-recaptcha'); 2014 if (recaptchaWidgets.length > 1) { 2015 var advisoryWidget = $(this).closest('form').find('.g-recaptcha'); 2016 if (advisoryWidget.length > 0) { 2017 var widgetIndex = recaptchaWidgets.index(advisoryWidget[0]); 2018 grecaptcha.reset(widgetIndex); 2019 } 2020 } else { 2021 grecaptcha.reset(); 2022 } 2023 } 2024 }); 2025 $("#formSearch input").on('keyup', function() { 2026 //but here value for this is textarea where keypress event happened. 2027 if (this.value.length > 0) { 2028 $(this).parent().addClass('show'); 2029 } else { 2030 $(this).parent().removeClass('show'); 2031 } 2032 }); 2033 $("#formSearch a").on('click', function() { 2034 $(this).parent().find('input').val(''); 2035 $(this).parent().removeClass('show'); 2036 $('.suggest-list').removeClass('show'); 2037 }); 2038 $('.header-search').on('click',function(){ 2039 $(this).parents('body').find('.popup-search').addClass('show'); 2040 setTimeout(function() { 2041 $('#search_keyword').focus() 2042 }, 1000); 2043 }); 2044 $('.popup-search__close').on('click',function(){ 2045 $(this).parent().removeClass('show'); 2046 }); 2047 }); 2048 }); 2049 </script>
2049 2050
2050<script type="text/javascript" defer> 2051 document.addEventListener("DOMContentLoaded", function(event) { 2052 $(document).ready(function() { 2053 if ($('.feature-list-tabs').length > 0) { 2054 tabs('feature-list-tabs', 'featured-list-tab-items', 'active'); 2055 } 2056 2057 if ($('.filter-header-tabs').length > 0) { 2058 tabs('filter-header-tabs', 'filter-list-tab-items', 'active'); 2059 } 2060 2061 if ($('.ourstanding-list').length > 0) { 2062 tabs('ourstanding-list', 'ourstanding-products__list', 'active'); 2063 } 2064 }); 2065 }); 2066 </script>
2066 2067
2067<script defer> 2068 var swiper = new Swiper("#slide_home", { 2069 pagination: { 2070 el: ".swiper-pagination", 2071 clickable: true, 2072 }, 2073 on: { 2074 slideChange: function() { 2075 const previousSlide = document.querySelector('.swiper-slide-prev video'); 2076 if (previousSlide) { 2077 previousSlide.pause(); 2078 } 2079 2080 setTimeout(() => { 2081 const currentSlide = document.querySelector('.swiper-slide-active video'); 2082 if (currentSlide) { 2083 currentSlide.play(); 2084 } 2085 }, 500); 2086 }, 2087 }, 2088 }); 2089 if (document.getElementById('suggestSwiper')) { 2090 var swiper = new Swiper(".suggestSwiper", { 2091 slidesPerView: 4, 2092 spaceBetween: 20, 2093 navigation: { 2094 nextEl: ".swiper-button-next", 2095 prevEl: ".swiper-button-prev", 2096 }, 2097 breakpoints: { 2098 0: { 2099 slidesPerView: 2, 2100 }, 2101 430: { 2102 slidesPerView: 3, 2103 }, 2104 992: { 2105 slidesPerView: 4, 2106 }, 2107 }, 2108 }); 2109 } 2110 // Kiá»m tra và phát video ngay khi load Swiper 2111 window.addEventListener('load', function() { 2112 const firstSlideVideo = document.querySelector('.swiper-slide-active video'); 2113 if (firstSlideVideo) { 2114 firstSlideVideo.play(); // Phát video nếu có video trong slide Äầu tiên 2115 } 2116 }); 2117 document.querySelectorAll('.introduction-content__play').forEach(function(playButton) { 2118 playButton.addEventListener('click', function() { 2119 let container = this.closest('.introduction-content'); 2120 container.classList.add('show'); 2121 2122 // Lấy iframe YouTube trong phần tá» cha 2123 let iframe = container.querySelector('iframe'); 2124 if (iframe) { 2125 let src = iframe.getAttribute('src'); 2126 2127 // Kiá»m tra xem Äã có '?autoplay=1' chưa, nếu chưa thì thêm và o 2128 if (!src.includes('autoplay=1')) { 2129 let newSrc = src.includes('?') ? `${src}&autoplay=1` : `${src}?autoplay=1`; 2130 iframe.setAttribute('src', newSrc); 2131 } 2132 } 2133 }); 2134 }); 2135 </script>
2135 2136
2137<script defer src="/assets/libs/fingerprintjs/fp.min.js"></script>
vendor: 1 bytes, line 2137
2137
2138<script defer type="text/javascript"> 2139 setTimeout(function(){ 2140 $(window).on('load', function() { 2141 // FingerprintJS 2142 FingerprintJS.load().then(function(fp) { 2143 fp.get().then(function(result) { 2144 var fingerprint = result.visitorId; 2145 // Lưu fingerprint và o cookie 30 ngà y 2146 document.cookie = "fingerprint_id=" + fingerprint + "; path=/; max-age=" + (60*60*24*30); 2147 2148 // Khi và o trang chi tiết sản phẩm 2149 var productId = $('#product-get__info').data('id') || "0"; 2150 var productName = $('#product-get__info').data('name') || ""; 2151 var productUrl = window.location.href; 2152 var action = ""; 2153 2154 if ($('section#product-get__info').length > 0) { 2155 action = "view_product"; 2156 // Gá»i sá»± kiá»n "và o trang chi tiết" 2157 sendTrackingData({ 2158 fingerprint_id: fingerprint, 2159 product_id: productId, 2160 product_name: productName, 2161 product_url: productUrl, 2162 action: action, 2163 }); 2164 } 2165 2166 // Ghi nháºn thá»i gian xem trang chi tiết sản phẩm 2167 // var startTime = Date.now(); 2168 // $(window).on('beforeunload', function() { 2169 // var timeSpent = Math.floor((Date.now() - startTime) / 1000); // giây 2170 // sendTrackingData({ 2171 // fingerprint_id: fingerprint, 2172 // product_id: productId, 2173 // product_name: productName, 2174 // product_url: productUrl, 2175 // action: 'time_spent', 2176 // time_spent: timeSpent 2177 // }); 2178 // }); 2179 2180 // // Ghi nháºn click và o sản phẩm (danh sách) 2181 // $('.product-list__content .item').on('click', function(e) { 2182 // e.preventDefault(); 2183 // var clickedId = $(this).find('.add-to-cart').data('id') || 0; 2184 // var clickedName = $(this).find('.item-title').text() || ''; 2185 2186 // sendTrackingData({ 2187 // fingerprint_id: fingerprint, 2188 // product_id: clickedId, 2189 // product_name: clickedName, 2190 // product_url: window.location.origin + "/product/" + clickedId, 2191 // action: 'click_product' 2192 // }); 2193 // }); 2194 }); 2195 }); 2196 2197 // Hà m gá»i tracking dùng jQuery 2198 function sendTrackingData(data) { 2199 $.ajax({ 2200 url: '/track/store', 2201 method: 'POST', 2202 headers: { 2203 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 2204 }, 2205 contentType: 'application/json', 2206 data: JSON.stringify(data) 2207 }); 2208 } 2209 }); 2210 }, 1000); 2211</script>
2211</body> 2212</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.