{"id":5343,"date":"2025-07-09T14:34:18","date_gmt":"2025-07-09T07:34:18","guid":{"rendered":"https:\/\/avatar-jsc.com\/resources\/"},"modified":"2025-07-29T21:09:33","modified_gmt":"2025-07-29T14:09:33","slug":"resources","status":"publish","type":"page","link":"https:\/\/avatar.com.vn\/en\/resources\/","title":{"rendered":"Resources"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5343\" class=\"elementor elementor-5343 elementor-5335\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5f120691 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=\"5f120691\" 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-3f154e22\" data-id=\"3f154e22\" 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-5032250 elementor-widget__width-auto elementor-widget elementor-widget-shortcode\" data-id=\"5032250\" 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=\"Resources\">Resources<\/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-5f5691da elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5f5691da\" 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-73d66e43\" data-id=\"73d66e43\" 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-12c6ee73 elementor-widget elementor-widget-heading\" data-id=\"12c6ee73\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Our Resources<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26b9a328 elementor-widget elementor-widget-heading\" data-id=\"26b9a328\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Knowledge \u2013 Solutions \u2013 Value for You<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39d864ff elementor-widget elementor-widget-html\" data-id=\"39d864ff\" 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(2, 1fr); gap: 30px\"\r\n    >\r\n      <!-- News -->\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\/News-Background.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\">News<\/h3>\r\n          <p\r\n            class=\"service-description\"\r\n            style=\"color: #fff; padding-left: 12px; padding-right: 12px\"\r\n          >\r\n            Stay updated with the latest information about the company, events,\r\n            and the tech industry both locally and globally.\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"hover-content\">\r\n          <div class=\"service-icon\">\r\n            <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/48\/news.png\" alt=\"News\" \/>\r\n          <\/div>\r\n          <h3 class=\"service-title\" style=\"color: #fff\">Highlighted News<\/h3>\r\n          <ul class=\"service-list\">\r\n            <li style=\"color: #fff\">Internal Announcements<\/li>\r\n            <li style=\"color: #fff\">Corporate Events<\/li>\r\n            <li style=\"color: #fff\">Partnerships & New Projects<\/li>\r\n          <\/ul>\r\n          <a\r\n            class=\"service-btn\"\r\n            href=\"https:\/\/avatar.com.vn\/en\/resources\/news\/\"\r\n          >\r\n            View All\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Technology Updates (Blogs) -->\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\/Blogs-Background.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            Technology Updates (Blogs)\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            Knowledge, insights, and implementation experience of new\r\n            technologies shared by our team of experts.\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\/blog.png\"\r\n              alt=\"Tech Blog\"\r\n            \/>\r\n          <\/div>\r\n          <h3 class=\"service-title\" style=\"color: #fff\">Tech Blog<\/h3>\r\n          <ul class=\"service-list\">\r\n            <li style=\"color: #fff\">Latest IT Trends<\/li>\r\n            <li style=\"color: #fff\">Technical Insights<\/li>\r\n            <li style=\"color: #fff\">System Usage Guides<\/li>\r\n          <\/ul>\r\n          <a\r\n            class=\"service-btn\"\r\n            href=\"https:\/\/avatar.com.vn\/en\/resources\/technology-updates\/\"\r\n          >\r\n            Read Blog\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>Our Resources Knowledge \u2013 Solutions \u2013 Value for You News Stay updated with the latest information about the company, events, and the tech industry both locally and globally. Highlighted News Internal Announcements Corporate Events Partnerships &#038; New Projects View All Technology Updates (Blogs) Knowledge, insights, and implementation experience of new technologies shared by our team [&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-5343","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/pages\/5343","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=5343"}],"version-history":[{"count":0,"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/pages\/5343\/revisions"}],"wp:attachment":[{"href":"https:\/\/avatar.com.vn\/en\/wp-json\/wp\/v2\/media?parent=5343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}