{"id":614,"date":"2024-12-02T04:47:10","date_gmt":"2024-12-02T04:47:10","guid":{"rendered":"https:\/\/tomtangacc.com\/?p=614"},"modified":"2024-12-02T04:47:44","modified_gmt":"2024-12-02T04:47:44","slug":"acc-lien-quan-2","status":"publish","type":"post","link":"https:\/\/tomtangacc.com\/index.php\/2024\/12\/02\/acc-lien-quan-2\/","title":{"rendered":"ACC LI\u00caN QU\u00c2N 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"614\" class=\"elementor elementor-614\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1794d9d e-flex e-con-boxed e-con e-parent\" data-id=\"1794d9d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-190dddd elementor-widget elementor-widget-html\" data-id=\"190dddd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* CSS cho khung ch\u1ee9a *\/\n    .container {\n      width: 100%;\n      max-width: 600px;\n      margin: 20px auto;\n      text-align: center;\n      border-radius: 10px;\n      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n      position: relative;\n      background: #fff;\n      overflow: hidden;\n    }\n\n    \/* CSS cho h\u00ecnh \u1ea3nh *\/\n    .container .slider {\n      display: flex;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      margin-bottom: 10px;\n    }\n\n    .container .slide {\n      flex: 0 0 100%;\n      scroll-snap-align: start;\n      border-radius: 8px;\n      transition: transform 0.3s ease-in-out;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .container .slide img {\n      width: 100%;\n      height: auto;\n      border-radius: 8px;\n      max-height: 300px; \/* \u0110\u1eb7t chi\u1ec1u cao t\u1ed1i \u0111a cho h\u00ecnh \u1ea3nh *\/\n      object-fit: cover; \/* Gi\u00fap h\u00ecnh \u1ea3nh ph\u00f9 h\u1ee3p v\u1edbi khung ch\u1ee9a *\/\n    }\n\n    \/* CSS cho n\u00fat button *\/\n    .container button {\n      background-color: #db6f16;\n      color: white;\n      padding: 10px 20px;\n      border: none;\n      cursor: pointer;\n      border-radius: 5px;\n      font-size: 16px;\n      margin-top: 10px;\n      transition: background-color 0.3s ease;\n    }\n\n    .container button:hover {\n      background-color: #c65a10;\n    }\n\n    \/* CSS cho th\u00f4ng b\u00e1o *\/\n    .overlay {\n      display: none;\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(0, 0, 0, 0.5);\n      z-index: 9999;\n      overflow: auto;\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n\n    .overlay.active {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      opacity: 1;\n    }\n\n    .popup {\n      background-color: #f9f9f9;\n      width: 80%;\n      max-width: 400px;\n      border: 1px solid #ccc;\n      padding: 30px;\n      text-align: center;\n      position: relative;\n      border-radius: 10px;\n      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n      opacity: 0;\n      transform: translateY(-50px);\n      transition: opacity 0.3s ease, transform 0.3s ease;\n    }\n\n    .overlay.active .popup {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .popup h2 {\n      margin-top: 0;\n      font-size: 24px;\n      color: #333;\n    }\n\n    .popup p {\n      margin-bottom: 20px;\n      font-size: 16px;\n      color: #666;\n    }\n\n    .popup-buttons {\n      display: flex;\n      justify-content: center;\n      gap: 10px;\n    }\n\n    .popup .confirm,\n    .popup .close-inline {\n      padding: 10px 20px;\n      border: none;\n      cursor: pointer;\n      border-radius: 5px;\n      font-size: 16px;\n      transition: background-color 0.3s ease;\n    }\n\n    .popup .confirm {\n      background-color: #f44336;\n      color: white;\n    }\n\n    .popup .confirm:hover {\n      background-color: #d32f2f;\n    }\n\n    .popup .close-inline {\n      background-color: #808080;\n      color: white;\n    }\n\n    .popup .close-inline:hover {\n      background-color: #666666;\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"container\">\n    <div class=\"slider\">\n      <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1fuuNt6h-cv-_N4lNFpwH0m83hCAWL-VM\" alt=\"H\u00ecnh \u1ea3nh \u0111\u1ea1i di\u1ec7n\"><\/div>\n      <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/12-UlWHRMYpOqLyB0wVsZrLQl_eKb1qee\" alt=\"H\u00ecnh \u1ea3nh 2\"><\/div>\n      <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/15UHonIC5EYv9mPzezSQ0L1gBq4IoVCgF\" alt=\"H\u00ecnh \u1ea3nh 3\"><\/div>\n    <\/div>\n    <p><strong> [ ACC LI\u00caN QU\u00c2N 2 ]<\/strong><\/p>\n    <button onclick=\"showPopup('button')\">&#9660; NH\u1eacN<\/button>\n  <\/div>\n\n  <!-- Th\u00f4ng b\u00e1o popup 1 -->\n  <div class=\"overlay\" id=\"overlay-load\">\n    <div class=\"popup\">\n      <h2>TH\u00d4NG B\u00c1O<\/h2>\n      <p>NH\u1eda XEM H\u01af\u1edaNG D\u1eaaN TR\u01af\u1edaC KHI L\u00c0M \ud83d\udc95<\/p>\n      <div class=\"popup-buttons\">\n        <a href=\"https:\/\/tomtangacc.com\/index.php\/huong-dan\/\" target=\"_blank\"><button class=\"confirm\">XEM H\u01af\u1edaNG D\u1eaaN<\/button><\/a>\n        <button class=\"close-inline\" onclick=\"closePopup('overlay-load')\">\u0110\u00c3 HI\u1ec2U<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Th\u00f4ng b\u00e1o popup 2 -->\n  <div class=\"overlay\" id=\"overlay-button\">\n    <div class=\"popup\">\n      <h2>TH\u00d4NG B\u00c1O<\/h2>\n      <p>B\u1ea0N CH\u1eaeC MU\u1ed0N NH\u1eacN ACC N\u00c0Y?<\/p>\n      <div class=\"popup-buttons\">\n        <a href=\"https:\/\/linktot.net\/iR21VsX\" target=\"_blank\"><button class=\"confirm\">X\u00c1C NH\u1eacN<\/button><\/a>\n        <button class=\"close-inline\" onclick=\"closePopup('overlay-button')\">\u0110\u00d3NG<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    \/\/ Hi\u1ec3n th\u1ecb popup khi trang web \u0111\u00e3 t\u1ea3i xong\n    document.addEventListener('DOMContentLoaded', function() {\n      showPopup('load');\n    });\n\n    \/\/ Hi\u1ec3n th\u1ecb popup v\u1edbi n\u1ed9i dung thay \u0111\u1ed5i\n    function showPopup(context) {\n      const overlayId = context === 'load' ? 'overlay-load' : 'overlay-button';\n      const overlay = document.getElementById(overlayId);\n      overlay.classList.add('active');\n      setTimeout(() => {\n        overlay.querySelector('.popup').style.opacity = '1';\n        overlay.querySelector('.popup').style.transform = 'translateY(0)';\n      }, 10);\n      document.body.style.overflow = 'hidden'; \/\/ Ng\u0103n kh\u00f4ng cho cu\u1ed9n khi hi\u1ec3n th\u1ecb popup\n    }\n\n    \/\/ \u0110\u00f3ng popup\n    function closePopup(overlayId) {\n      const overlay = document.getElementById(overlayId);\n      const popup = overlay.querySelector('.popup');\n      popup.style.opacity = '0';\n      popup.style.transform = 'translateY(-50px)';\n      setTimeout(() => {\n        overlay.classList.remove('active');\n        document.body.style.overflow = 'auto'; \/\/ Cho ph\u00e9p cu\u1ed9n l\u1ea1i khi \u0111\u00f3ng popup\n      }, 300);\n    }\n\n    \/\/ JavaScript \u0111\u1ec3 chuy\u1ec3n \u0111\u1ed5i \u1ea3nh trong slider\n    let slideIndex = 0;\n    const slides = document.querySelectorAll('.slide');\n\n    function showSlides() {\n      slides.forEach(slide => {\n        slide.style.display = 'none';\n      });\n      slideIndex++;\n      if (slideIndex > slides.length) {\n        slideIndex = 1;\n      }\n      slides[slideIndex - 1].style.display = 'block';\n      setTimeout(showSlides, 8000); \/\/ Thay \u0111\u1ed5i \u1ea3nh sau m\u1ed7i 8 gi\u00e2y\n    }\n\n    showSlides();\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":615,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[7],"class_list":["post-614","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-lien-quan"],"_links":{"self":[{"href":"https:\/\/tomtangacc.com\/index.php\/wp-json\/wp\/v2\/posts\/614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tomtangacc.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tomtangacc.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tomtangacc.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tomtangacc.com\/index.php\/wp-json\/wp\/v2\/comments?post=614"}],"version-history":[{"count":3,"href":"https:\/\/tomtangacc.com\/index.php\/wp-json\/wp\/v2\/posts\/614\/revisions"}],"predecessor-version":[{"id":618,"href":"https:\/\/tomtangacc.com\/index.php\/wp-json\/wp\/v2\/posts\/614\/revisions\/618"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tomtangacc.com\/index.php\/wp-json\/wp\/v2\/media\/615"}],"wp:attachment":[{"href":"https:\/\/tomtangacc.com\/index.php\/wp-json\/wp\/v2\/media?parent=614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tomtangacc.com\/index.php\/wp-json\/wp\/v2\/categories?post=614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tomtangacc.com\/index.php\/wp-json\/wp\/v2\/tags?post=614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}