{"id":5032,"date":"2025-07-08T14:46:33","date_gmt":"2025-07-08T07:46:33","guid":{"rendered":"https:\/\/avatar-jsc.com\/solutions\/it-infrastructure\/"},"modified":"2025-07-29T21:20:35","modified_gmt":"2025-07-29T14:20:35","slug":"it-infrastructure","status":"publish","type":"page","link":"https:\/\/avatar.com.vn\/en\/solutions\/it-infrastructure\/","title":{"rendered":"IT Infrastructure"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5032\" class=\"elementor elementor-5032 elementor-5007\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2ed87d9b 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=\"2ed87d9b\" 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-326c6f2\" data-id=\"326c6f2\" 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-24422d5b elementor-widget__width-auto elementor-widget elementor-widget-shortcode\" data-id=\"24422d5b\" 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=\"IT Infrastructure\">IT Infrastructure<\/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-36e8318 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"36e8318\" 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-8d6ffd0\" data-id=\"8d6ffd0\" 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-1637202 elementor-widget elementor-widget-heading\" data-id=\"1637202\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">IT Infrastructure<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d80e10 elementor-widget elementor-widget-heading\" data-id=\"5d80e10\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Ensuring Stable &amp; Secure Operations<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a6a21e elementor-widget elementor-widget-html\" data-id=\"2a6a21e\" 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      padding-left: 12px;\r\n      padding-right: 12px;\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 \u0111i\u1ec7n nh\u1eb9 -->\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\/ELV.webp');\r\n          background-color: #1e1e2f;\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\">ELV Systems<\/h3>\r\n          <p class=\"service-description\" style=\"color: #fff\">\r\n            ELV solutions include camera systems, public address systems, and\r\n            access control.\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\/electricity.png\"\r\n              alt=\"ELV Systems\"\r\n            \/>\r\n          <\/div>\r\n          <h3 class=\"service-title\" style=\"color: #fff\">ELV Systems<\/h3>\r\n          <ul class=\"service-list\">\r\n            <li style=\"color: #fff\">Surveillance cameras<\/li>\r\n            <li style=\"color: #fff\">Public Address (PA) systems<\/li>\r\n            <li style=\"color: #fff\">Access control<\/li>\r\n            <li style=\"color: #fff\">Cabling systems<\/li>\r\n          <\/ul>\r\n          <a\r\n            class=\"service-btn\"\r\n            href=\"https:\/\/avatar.com.vn\/en\/solutions\/it-infrastructure\/elv-systems\/\"\r\n            >Learn more<\/a\r\n          >\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Gi\u1ea3i ph\u00e1p \u0111i\u1ec7n d\u1ef1 ph\u00f2ng -->\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\/Power-Backup.webp');\r\n          background-color: #233;\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            Backup Power Solutions\r\n          <\/h3>\r\n          <p class=\"service-description\" style=\"color: #fff\">\r\n            Ensuring continuous power supply for IT systems.\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\/3d-fluency\/48\/car-battery.png\"\r\n              alt=\"Backup Power\"\r\n            \/>\r\n          <\/div>\r\n          <h3 class=\"service-title\" style=\"color: #fff\">\r\n            Backup Power Solutions\r\n          <\/h3>\r\n          <ul class=\"service-list\">\r\n            <li style=\"color: #fff\">Uninterruptible Power Supply (UPS)<\/li>\r\n            <li style=\"color: #fff\">Batteries<\/li>\r\n            <li style=\"color: #fff\">Generators (Genset)<\/li>\r\n            <li style=\"color: #fff\">Solar power systems<\/li>\r\n          <\/ul>\r\n          <a\r\n            class=\"service-btn\"\r\n            href=\"https:\/\/avatar.com.vn\/en\/solutions\/it-infrastructure\/power-backup-solution\/\"\r\n            >Learn more<\/a\r\n          >\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- H\u1ea1 t\u1ea7ng trung t\u00e2m d\u1eef li\u1ec7u -->\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\/Data-Center-Solution.webp');\r\n          background-color: #1b1b2e;\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            Data Center Infrastructure\r\n          <\/h3>\r\n          <p class=\"service-description\" style=\"color: #fff\">\r\n            Deploying standard-compliant infrastructure for modern 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\/external-smashingstocks-outline-color-smashing-stocks\/48\/external-data-center-networking-smashingstocks-outline-color-smashing-stocks.png\"\r\n              alt=\"Data Center\"\r\n            \/>\r\n          <\/div>\r\n          <h3 class=\"service-title\" style=\"color: #fff\">\r\n            Data Center Infrastructure\r\n          <\/h3>\r\n          <ul class=\"service-list\">\r\n            <li style=\"color: #fff\">Cooling systems<\/li>\r\n            <li style=\"color: #fff\">Rack cabinets, raised floors<\/li>\r\n            <li style=\"color: #fff\">Fire protection systems<\/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\/\"\r\n            >Learn more<\/a\r\n          >\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>IT Infrastructure Ensuring Stable &amp; Secure Operations ELV Systems ELV solutions include camera systems, public address systems, and access control. ELV Systems Surveillance cameras Public Address (PA) systems Access control Cabling systems Learn more Backup Power Solutions Ensuring continuous power supply for IT systems. Backup Power Solutions Uninterruptible Power Supply (UPS) Batteries Generators (Genset) Solar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":4906,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5032","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/pages\/5032","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=5032"}],"version-history":[{"count":0,"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/pages\/5032\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/pages\/4906"}],"wp:attachment":[{"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/media?parent=5032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}