{"id":4906,"date":"2025-07-08T09:40:13","date_gmt":"2025-07-08T02:40:13","guid":{"rendered":"https:\/\/avatar-jsc.com\/solutions\/"},"modified":"2025-07-29T21:24:16","modified_gmt":"2025-07-29T14:24:16","slug":"solutions","status":"publish","type":"page","link":"https:\/\/avatar.com.vn\/en\/solutions\/","title":{"rendered":"Solutions"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4906\" class=\"elementor elementor-4906 elementor-4855\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-30d76599 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=\"30d76599\" 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-66c057e2\" data-id=\"66c057e2\" 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-2c7e47d9 elementor-widget__width-auto elementor-widget elementor-widget-shortcode\" data-id=\"2c7e47d9\" 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=\"Solutions\">Solutions<\/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-feb54c7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"feb54c7\" 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-005adf8\" data-id=\"005adf8\" 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-67d1e66 elementor-widget elementor-widget-heading\" data-id=\"67d1e66\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Our Solutions<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c718111 elementor-widget elementor-widget-heading\" data-id=\"c718111\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">A Solid Foundation for Digital Transformation<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a1e272 elementor-widget elementor-widget-html\" data-id=\"8a1e272\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section style=\"padding: 20px 0; margin: 0; margin-bottom: -5rem\">\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    \/* Mobile - \u0110i\u1ec7n tho\u1ea1i *\/\r\n    @media (max-width: 767px) {\r\n      .service-row {\r\n        flex-direction: column !important;\r\n        margin-top: 2rem !important;\r\n        margin-bottom: 3rem !important;\r\n        min-height: auto !important;\r\n      }\r\n\r\n      .service-image {\r\n        height: 200px !important;\r\n        width: 100% !important;\r\n        margin-bottom: 1rem !important;\r\n      }\r\n\r\n      .service-content {\r\n        position: relative !important;\r\n        transform: none !important;\r\n        width: 100% !important;\r\n        margin: 0 !important;\r\n        padding: 20px !important;\r\n        background: rgba(255, 255, 255, 0.95) !important;\r\n        backdrop-filter: blur(10px) !important;\r\n        border-radius: 15px !important;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n      }\r\n\r\n      .service-row.reverse {\r\n        flex-direction: column !important;\r\n      }\r\n\r\n      .service-icon {\r\n        width: 60px !important;\r\n        height: 60px !important;\r\n        margin: 0 auto 15px !important;\r\n        font-size: 1.5rem !important;\r\n      }\r\n\r\n      .service-title {\r\n        font-size: 1.3rem !important;\r\n        margin-bottom: 10px !important;\r\n      }\r\n\r\n      .service-description {\r\n        font-size: 0.9rem !important;\r\n        margin-bottom: 15px !important;\r\n      }\r\n\r\n      .service-list {\r\n        margin: 0 0 20px 0 !important;\r\n        text-align: left !important;\r\n      }\r\n\r\n      .service-list li {\r\n        font-size: 0.85rem !important;\r\n        padding: 4px 0 !important;\r\n      }\r\n\r\n      .service-btn {\r\n        padding: 10px 20px !important;\r\n        font-size: 0.9rem !important;\r\n        width: 100% !important;\r\n        text-align: center !important;\r\n        display: block !important;\r\n        margin: 0 !important;\r\n      }\r\n    }\r\n\r\n    \/* Tablet - M\u00e1y t\u00ednh b\u1ea3ng *\/\r\n    @media (min-width: 768px) and (max-width: 1024px) {\r\n      .service-row {\r\n        flex-direction: column !important;\r\n        margin-top: 3rem !important;\r\n        margin-bottom: 4rem !important;\r\n        min-height: auto !important;\r\n      }\r\n\r\n      .service-image {\r\n        height: 250px !important;\r\n        width: 100% !important;\r\n        margin-bottom: 2rem !important;\r\n      }\r\n\r\n      .service-content {\r\n        position: relative !important;\r\n        transform: none !important;\r\n        width: 80% !important;\r\n        margin: 0 auto !important;\r\n        padding: 30px !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n      }\r\n\r\n      .service-row.reverse {\r\n        flex-direction: column !important;\r\n      }\r\n\r\n      .service-icon {\r\n        width: 70px !important;\r\n        height: 70px !important;\r\n        margin: 0 auto 20px !important;\r\n        font-size: 1.8rem !important;\r\n      }\r\n\r\n      .service-title {\r\n        font-size: 1.6rem !important;\r\n        margin-bottom: 15px !important;\r\n      }\r\n\r\n      .service-description {\r\n        font-size: 1rem !important;\r\n        margin-bottom: 20px !important;\r\n      }\r\n\r\n      .service-list li {\r\n        font-size: 0.9rem !important;\r\n        padding: 6px 0 !important;\r\n      }\r\n\r\n      .service-btn {\r\n        padding: 12px 24px !important;\r\n        font-size: 1rem !important;\r\n        width: fit-content !important;\r\n      }\r\n    }\r\n\r\n    \/* Desktop - M\u00e1y t\u00ednh \u0111\u1ec3 b\u00e0n *\/\r\n    @media (min-width: 1025px) {\r\n      .service-row {\r\n        display: flex;\r\n        align-items: center;\r\n        position: relative;\r\n        min-height: 400px;\r\n        margin-top: 5rem;\r\n        margin-bottom: 10rem;\r\n      }\r\n\r\n      .service-row.reverse {\r\n        flex-direction: row-reverse;\r\n      }\r\n\r\n      .service-image {\r\n        flex: 1;\r\n        position: relative;\r\n        height: 400px;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        background-size: cover;\r\n        background-repeat: no-repeat;\r\n        background-position: center;\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n      }\r\n\r\n      .service-content {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        width: 450px;\r\n        padding: 40px;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        backdrop-filter: blur(10px);\r\n        border-radius: 20px;\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n        animation: fadeInUp 1s ease-out;\r\n        z-index: 2;\r\n      }\r\n\r\n      .service-row:nth-child(odd) .service-content {\r\n        right: -100px;\r\n      }\r\n\r\n      .service-row:nth-child(even) .service-content {\r\n        left: -100px;\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.8rem;\r\n        margin-bottom: 15px;\r\n        font-weight: 600;\r\n        color: #333;\r\n        text-align: center;\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        color: #666;\r\n        text-align: center;\r\n      }\r\n\r\n      .service-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0 0 25px 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        color: #555;\r\n        font-size: 0.95rem;\r\n      }\r\n\r\n      .service-list li::before {\r\n        content: \"\u2713\";\r\n        color: #5340ff;\r\n        font-weight: bold;\r\n        margin-top: 2px;\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        margin: 0 auto;\r\n        display: block;\r\n        width: fit-content;\r\n      }\r\n\r\n      .service-btn:hover {\r\n        color: #fff;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 10px 20px rgba(83, 64, 255, 0.3);\r\n      }\r\n    }\r\n\r\n    .service-row {\r\n      display: flex;\r\n      align-items: center;\r\n      position: relative;\r\n    }\r\n\r\n    .service-image {\r\n      background-size: cover;\r\n      background-repeat: no-repeat;\r\n      background-position: center;\r\n      border-radius: 20px;\r\n      overflow: hidden;\r\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .service-content {\r\n      background: rgba(255, 255, 255, 0.95);\r\n      backdrop-filter: blur(10px);\r\n      border-radius: 20px;\r\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n      animation: fadeInUp 1s ease-out;\r\n      z-index: 2;\r\n    }\r\n\r\n    .service-icon {\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      color: white;\r\n      animation: pulse 2s infinite;\r\n    }\r\n\r\n    .service-title {\r\n      font-weight: 600;\r\n      color: #333;\r\n      text-align: center;\r\n    }\r\n\r\n    .service-description {\r\n      line-height: 1.6;\r\n      color: #666;\r\n      text-align: center;\r\n    }\r\n\r\n    .service-list {\r\n      list-style: none;\r\n      padding: 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      color: #555;\r\n    }\r\n\r\n    .service-list li::before {\r\n      content: \"\u2713\";\r\n      color: #5340ff;\r\n      font-weight: bold;\r\n      margin-top: 2px;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .service-btn {\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      text-align: center;\r\n    }\r\n\r\n    .service-btn:hover {\r\n      color: #fff;\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 10px 20px rgba(83, 64, 255, 0.3);\r\n    }\r\n\r\n    .container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding: 0 20px;\r\n    }\r\n\r\n    @media (max-width: 1024px) and (orientation: landscape) {\r\n      .service-row {\r\n        margin-top: 2rem !important;\r\n        margin-bottom: 2rem !important;\r\n      }\r\n\r\n      .service-image {\r\n        height: 180px !important;\r\n      }\r\n\r\n      .service-content {\r\n        padding: 20px !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"container\">\r\n    <!-- Technology Solutions -->\r\n    <div class=\"service-row\">\r\n      <div\r\n        class=\"service-image\"\r\n        style=\"\r\n          background-image: url('https:\/\/avatar.com.vn\/wp-content\/uploads\/2025\/07\/icons8-team-yTwXpLO5HAA-unsplash.webp');\r\n        \"\r\n      ><\/div>\r\n      <div class=\"service-content\">\r\n        <div class=\"service-icon\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/img.icons8.com\/color\/48\/idea-sharing.png\"\r\n            alt=\"Technology Solutions\"\r\n          \/>\r\n        <\/div>\r\n        <h3 class=\"service-title\">Technology Solutions<\/h3>\r\n        <p class=\"service-description\">\r\n          Providing comprehensive technology solutions for businesses\r\n        <\/p>\r\n        <ul class=\"service-list\">\r\n          <li>Servers<\/li>\r\n          <li>Storage<\/li>\r\n          <li>Networking<\/li>\r\n          <li>Security<\/li>\r\n        <\/ul>\r\n        <a\r\n          class=\"service-btn\"\r\n          href=\"https:\/\/avatar.com.vn\/en\/solutions\/it-solutions\/\"\r\n          >Learn More<\/a\r\n        >\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- IT Infrastructure -->\r\n    <div class=\"service-row reverse\">\r\n      <div\r\n        class=\"service-image\"\r\n        style=\"\r\n          background-image: url('https:\/\/avatar.com.vn\/wp-content\/uploads\/2025\/07\/AI-Generated-Illustration-scaled.webp');\r\n        \"\r\n      ><\/div>\r\n      <div class=\"service-content\">\r\n        <div class=\"service-icon\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/img.icons8.com\/arcade\/48\/multicast.png\"\r\n            alt=\"Infrastructure\"\r\n          \/>\r\n        <\/div>\r\n        <h3 class=\"service-title\">IT Infrastructure<\/h3>\r\n        <p class=\"service-description\">\r\n          Design and implement modern information technology infrastructure\r\n        <\/p>\r\n        <ul class=\"service-list\">\r\n          <li>ELV systems, Cameras, PA sound systems<\/li>\r\n          <li>Access control, Structured cabling systems<\/li>\r\n          <li>UPS, Batteries, Generators, Solar power systems<\/li>\r\n          <li>Data centers: Cooling systems, Racks, Fire protection<\/li>\r\n        <\/ul>\r\n        <a\r\n          class=\"service-btn\"\r\n          href=\"https:\/\/avatar.com.vn\/en\/solutions\/it-infrastructure\/\"\r\n          >Learn More<\/a\r\n        >\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Enterprise Software -->\r\n    <div class=\"service-row\">\r\n      <div\r\n        class=\"service-image\"\r\n        style=\"\r\n          background-image: url('https:\/\/avatar.com.vn\/wp-content\/uploads\/2025\/07\/luke-peters-B6JINerWMz0-unsplash.webp');\r\n        \"\r\n      ><\/div>\r\n      <div class=\"service-content\">\r\n        <div class=\"service-icon\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/img.icons8.com\/arcade\/48\/software-box.png\"\r\n            alt=\"Enterprise Software\"\r\n          \/>\r\n        <\/div>\r\n        <h3 class=\"service-title\">Enterprise Software<\/h3>\r\n        <p class=\"service-description\">\r\n          Custom software development tailored to business requirements\r\n        <\/p>\r\n        <ul class=\"service-list\">\r\n          <li>Business analysis<\/li>\r\n          <li>Design and development<\/li>\r\n          <li>Customization based on demand<\/li>\r\n          <li>Operational support<\/li>\r\n        <\/ul>\r\n        <a\r\n          class=\"service-btn\"\r\n          href=\"https:\/\/avatar.com.vn\/en\/solutions\/enterprise-software\/\"\r\n          >Learn More<\/a\r\n        >\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>Our Solutions A Solid Foundation for Digital Transformation Technology Solutions Providing comprehensive technology solutions for businesses Servers Storage Networking Security Learn More IT Infrastructure Design and implement modern information technology infrastructure ELV systems, Cameras, PA sound systems Access control, Structured cabling systems UPS, Batteries, Generators, Solar power systems Data centers: Cooling systems, Racks, Fire protection [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4906","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/pages\/4906","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=4906"}],"version-history":[{"count":0,"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/pages\/4906\/revisions"}],"wp:attachment":[{"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/media?parent=4906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}