{"id":5127,"date":"2025-07-09T09:32:00","date_gmt":"2025-07-09T02:32:00","guid":{"rendered":"https:\/\/avatar-jsc.com\/solutions\/it-infrastructure\/data-center-facilities\/"},"modified":"2025-07-29T21:16:10","modified_gmt":"2025-07-29T14:16:10","slug":"data-center-facilities","status":"publish","type":"page","link":"https:\/\/avatar.com.vn\/en\/solutions\/it-infrastructure\/data-center-facilities\/","title":{"rendered":"Data Center Facilities"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5127\" class=\"elementor elementor-5127 elementor-5116\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6f9efe3f elementor-section-stretched elementor-section-full_width elementor-section-height-min-height elementor-section-content-middle elementor-section-height-default elementor-section-items-middle\" data-id=\"6f9efe3f\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2853c3fd\" data-id=\"2853c3fd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-260ba070 elementor-widget__width-auto elementor-widget elementor-widget-shortcode\" data-id=\"260ba070\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t\t<!-- Flexy Breadcrumb -->\r\n\t\t\t<div class=\"fbc fbc-page\">\r\n\r\n\t\t\t\t<!-- Breadcrumb wrapper -->\r\n\t\t\t\t<div class=\"fbc-wrap\">\r\n\r\n\t\t\t\t\t<!-- Ordered list-->\r\n\t\t\t\t\t<ol class=\"fbc-items\" itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\">\r\n\t\t\t\t\t\t            <li itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\">\r\n                <span itemprop=\"name\">\r\n                    <!-- Home Link -->\r\n                    <a itemprop=\"item\" href=\"https:\/\/avatar.com.vn\">\r\n                    \r\n                                                    <i class=\"fa fa-home\" aria-hidden=\"true\"><\/i>Home                    <\/a>\r\n                <\/span>\r\n                <meta itemprop=\"position\" content=\"1\" \/><!-- Meta Position-->\r\n             <\/li><li><span class=\"fbc-separator\">\u00bb<\/span><\/li><li class=\"active\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\"><span itemprop=\"name\" title=\"Data Center Facilities\">Data Center Facilities<\/span><meta itemprop=\"position\" content=\"2\" \/><\/li>\t\t\t\t\t<\/ol>\r\n\t\t\t\t\t<div class=\"clearfix\"><\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-46accd8a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"46accd8a\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6164a0ba\" data-id=\"6164a0ba\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-639869f elementor-widget elementor-widget-heading\" data-id=\"639869f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Data Center Facilities<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6273a780 elementor-widget elementor-widget-heading\" data-id=\"6273a780\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">International Standards \u2013 Scalable for All Sizes<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7da0255f elementor-widget elementor-widget-html\" data-id=\"7da0255f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section style=\"padding: 20px 0; margin: 0\">\r\n  <style>\r\n    @keyframes fadeInUp {\r\n      from {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n      }\r\n      to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n    @keyframes pulse {\r\n      0% {\r\n        transform: scale(1);\r\n      }\r\n      50% {\r\n        transform: scale(1.05);\r\n      }\r\n      100% {\r\n        transform: scale(1);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .service-grid {\r\n        grid-template-columns: 1fr !important;\r\n      }\r\n    }\r\n\r\n    .service-card {\r\n      position: relative;\r\n      padding: 40px 30px;\r\n      border-radius: 20px;\r\n      text-align: center;\r\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n      transition: all 0.3s ease;\r\n      overflow: hidden;\r\n      animation: fadeInUp 1s ease-out;\r\n      background: rgba(255, 255, 255, 0.95);\r\n      backdrop-filter: blur(10px);\r\n      min-height: 460px;\r\n    }\r\n\r\n    .service-card.has-bg {\r\n      background-size: cover;\r\n      background-repeat: no-repeat;\r\n      background-position: center;\r\n    }\r\n\r\n    .service-card.has-bg::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: transparent;\r\n      z-index: 0;\r\n      border-radius: 20px;\r\n      transition: background 0.3s ease;\r\n    }\r\n\r\n    .service-card.has-bg:hover::before {\r\n      background: rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .service-card > * {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .service-card .content {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: flex-end;\r\n      align-items: center;\r\n      text-align: center;\r\n      height: 100%;\r\n      padding-bottom: 20px;\r\n      background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      z-index: 1;\r\n    }\r\n\r\n    .service-card .hover-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: none;\r\n    }\r\n    .service-card:hover .hover-content {\r\n      display: block;\r\n    }\r\n    .service-card:hover .content {\r\n      display: none;\r\n    }\r\n\r\n    .service-icon {\r\n      width: 80px;\r\n      height: 80px;\r\n      margin: 0 auto 20px;\r\n      background: #5340ff;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 2rem;\r\n      color: white;\r\n      animation: pulse 2s infinite;\r\n    }\r\n\r\n    .service-title {\r\n      font-size: 1.5rem;\r\n      margin-bottom: 15px;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .service-description {\r\n      font-size: 1rem;\r\n      line-height: 1.6;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .service-list {\r\n      list-style: none;\r\n      padding: 0;\r\n      margin: 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .service-list li {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 10px;\r\n      padding: 8px 0;\r\n      max-width: 280px;\r\n      position: relative;\r\n    }\r\n\r\n    .service-list li::before {\r\n      content: \"\u2713\";\r\n      color: #fff;\r\n      font-weight: bold;\r\n      margin-top: 2px;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .service-btn {\r\n      display: inline-block;\r\n      padding: 12px 24px;\r\n      background: #5340ff;\r\n      color: white;\r\n      text-decoration: none;\r\n      border-radius: 8px;\r\n      font-weight: 500;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .service-btn:hover {\r\n      color: #fff;\r\n      transform: translateY(-2px);\r\n    }\r\n  <\/style>\r\n\r\n  <div style=\"max-width: 1200px; margin: 0 auto\">\r\n    <div\r\n      class=\"service-grid\"\r\n      style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px\"\r\n    >\r\n      <!-- H\u1ec7 th\u1ed1ng l\u00e0m m\u00e1t -->\r\n      <div\r\n        class=\"service-card has-bg\"\r\n        style=\"\r\n          background-image: url('https:\/\/avatar.com.vn\/wp-content\/uploads\/2025\/07\/Air-Conditioner.webp');\r\n        \"\r\n        onmouseover=\"this.style.transform='translateY(-10px)'; this.style.boxShadow='0 30px 60px rgba(0,0,0,0.15)'\"\r\n        onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.1)'\"\r\n      >\r\n        <div class=\"content\">\r\n          <h3 class=\"service-title\" style=\"color: #fff\">Cooling Systems<\/h3>\r\n          <p\r\n            class=\"service-description\"\r\n            style=\"color: #fff; padding-left: 12px; padding-right: 12px\"\r\n          >\r\n            Specialized cooling solutions for data centers, equipment rooms, and\r\n            technical spaces.\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"hover-content\">\r\n          <div class=\"service-icon\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/img.icons8.com\/fluency\/48\/air-conditioner.png\"\r\n              alt=\"Cooling Systems\"\r\n            \/>\r\n          <\/div>\r\n          <h3 class=\"service-title\" style=\"color: #fff\">Cooling Systems<\/h3>\r\n          <ul class=\"service-list\">\r\n            <li style=\"color: #fff\">Precision cooling<\/li>\r\n            <li style=\"color: #fff\">Energy-efficient operation<\/li>\r\n            <li style=\"color: #fff\">Continuous temperature monitoring<\/li>\r\n          <\/ul>\r\n          <a\r\n            class=\"service-btn\"\r\n            href=\"https:\/\/avatar.com.vn\/en\/solutions\/it-infrastructure\/data-center-facilities\/cooling\/\"\r\n          >\r\n            View details\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Gi\u00e1 \u0111\u1ee1 - S\u00e0n n\u00e2ng -->\r\n      <div\r\n        class=\"service-card has-bg\"\r\n        style=\"\r\n          background-image: url('https:\/\/avatar.com.vn\/wp-content\/uploads\/2025\/07\/Rack-Floor-System.webp');\r\n        \"\r\n        onmouseover=\"this.style.transform='translateY(-10px)'; this.style.boxShadow='0 30px 60px rgba(0,0,0,0.15)'\"\r\n        onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.1)'\"\r\n      >\r\n        <div class=\"content\">\r\n          <h3 class=\"service-title\" style=\"color: #fff\">\r\n            Racks & Raised Floors\r\n          <\/h3>\r\n          <p\r\n            class=\"service-description\"\r\n            style=\"color: #fff; padding-left: 12px; padding-right: 12px\"\r\n          >\r\n            Supplying standard racks, support systems, and raised flooring for\r\n            server rooms and data centers.\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"hover-content\">\r\n          <div class=\"service-icon\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/img.icons8.com\/ios\/48\/rack.png\"\r\n              alt=\"Racks & Raised Floors\"\r\n            \/>\r\n          <\/div>\r\n          <h3 class=\"service-title\" style=\"color: #fff\">\r\n            Racks & Raised Floors\r\n          <\/h3>\r\n          <ul class=\"service-list\">\r\n            <li style=\"color: #fff\">Standard rack cabinets<\/li>\r\n            <li style=\"color: #fff\">Anti-static raised floors<\/li>\r\n            <li style=\"color: #fff\">Airflow optimization<\/li>\r\n            <li style=\"color: #fff\">Professional installation<\/li>\r\n          <\/ul>\r\n          <a\r\n            class=\"service-btn\"\r\n            href=\"https:\/\/avatar.com.vn\/en\/solutions\/it-infrastructure\/data-center-facilities\/racking-raised-floors\/\"\r\n          >\r\n            Free Consultation\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Ph\u00f2ng ch\u00e1y ch\u1eefa ch\u00e1y -->\r\n      <div\r\n        class=\"service-card has-bg\"\r\n        style=\"\r\n          background-image: url('https:\/\/avatar.com.vn\/wp-content\/uploads\/2025\/07\/Fire-Protection.webp');\r\n        \"\r\n        onmouseover=\"this.style.transform='translateY(-10px)'; this.style.boxShadow='0 30px 60px rgba(0,0,0,0.15)'\"\r\n        onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.1)'\"\r\n      >\r\n        <div class=\"content\">\r\n          <h3 class=\"service-title\" style=\"color: #fff\">Fire Protection<\/h3>\r\n          <p\r\n            class=\"service-description\"\r\n            style=\"color: #fff; padding-left: 12px; padding-right: 12px\"\r\n          >\r\n            Automatic fire alarm and suppression systems to maximize protection\r\n            for people and property.\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"hover-content\">\r\n          <div class=\"service-icon\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/img.icons8.com\/color\/48\/fire-extinguisher.png\"\r\n              alt=\"Fire Protection\"\r\n            \/>\r\n          <\/div>\r\n          <h3 class=\"service-title\" style=\"color: #fff\">Fire Protection<\/h3>\r\n          <ul class=\"service-list\">\r\n            <li style=\"color: #fff\">Automatic fire alarms<\/li>\r\n            <li style=\"color: #fff\">Clean agent systems<\/li>\r\n            <li style=\"color: #fff\">QCVN-compliant fire safety<\/li>\r\n            <li style=\"color: #fff\">Turnkey consulting & installation<\/li>\r\n          <\/ul>\r\n          <a\r\n            class=\"service-btn\"\r\n            href=\"https:\/\/avatar.com.vn\/en\/solutions\/it-infrastructure\/data-center-facilities\/fire-protection\/\"\r\n          >\r\n            Learn more\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section><br>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Data Center Facilities International Standards \u2013 Scalable for All Sizes Cooling Systems Specialized cooling solutions for data centers, equipment rooms, and technical spaces. Cooling Systems Precision cooling Energy-efficient operation Continuous temperature monitoring View details Racks &#038; Raised Floors Supplying standard racks, support systems, and raised flooring for server rooms and data centers. Racks &#038; Raised [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":5032,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5127","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/pages\/5127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/comments?post=5127"}],"version-history":[{"count":0,"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/pages\/5127\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/pages\/5032"}],"wp:attachment":[{"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/media?parent=5127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}