Showing source for: https://adpia.vn/
Duration: 1.859814s
Server: nginx

<!DOCTYPE html>
<html lang="vi" class="scroll-smooth">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Tiếp thị liên kết Adpia – Affiliate Marketing Network số 1 Việt Nam</title>
<meta name="description" content="Affiliate Marketing (Tiếp thị liên kết) là mô hình kiếm tiền online phổ biến, phù hợp với mọi đối tượng. Affiliate cũng là kênh marketing hiệu quả cho các doanh nghiệp muốn quảng bá sản phẩm trên thị trường.">
<link rel="canonical" href="https://adpia.vn"/>
    <meta property="og:type" content="website" />
<meta property="og:site_name" content="Tiếp thị liên kết Adpia – Affiliate Marketing Network số 1 Việt Nam" />
<meta property="og:title" content="Tiếp thị liên kết Adpia – Affiliate Marketing Network số 1 Việt Nam" />
<meta property="og:description" content="Affiliate Marketing (Tiếp thị liên kết) là mô hình kiếm tiền online phổ biến, phù hợp với mọi đối tượng. Affiliate cũng là kênh marketing hiệu quả cho các doanh nghiệp muốn quảng bá sản phẩm trên thị trường." />
<meta property="og:image" content="https://cdn.adpia.vn/adpia-storage/backup/photos/shares/logoadpia_200x200.png" />
<meta property="og:locale" content="vi_VN" />
<meta property="og:url" content="https://adpia.vn" />


    <link rel="shortcut icon" href="/assets/images/favicon.ico">

    
        <link rel="stylesheet" href="https://adpia.vn/plugin/carousel/owl.carousel.min.css"/> 
    <link rel="stylesheet" href="https://adpia.vn/plugin/carousel/owl.theme.default.min.css"/> 
    <link href="https://adpia.vn/css/app.css?v=1791738797" rel="stylesheet">
        <style type="text/css">
        .bg-video video {
            background-size: cover;
            background: no-repeat center;
            user-select: none;
            pointer-events: none;

            /* filter: grayscale(0.9); */

            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
            min-width: 100%;
            min-height: 100%;
        }
    </style>

    
    <script src="https://adpia.vn/plugin/jquery/jquery.min.js"></script>
    <script src="https://adpia.vn/plugin/carousel/owl.carousel.min.js"></script>
        <script src="https://adpia.vn/js/app.js?v=1791738797"></script>

    <script>
    !function(f,b,e,v,n,t,s)
    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
    n.queue=[];t=b.createElement(e);t.async=!0;
    t.src=v;s=b.getElementsByTagName(e)[0];
    s.parentNode.insertBefore(t,s)}(window, document,'script',
    'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '2224580931395716');
    fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none"
    src="https://www.facebook.com/tr?id=2224580931395716&ev=PageView&noscript=1"
    /></noscript>
    <!-- End Meta Pixel Code -->
    <meta name="mitgo-verification" content="82424652-0448-4cb3-b2e9-5c640db3a48a" />
 
</head>

<body>
    <header class="sticky top-0 z-40">
    <nav id="bg-menu" class="w-full relative z-20 start-0 bg-gradient-to-r from-[#feecee] to-[#fcf5eb]">
        <div class="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto px-4 h-[72px]">
            <a href="/home" title="Tiếp thị liên kết Adpia – Affiliate Marketing Network số 1 Việt Nam" class="flex items-center space-x-3 rtl:space-x-reverse">
                <img src="/landing_page/new_homepage/adpia-vn.svg" alt="Tiếp thị liên kết Adpia – Affiliate Marketing Network số 1 Việt Nam" class="lg:h-[58px]">
            </a>
            <div class="flex xl:order-2 space-x-3 xl:space-x-0 rtl:space-x-reverse">
                <div class="hidden xl:block group relative h-[72px] mr-4">
                    <div
                        class="flex flex-row justify-center items-center text-[#5A5A5A] text-[14px] font-medium h-[72px] py-2.5 cursor-pointer">
                        Tiếng Việt
                        <svg class="w-2.5 h-2.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                            fill="none" viewBox="0 0 10 6">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                d="m1 1 4 4 4-4" />
                        </svg>
                    </div>

                    <ul
                        class="hidden group-hover:flex flex-col gap-[4px] absolute z-50 top-[100%] left-[50%] -translate-x-[50%] min-w-[180px] bg-white shadow px-4 py-2">
                                                <li class="py-2">
                            <a href="?lang=vi"
                                class="flex flex-row gap-4 justify-start items-center h-[30px] hover:text-[#F1662D]">
                                <img src="/landing_page/new_homepage/vi.svg" alt="vi">
                                Tiếng Việt
                                                                    <img src="/landing_page/new_homepage/check.svg" alt="vi">
                                                            </a>
                        </li>
                        <li class="py-2">
                            <a href="?lang=en"
                                class="flex flex-row gap-4 justify-start items-center h-[30px] hover:text-[#F1662D]">
                                <img src="/landing_page/new_homepage/en.svg" alt="en">
                                English
                                                            </a>
                        </li>
                    </ul>
                </div>

                <div class="hidden xl:flex flex-row gap-3 justify-center items-center h-[72px]">
                    <a target="_blank" href="https://www.facebook.com/adpia.affiliate.network" title="icon"
                        class="">
                        <img src="/landing_page/new_homepage/facebook.svg" alt="icon" class="" />
                    </a>
                    <a target="_blank" href="https://www.youtube.com/@adpiavn5740" title="icon" class="">
                        <img src="/landing_page/new_homepage/youtube.svg" alt="icon" class="" />
                    </a>
                    <a target="_blank" href="https://www.tiktok.com/@adpiavn" title="icon" class="">
                        <img src="/landing_page/new_homepage/tiktok.svg" alt="icon" class="" />
                    </a>
                    <a target="_blank" href="https://zalo.me/g/hnwyfq481" title="icon" class="">
                        <img src="/landing_page/new_homepage/zalo.svg" alt="" class="" />
                    </a>
                </div>
                <button type="button"
                    class="text-menu inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-900 rounded-lg xl:hidden"
                    data-drawer-target="drawer-navigation" data-drawer-show="drawer-navigation"
                    aria-controls="drawer-navigation">
                    <span class="sr-only">Open main menu</span>
                    <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
                        viewBox="0 0 17 14">
                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                            d="M1 1h15M1 7h15M1 13h15" />
                    </svg>
                </button>
            </div>
            <div class="items-center justify-between hidden w-full xl:flex lg:w-auto lg:order-1" id="navbar-sticky">
                <ul class="flex flex-row justify-center items-center gap-1 2xl:gap-3">
                                            <li
                            class="group relative flex flex-row gap-[2px] justify-center items-center px-[5px] h-[72px]">
                            <a  href="/home#affiliateMarketing"
                                class="text-[#5A5A5A] font-bold text-[14px] relative uppercase
                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]
                                ">
                                Affiliate Marketing
                            </a>
                                                            <svg class="w-4 h-4 text-[#5A5A5A] group-hover:text-[#F1662D]" aria-hidden="true"
                                    xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
                                    viewBox="0 0 24 24">
                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="2" d="m19 9-7 7-7-7" />
                                </svg>

                                <ul
                                    class="hidden group-hover:flex flex-col gap-[4px] absolute z-50 top-[100%] left-[50%] -translate-x-[50%] min-w-[200px] bg-white shadow px-4 py-2">
                                                                            <li class="group/lv2 relative flex flex-row justify-between items-center">
                                            <a                                                 href="/affiliate"
                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                Giới thiệu
                                            </a>

                                                                                    </li>
                                                                            <li class="group/lv2 relative flex flex-row justify-between items-center">
                                            <a                                                 href="/affiliate-publisher"
                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                Affiliate Publisher
                                            </a>

                                                                                    </li>
                                                                            <li class="group/lv2 relative flex flex-row justify-between items-center">
                                            <a                                                 href="/partner"
                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                Đối tác
                                            </a>

                                                                                    </li>
                                                                    </ul>
                                                    </li>
                                            <li
                            class="group relative flex flex-row gap-[2px] justify-center items-center px-[5px] h-[72px]">
                            <a  href="/home#multiChannelBookingServices"
                                class="text-[#5A5A5A] font-bold text-[14px] relative uppercase
                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]
                                ">
                                Multi-channel Booking Services
                            </a>
                                                            <svg class="w-4 h-4 text-[#5A5A5A] group-hover:text-[#F1662D]" aria-hidden="true"
                                    xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
                                    viewBox="0 0 24 24">
                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="2" d="m19 9-7 7-7-7" />
                                </svg>

                                <ul
                                    class="hidden group-hover:flex flex-col gap-[4px] absolute z-50 top-[100%] left-[50%] -translate-x-[50%] min-w-[200px] bg-white shadow px-4 py-2">
                                                                            <li class="group/lv2 relative flex flex-row justify-between items-center">
                                            <a  target="_blank"                                                 href="https://kolkoc.link/"
                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                Truy cập kolkoc
                                            </a>

                                                                                    </li>
                                                                            <li class="group/lv2 relative flex flex-row justify-between items-center">
                                            <a                                                 href="/influencer-platform"
                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                Giới thiệu
                                            </a>

                                                                                    </li>
                                                                    </ul>
                                                    </li>
                                            <li
                            class="group relative flex flex-row gap-[2px] justify-center items-center px-[5px] h-[72px]">
                            <a  href="/online-ads"
                                class="text-[#5A5A5A] font-bold text-[14px] relative uppercase
                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]
                                ">
                                Quảng cáo trực tuyến
                            </a>
                                                    </li>
                                            <li
                            class="group relative flex flex-row gap-[2px] justify-center items-center px-[5px] h-[72px]">
                            <a  href="#"
                                class="text-[#5A5A5A] font-bold text-[14px] relative uppercase
                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]
                                ">
                                Tin tức &amp; Hướng dẫn
                            </a>
                                                            <svg class="w-4 h-4 text-[#5A5A5A] group-hover:text-[#F1662D]" aria-hidden="true"
                                    xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
                                    viewBox="0 0 24 24">
                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="2" d="m19 9-7 7-7-7" />
                                </svg>

                                <ul
                                    class="hidden group-hover:flex flex-col gap-[4px] absolute z-50 top-[100%] left-[50%] -translate-x-[50%] min-w-[200px] bg-white shadow px-4 py-2">
                                                                            <li class="group/lv2 relative flex flex-row justify-between items-center">
                                            <a                                                 href="/thong-tin"
                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                Tin tức
                                            </a>

                                                                                            <svg class="w-4 h-4 text-[#5A5A5A] group-hover/lv2:text-[#F1662D]"
                                                    aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                                                    width="24" height="24" fill="none"
                                                    viewBox="0 0 24 24">
                                                    <path stroke="currentColor" stroke-linecap="round"
                                                        stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7" />
                                                </svg>
                                                <ul
                                                    class="hidden group-hover/lv2:flex flex-col gap-[4px] absolute z-50 top-0 left-[100%] min-w-[200px] bg-white shadow px-4 py-2">
                                                                                                            <li class="group/lv3 relative">
                                                            <a                                                                 href="/chien-dich"
                                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                                Chiến dịch
                                                            </a>
                                                        </li>
                                                                                                            <li class="group/lv3 relative">
                                                            <a                                                                 href="/chuong-trinh-khuyen-mai"
                                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                                KHUYẾN MÃI
                                                            </a>
                                                        </li>
                                                                                                            <li class="group/lv3 relative">
                                                            <a                                                                 href="/kiem-tien-online"
                                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                                KIẾM TIỀN ONLINE
                                                            </a>
                                                        </li>
                                                                                                            <li class="group/lv3 relative">
                                                            <a                                                                 href="/digital-marketing"
                                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                                DIGITAL MARKETING
                                                            </a>
                                                        </li>
                                                                                                            <li class="group/lv3 relative">
                                                            <a                                                                 href="/e-commerce"
                                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                                E-COMMERCE
                                                            </a>
                                                        </li>
                                                                                                            <li class="group/lv3 relative">
                                                            <a                                                                 href="/merchant"
                                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                                Merchant
                                                            </a>
                                                        </li>
                                                                                                            <li class="group/lv3 relative">
                                                            <a                                                                 href="/kol-koc"
                                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                                INFLUENCER
                                                            </a>
                                                        </li>
                                                                                                            <li class="group/lv3 relative">
                                                            <a                                                                 href="/doanh-nghiep"
                                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                                DOANH NGHIỆP
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="group/lv2 relative flex flex-row justify-between items-center">
                                            <a                                                 href="/huong-dan"
                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                Hướng dẫn
                                            </a>

                                                                                            <svg class="w-4 h-4 text-[#5A5A5A] group-hover/lv2:text-[#F1662D]"
                                                    aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                                                    width="24" height="24" fill="none"
                                                    viewBox="0 0 24 24">
                                                    <path stroke="currentColor" stroke-linecap="round"
                                                        stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7" />
                                                </svg>
                                                <ul
                                                    class="hidden group-hover/lv2:flex flex-col gap-[4px] absolute z-50 top-0 left-[100%] min-w-[200px] bg-white shadow px-4 py-2">
                                                                                                            <li class="group/lv3 relative">
                                                            <a                                                                 href="/faq"
                                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                                FQA
                                                            </a>
                                                        </li>
                                                                                                            <li class="group/lv3 relative">
                                                            <a                                                                 href="/huong-dan"
                                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                                HƯỚNG DẪN PUBLISHER
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </li>
                                                                            <li class="group/lv2 relative flex flex-row justify-between items-center">
                                            <a                                                 href="/tuyen-dung"
                                                class="whitespace-nowrap inline-block px-[4px] py-[12px] text-[#929292] text-[14px] font-medium relative uppercase
                                                hover:text-[#F1662D] hover:after:absolute hover:after:bg-[#F1662D] hover:after:w-[100%] hover:after:h-[1px] hover:after:top-[100%] hover:after:left-[50%] hover:after:-translate-x-[50%]">
                                                Tuyển dụng
                                            </a>

                                                                                    </li>
                                                                    </ul>
                                                    </li>
                                    </ul>
            </div>
        </div>
    </nav>
</header>


<div id="drawer-navigation"
    class="fixed top-0 left-0 z-40 h-screen p-4 overflow-y-auto transition-transform -translate-x-full bg-white w-64 dark:bg-gray-800"
    tabindex="-1" aria-labelledby="drawer-navigation-label">
    <div class="flex flex-row justify-between items-center">
        <h5 id="drawer-navigation-label" class="text-base font-semibold text-gray-500 uppercase dark:text-gray-400">
            Menu
        </h5>
        <div class="flex flex-row justify-center items-center gap-4">
            <a href="?lang=vi" title="icon" class="">
                <img src="/landing_page/new_homepage/vi.svg" alt="vi" width="24" height="24">
            </a>
            <a href="?lang=en" title="icon" class="">
                <img src="/landing_page/new_homepage/en.svg" alt="en" width="24" height="24">
            </a>
        </div>
        
        <button type="button" data-drawer-hide="drawer-navigation" aria-controls="drawer-navigation"
            class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 inline-flex items-center justify-center dark:hover:bg-gray-600 dark:hover:text-white">
            <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
                viewBox="0 0 14 14">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                    d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />
            </svg>
            <span class="sr-only">Close menu</span>
        </button>
    </div>
    <div class="py-4 overflow-y-auto">
        <hr />
        <ul id="menu-mb" class="font-medium mb-2">
                            <li class="li1 mt-2">
                    <div class="flex flex-row justify-between items-center gap-2">
                        <a  href="/home#affiliateMarketing"
                            class="flex items-center text-gray-900">
                            <span class=""> Affiliate Marketing</span>
                        </a>
                                                    <div class="icon p-2">
                                <svg class="icon-down w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                                    width="24" height="24" fill="none" viewBox="0 0 24 24">
                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="2" d="m19 9-7 7-7-7" />
                                </svg>
                                <svg class="icon-up hidden w-4 h-4" aria-hidden="true"
                                    xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
                                    viewBox="0 0 24 24">
                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="2" d="m5 15 7-7 7 7" />
                                </svg>
                            </div>
                                            </div>
                                            <ul class="ul2 text-sm text-gray-700" style="display: none;">
                                                            <li class="li2 mt-2">
                                    <div class="flex flex-row justify-between items-center gap-2">
                                        <a                                             href="/affiliate" class="block w-full pl-4 py-[5px]">
                                            Giới thiệu
                                        </a>
                                                                            </div>
                                                                    </li>
                                                            <li class="li2 mt-2">
                                    <div class="flex flex-row justify-between items-center gap-2">
                                        <a                                             href="/affiliate-publisher" class="block w-full pl-4 py-[5px]">
                                            Affiliate Publisher
                                        </a>
                                                                            </div>
                                                                    </li>
                                                            <li class="li2 mt-2">
                                    <div class="flex flex-row justify-between items-center gap-2">
                                        <a                                             href="/partner" class="block w-full pl-4 py-[5px]">
                                            Đối tác
                                        </a>
                                                                            </div>
                                                                    </li>
                                                    </ul>
                                    </li>
                            <li class="li1 mt-2">
                    <div class="flex flex-row justify-between items-center gap-2">
                        <a  href="/home#multiChannelBookingServices"
                            class="flex items-center text-gray-900">
                            <span class=""> Multi-channel Booking Services</span>
                        </a>
                                                    <div class="icon p-2">
                                <svg class="icon-down w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                                    width="24" height="24" fill="none" viewBox="0 0 24 24">
                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="2" d="m19 9-7 7-7-7" />
                                </svg>
                                <svg class="icon-up hidden w-4 h-4" aria-hidden="true"
                                    xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
                                    viewBox="0 0 24 24">
                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="2" d="m5 15 7-7 7 7" />
                                </svg>
                            </div>
                                            </div>
                                            <ul class="ul2 text-sm text-gray-700" style="display: none;">
                                                            <li class="li2 mt-2">
                                    <div class="flex flex-row justify-between items-center gap-2">
                                        <a  target="_blank"                                             href="https://kolkoc.link/" class="block w-full pl-4 py-[5px]">
                                            Truy cập kolkoc
                                        </a>
                                                                            </div>
                                                                    </li>
                                                            <li class="li2 mt-2">
                                    <div class="flex flex-row justify-between items-center gap-2">
                                        <a                                             href="/influencer-platform" class="block w-full pl-4 py-[5px]">
                                            Giới thiệu
                                        </a>
                                                                            </div>
                                                                    </li>
                                                    </ul>
                                    </li>
                            <li class="li1 mt-2">
                    <div class="flex flex-row justify-between items-center gap-2">
                        <a  href="/online-ads"
                            class="flex items-center text-gray-900">
                            <span class=""> Quảng cáo trực tuyến</span>
                        </a>
                                            </div>
                                    </li>
                            <li class="li1 mt-2">
                    <div class="flex flex-row justify-between items-center gap-2">
                        <a  href="#"
                            class="flex items-center text-gray-900">
                            <span class=""> Tin tức &amp; Hướng dẫn</span>
                        </a>
                                                    <div class="icon p-2">
                                <svg class="icon-down w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                                    width="24" height="24" fill="none" viewBox="0 0 24 24">
                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="2" d="m19 9-7 7-7-7" />
                                </svg>
                                <svg class="icon-up hidden w-4 h-4" aria-hidden="true"
                                    xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
                                    viewBox="0 0 24 24">
                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="2" d="m5 15 7-7 7 7" />
                                </svg>
                            </div>
                                            </div>
                                            <ul class="ul2 text-sm text-gray-700" style="display: none;">
                                                            <li class="li2 mt-2">
                                    <div class="flex flex-row justify-between items-center gap-2">
                                        <a                                             href="/thong-tin" class="block w-full pl-4 py-[5px]">
                                            Tin tức
                                        </a>
                                                                                    <div class="icon p-2">
                                                <svg class="icon-down w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                                                    width="24" height="24" fill="none" viewBox="0 0 24 24">
                                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                                        stroke-width="2" d="m19 9-7 7-7-7" />
                                                </svg>
                                                <svg class="icon-up hidden w-4 h-4" aria-hidden="true"
                                                    xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
                                                    viewBox="0 0 24 24">
                                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                                        stroke-width="2" d="m5 15 7-7 7 7" />
                                                </svg>
                                            </div>
                                                                            </div>
                                                                            <ul class="ul3 text-sm text-gray-700" style="display: none;">
                                                                                            <li class="li3 mt-2">
                                                    <div class="flex flex-row justify-between items-center gap-2">
                                                        <a                                                             href="/chien-dich" class="block w-full pl-8 py-[5px]">
                                                            Chiến dịch
                                                        </a>
                                                    </div>
                                                </li>
                                                                                            <li class="li3 mt-2">
                                                    <div class="flex flex-row justify-between items-center gap-2">
                                                        <a                                                             href="/chuong-trinh-khuyen-mai" class="block w-full pl-8 py-[5px]">
                                                            KHUYẾN MÃI
                                                        </a>
                                                    </div>
                                                </li>
                                                                                            <li class="li3 mt-2">
                                                    <div class="flex flex-row justify-between items-center gap-2">
                                                        <a                                                             href="/kiem-tien-online" class="block w-full pl-8 py-[5px]">
                                                            KIẾM TIỀN ONLINE
                                                        </a>
                                                    </div>
                                                </li>
                                                                                            <li class="li3 mt-2">
                                                    <div class="flex flex-row justify-between items-center gap-2">
                                                        <a                                                             href="/digital-marketing" class="block w-full pl-8 py-[5px]">
                                                            DIGITAL MARKETING
                                                        </a>
                                                    </div>
                                                </li>
                                                                                            <li class="li3 mt-2">
                                                    <div class="flex flex-row justify-between items-center gap-2">
                                                        <a                                                             href="/e-commerce" class="block w-full pl-8 py-[5px]">
                                                            E-COMMERCE
                                                        </a>
                                                    </div>
                                                </li>
                                                                                            <li class="li3 mt-2">
                                                    <div class="flex flex-row justify-between items-center gap-2">
                                                        <a                                                             href="/merchant" class="block w-full pl-8 py-[5px]">
                                                            Merchant
                                                        </a>
                                                    </div>
                                                </li>
                                                                                            <li class="li3 mt-2">
                                                    <div class="flex flex-row justify-between items-center gap-2">
                                                        <a                                                             href="/kol-koc" class="block w-full pl-8 py-[5px]">
                                                            INFLUENCER
                                                        </a>
                                                    </div>
                                                </li>
                                                                                            <li class="li3 mt-2">
                                                    <div class="flex flex-row justify-between items-center gap-2">
                                                        <a                                                             href="/doanh-nghiep" class="block w-full pl-8 py-[5px]">
                                                            DOANH NGHIỆP
                                                        </a>
                                                    </div>
                                                </li>
                                                                                    </ul>
                                                                    </li>
                                                            <li class="li2 mt-2">
                                    <div class="flex flex-row justify-between items-center gap-2">
                                        <a                                             href="/huong-dan" class="block w-full pl-4 py-[5px]">
                                            Hướng dẫn
                                        </a>
                                                                                    <div class="icon p-2">
                                                <svg class="icon-down w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                                                    width="24" height="24" fill="none" viewBox="0 0 24 24">
                                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                                        stroke-width="2" d="m19 9-7 7-7-7" />
                                                </svg>
                                                <svg class="icon-up hidden w-4 h-4" aria-hidden="true"
                                                    xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
                                                    viewBox="0 0 24 24">
                                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                                        stroke-width="2" d="m5 15 7-7 7 7" />
                                                </svg>
                                            </div>
                                                                            </div>
                                                                            <ul class="ul3 text-sm text-gray-700" style="display: none;">
                                                                                            <li class="li3 mt-2">
                                                    <div class="flex flex-row justify-between items-center gap-2">
                                                        <a                                                             href="/faq" class="block w-full pl-8 py-[5px]">
                                                            FQA
                                                        </a>
                                                    </div>
                                                </li>
                                                                                            <li class="li3 mt-2">
                                                    <div class="flex flex-row justify-between items-center gap-2">
                                                        <a                                                             href="/huong-dan" class="block w-full pl-8 py-[5px]">
                                                            HƯỚNG DẪN PUBLISHER
                                                        </a>
                                                    </div>
                                                </li>
                                                                                    </ul>
                                                                    </li>
                                                            <li class="li2 mt-2">
                                    <div class="flex flex-row justify-between items-center gap-2">
                                        <a                                             href="/tuyen-dung" class="block w-full pl-4 py-[5px]">
                                            Tuyển dụng
                                        </a>
                                                                            </div>
                                                                    </li>
                                                    </ul>
                                    </li>
                    </ul>
        
        <hr />
        <div class="py-2 flex flex-row justify-start items-center gap-4">
            <a target="_blank" href="https://www.facebook.com/adpia.affiliate.network" title="icon"
                class="">
                <img src="/landing_page/new_homepage/facebook.svg" alt="icon" class="" />
            </a>
            <a target="_blank" href="https://www.youtube.com/@adpiavn5740" title="icon" class="">
                <img src="/landing_page/new_homepage/youtube.svg" alt="icon" class="" />
            </a>
            <a target="_blank" href="https://www.tiktok.com/@adpiavn" title="icon" class="">
                <img src="/landing_page/new_homepage/tiktok.svg" alt="icon" class="" />
            </a>
            <a target="_blank" href="https://zalo.me/g/hnwyfq481" title="icon" class="">
                <img src="/landing_page/new_homepage/zalo.svg" alt="" class="" />
            </a>
        </div>
    </div>
</div>

        <div class="bg-video relative overflow-hidden w-full aspect-video">
        <video autoplay="true" loop="true" muted playsinline preload="auto" class="w-full"
            poster="/landing_page/new_homepage/videos/poster.jpg">
            <source src="/landing_page/new_homepage/videos/bg-homepage.mp4" type="video/mp4">
            Your browser does not support the video tag.
        </video>
    </div>

    <h1 class="hidden">Tiếp thị liên kết Adpia – Affiliate Marketing Network số 1 Việt Nam</h1>

    <section class="relative -z-20 bg-gradient-to-tr from-[#cfebfe] to-[#aeecff] py-[2rem] md:py-[4rem] ">
        <img loading="lazy" class="hidden lg:block absolute -z-10 left-0 bottom-0" src="/landing_page/new_homepage/icon-left.png"
            alt="icon">
        <img loading="lazy" class="absolute -z-10 top-0 right-0" src="/landing_page/new_homepage/icon-right.png"
            alt="icon">
        <div class="container mx-auto static">
            <div class="max-w-[650px] mx-auto">
                <h2 class="text-center text-2xl md:text-5xl font-bold text-[#18354A] mb-6">Dịch vụ của Adpia</h2>
                <p class="text-center text-[#315168b3] text-base md:text-xl font-normal">Chúng tôi mang đến giải pháp Marketing tổng thể đa nền tảng giúp lan tỏa thương hiệu và tăng trưởng doanh thu</p>
            </div>
            <div class="grid grid-cols-3 sm:grid-cols-3 gap-2 sm:gap-6 mt-8 items-start">
                <a href="#affiliateMarketing" class="group flex flex-col gap-4 justify-center items-center" title="Affiliate Marketing">
                    <img loading="lazy" class="bg-white rounded-full shadow-md w-[100px] md:w-[250px]" src="/landing_page/new_homepage/icon-1.png" alt="icon">
                    <h3 class="text-[#18354A] group-hover:text-[#F24E1E] font-bold text-xs sm:text-base md:text-xl text-center">
                        Affiliate<br>Marketing
                    </h3>
                </a>
         
                <a href="#multiChannelBookingServices" class="group flex flex-col gap-4 justify-center items-center"
                    title="Multi-channel Booking Services">
                    <img loading="lazy" class="bg-white rounded-full shadow-md w-[100px] md:w-[250px]" src="/landing_page/new_homepage/icon-3.png" alt="icon">
                    <h3 class="text-[#18354A] group-hover:text-[#F24E1E] font-bold text-xs sm:text-base md:text-xl text-center">
                        Multi-channel<br>Booking Services
                    </h3>
                </a>
                <a href="#otherServices" class="group flex flex-col gap-4 justify-center items-center"
                    title="Các dịch vụ khác của chúng tôi">
                    <img loading="lazy" class="bg-white rounded-full shadow-md w-[100px] md:w-[250px]" src="/landing_page/new_homepage/icon-4.png" alt="icon">
                    <h3 class="text-[#18354A] group-hover:text-[#F24E1E] font-bold text-xs sm:text-base md:text-xl text-center">
                        Các dịch vụ khác<br/>
                        của chúng tôi
                    </h3>
                </a>
            </div>
        </div>
    </section>

    <section class="bg-white">
        <div class="container mx-auto py-8">

            
            <div id="affiliateMarketing"
                class="grid grid-cols-1 lg:grid-cols-2 lg:py-[100px] relative z-30

                before:block before:absolute
                before:top-0 before:left-[13px]
                lg:before:left-[50%] lg:before:-translate-x-[50%]
                before:w-[10px] before:h-[10px] before:border before:rounded-full before:bg-white before:z-20

                after:block after:absolute 
                after:top-0 after:left-[18px]
                lg:after:left-[50%] after:h-[100%] 
                after:border-dashed after:border-s after:border-gray-200 after:z-0
                ">
                <div class="order-first lg:order-last relative z-20 overflow-hidden lg:overflow-visible">
                    <div class="sm:w-[423px] sm:h-[309px] lg:absolute lg:left-0">
                        <img loading="lazy" src="/landing_page/new_homepage/img-timeline-1.png" alt="banner" />
                    </div>
                    <img loading="lazy" class="absolute w-[100px] lg:w-[154px] lg:h-[310px] 
                        left-[224px]
                        sm:left-[304px]
                        lg:left-[340px]
                        -bottom-4"
                        src="/landing_page/new_homepage/phone-timeline-1.png" alt="banner">
                </div>
                <div class="flex flex-col gap-4 relative z-20">
                    <img loading="lazy" class="absolute left-0 top-8 w-[36px] h-[36px] lg:w-[74px] lg:h-[74px] lg:static lg:left-0 lg:top-0"
                        src="/landing_page/new_homepage/icon-timeline-1.png" alt="icon" />
                    <h3 class="text-[#14181F] font-bold text-2xl lg:text-4xl ml-[50px] mt-[36px] lg:ml-0 lg:mt-0">Affiliate
                        Marketing</h3>
                    <p class="text-[#777777] text-lg lg:pr-12 ml-[50px] lg:ml-0 lg:min-h-[112px]">
                        Adpia sử dụng nền tảng Tiếp thị Liên kết hiện đại hàng đầu đã được khẳng định tại thị trường Trung Quốc, Hàn Quốc và khu vực Đông Nam Á. Adpia tự hào là một trong những trong những mạng lưới Tiếp thị Liên kết đầu tiên, vững mạnh tại Việt Nam. Truy cập  <span class="text-[#FD9800]"> adpia.vn</span>
                    </p>
                    <div class="flex flex-row flex-wrap gap-3 justify-center md:justify-start">
                        <a href="/affiliate" title="Truy cập Adpia"
                            class="w-fit flex flex-row justify-between items-center gap-2 lg:gap-3 text-[#0D1B41] p-1 pl-2 lg:p-2 lg:pl-4 border border-[#0D1B41] rounded-full group hover:text-white hover:bg-[#f24e1e] hover:border-[#f24e1e]">
                            Truy cập Adpia
                            <svg class="w-8 h-8 text-white bg-[#f24e1e] rounded-full group-hover:text-[#f24e1e] group-hover:bg-white"
                                aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                fill="none" viewBox="0 0 24 24">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                    stroke-width="2" d="M19 12H5m14 0-4 4m4-4-4-4" />
                            </svg>
                        </a>
                        <a href="/affiliate-publisher" title="Cộng tác viên"
                            class="w-fit flex flex-row justify-between items-center gap-2 lg:gap-3 text-[#0D1B41] p-1 pl-2 lg:p-2 lg:pl-4 border border-[#0D1B41] rounded-full group hover:text-white hover:bg-[#f24e1e] hover:border-[#f24e1e]">
                            Cộng tác viên
                            <svg class="w-8 h-8 text-white bg-[#f24e1e] rounded-full group-hover:text-[#f24e1e] group-hover:bg-white"
                                aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                fill="none" viewBox="0 0 24 24">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                    d="M19 12H5m14 0-4 4m4-4-4-4" />
                            </svg>
                        </a>
                        <a href="/partner" title="Nhà cung cấp"
                            class="w-fit flex flex-row justify-between items-center gap-2 lg:gap-3 text-[#0D1B41] p-1 pl-2 lg:p-2 lg:pl-4 border border-[#0D1B41] rounded-full group hover:text-white hover:bg-[#f24e1e] hover:border-[#f24e1e]">
                            Nhà cung cấp
                            <svg class="w-8 h-8 text-white bg-[#f24e1e] rounded-full group-hover:text-[#f24e1e] group-hover:bg-white"
                                aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                fill="none" viewBox="0 0 24 24">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                    d="M19 12H5m14 0-4 4m4-4-4-4" />
                            </svg>
                        </a>
                    </div>
                </div>
            </div>

            
            <div id="multiChannelBookingServices"
                class="grid grid-cols-1 lg:grid-cols-2 py-8 lg:py-[100px] relative z-30

                before:block before:absolute
                before:top-0 before:left-[13px]
                lg:before:left-[50%] lg:before:-translate-x-[50%]
                before:w-[10px] before:h-[10px] before:border before:rounded-full before:bg-white before:z-20

                after:block after:absolute 
                after:top-0 after:left-[18px]
                lg:after:left-[50%] after:h-[100%] 
                after:border-dashed after:border-s after:border-gray-200 after:z-0
                ">
                <div class="relative z-20 overflow-hidden lg:overflow-visible">
                    <div class="sm:w-[423px] sm:h-[309px] lg:absolute lg:right-0">
                        <img loading="lazy" src="/landing_page/new_homepage/img-timeline-3.png" alt="banner" />
                    </div>
                    <img loading="lazy" class="absolute w-[100px] lg:w-[154px] lg:h-[310px] 
                        left-[20px]
                        lg:left-[unset] lg:right-[340px]
                        -bottom-4"
                        src="/landing_page/new_homepage/phone-timeline-3.png" alt="banner">
                </div>
                <div class="flex flex-col gap-4 relative z-20 lg:pl-12">
                    <img loading="lazy" class="absolute left-0 top-8 w-[36px] h-[36px] lg:w-[74px] lg:h-[74px] lg:static lg:left-0 lg:top-0"
                        src="/landing_page/new_homepage/icon-timeline-3.png" alt="icon" />
                    <h3 class="text-[#14181F] font-bold text-2xl lg:text-4xl ml-[50px] mt-[36px] lg:ml-0 lg:mt-0">Dịch vụ Booking đa nền tảng</h3>
                    <p class="text-[#777777] text-lg lg:pr-12 ml-[50px] lg:ml-0 lg:min-h-[112px]">
                        Adpia cung cấp dịch vụ Booking Influencer thuộc mọi lĩnh vực, với kim chỉ nam luôn đặt chất lượng lên hàng đầu, chúng tôi luôn luôn hướng tới mục tiêu đem lại hiệu quả tốt nhất cho doanh nghiệp của bạn. Truy cập <span class="text-[#F24E1E] font-bold"> kolkoc.link</span>
                    </p>
                    <div class="flex flex-row flex-wrap gap-3 justify-center md:justify-start">
                        <a target="_blank" href="https://kolkoc.link" title="Truy cập kolkoc"
                            class="w-fit flex flex-row justify-between items-center gap-2 lg:gap-3 text-[#0D1B41] p-1 pl-2 lg:p-2 lg:pl-4 border border-[#0D1B41] rounded-full group hover:text-white hover:bg-[#f24e1e] hover:border-[#f24e1e]">
                            Truy cập kolkoc
                            <svg class="w-8 h-8 text-white bg-[#f24e1e] rounded-full group-hover:text-[#f24e1e] group-hover:bg-white"
                                aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                fill="none" viewBox="0 0 24 24">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                    stroke-width="2" d="M19 12H5m14 0-4 4m4-4-4-4" />
                            </svg>
                        </a>
                        <a href="/influencer-platform" title="Giới thiệu"
                            class="w-fit flex flex-row justify-between items-center gap-2 lg:gap-3 text-[#0D1B41] p-1 pl-2 lg:p-2 lg:pl-4 border border-[#0D1B41] rounded-full group hover:text-white hover:bg-[#f24e1e] hover:border-[#f24e1e]">
                            Giới thiệu
                            <svg class="w-8 h-8 text-white bg-[#f24e1e] rounded-full group-hover:text-[#f24e1e] group-hover:bg-white"
                                aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                fill="none" viewBox="0 0 24 24">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                    stroke-width="2" d="M19 12H5m14 0-4 4m4-4-4-4" />
                            </svg>
                        </a>
                    </div>
                </div>
            </div>

            
            <div id="otherServices"
                class="grid grid-cols-1 lg:grid-cols-2 py-8 lg:py-[100px] relative z-30

                before:block before:absolute
                before:top-0 before:left-[13px]
                lg:before:left-[50%] lg:before:-translate-x-[50%]
                before:w-[10px] before:h-[10px] before:border before:rounded-full before:bg-white before:z-20

                after:block after:absolute 
                after:top-0 after:left-[18px]
                lg:after:left-[50%] after:h-[100%] 
                after:border-dashed after:border-s after:border-gray-200 after:z-0
                ">
                <div class="order-first lg:order-last relative z-20 overflow-hidden lg:overflow-visible">
                    <div class="sm:w-[423px] sm:h-[309px] lg:absolute lg:left-0">
                        <img loading="lazy" src="/landing_page/new_homepage/img-timeline-4.png" alt="banner" />
                    </div>
                    <img loading="lazy" class="absolute w-[100px] lg:w-[154px] lg:h-[310px] 
                        left-[224px]
                        sm:left-[304px]
                        lg:left-[340px]
                        -bottom-4"
                        src="/landing_page/new_homepage/phone-timeline-4.png" alt="banner">
                </div>
                <div class="flex flex-col gap-4 relative z-20">
                    <img loading="lazy" class="absolute left-0 top-8 w-[36px] h-[36px] lg:w-[74px] lg:h-[74px] lg:static lg:left-0 lg:top-0"
                        src="/landing_page/new_homepage/icon-timeline-4.png" alt="icon" />
                    <h3 class="text-[#14181F] font-bold text-2xl lg:text-4xl ml-[50px] mt-[36px] lg:ml-0 lg:mt-0">Các dịch vụ khác của chúng tôi</h3>
                    <p class="text-[#777777] text-lg lg:pr-12 ml-[50px] lg:ml-0 lg:min-h-[112px]">
                        Adpia là đối tác chiến lược của nhiều đối tác, ADPIA cung cấp hệ thống dịch vụ, sản phẩm đa dạng, bắt kịp xu thế Digital Marketing.
                    </p>
                    <div class="flex flex-row flex-wrap gap-3 justify-center md:justify-start">
                        <a href="/online-ads" title="Giới thiệu"
                            class="w-fit flex flex-row justify-between items-center gap-2 lg:gap-3 text-[#0D1B41] p-1 pl-2 lg:p-2 lg:pl-4 border border-[#0D1B41] rounded-full group hover:text-white hover:bg-[#f24e1e] hover:border-[#f24e1e]">
                            Giới thiệu
                            <svg class="w-8 h-8 text-white bg-[#f24e1e] rounded-full group-hover:text-[#f24e1e] group-hover:bg-white"
                                aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                fill="none" viewBox="0 0 24 24">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                    d="M19 12H5m14 0-4 4m4-4-4-4" />
                            </svg>
                        </a>
                    </div>
                </div>
            </div>

            <div class="w-full relative
                before:block before:absolute
                before:top-0 before:left-[13px]
                lg:before:left-[50%] lg:before:-translate-x-[50%]
                before:w-[10px] before:h-[10px] before:border before:rounded-full before:bg-white before:z-20"></div>

        </div>
    </section>

    <div class="bg-[#2C2C2C]">
    <div class="container mx-auto">
        <div class="pt-[2.5rem] pb-4 flex flex-col gap-y-4 text-[#FFFFFF80]">
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
                <div class="col-span-1">
                    <div class="flex flex-col gap-y-4">
                        <div class="flex gap-x-3 items-center">
                            <a href="/" class="w-[100px] flex-shrink-0 flex-grow-0">
                                <img src="https://adpia.vn/assets/images/logo.png" alt="Trang chủ">
                            </a>
                            <div class="font-bold text-[#FFFFFFCC]">Nền tảng tiếp thị liên kết quy mô và uy tín nhất Việt Nam</div>
                        </div>
                        <div class="text-lg text-[#FF5F30] font-bold">CÔNG TY CỔ PHẦN ADPIA</div>
                        <div>Trụ sở chính: Tầng 29 tòa nhà Handico, đường Phạm Hùng, phường Yên Hoà, Thành phố Hà Nội</div>
                        <div>CN Miền Nam: 98 Nguyễn Công Trứ, phường Sài Gòn, Thành phố Hồ Chí Minh</div>
                    </div>
                </div>
                <div class="col-span-1">
                    <div class="flex justify-between gap-x-3">
                        <div class="flex flex-col gap-y-4">
                            <div class="text-[#FFFFFFB2] font-bold">Affiliate Contact</div>
                            <div class="flex flex-col gap-y-2">
                                <div class="flex items-center gap-x-2">
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 2.4C0 1.07452 1.07452 0 2.4 0H13.6C14.9255 0 16 1.07452 16 2.4V13.6C16 14.9255 14.9255 16 13.6 16H2.4C1.07452 16 0 14.9255 0 13.6V2.4Z" fill="white"/>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8554 10.9312C11.6085 11.6816 10.641 12.056 9.94982 11.9936C9.00582 11.9082 7.97863 11.4074 7.19889 10.856C6.05276 10.0453 4.97916 8.79144 4.35356 7.46078C3.91143 6.52051 3.81223 5.36424 4.46983 4.50718C4.71303 4.19038 4.97649 4.02131 5.37116 4.00158C5.91943 3.97491 5.99623 4.28851 6.18449 4.77704C6.32476 5.14238 6.51196 5.51518 6.61649 5.89384C6.81223 6.60051 6.12796 6.62984 6.04156 7.20744C5.98823 7.57171 6.42929 8.06024 6.62876 8.31998C7.01323 8.82583 7.48412 9.25971 8.01969 9.60158C8.32369 9.79304 8.81329 10.1381 9.16103 9.94771C9.69649 9.65438 9.64636 8.75144 10.3946 9.05704C10.7824 9.21491 11.1578 9.44264 11.528 9.64211C12.1002 9.94984 12.0736 10.2688 11.8554 10.9312C12.0186 10.4362 11.6922 11.4261 11.8554 10.9312Z" fill="black"/>
                                    </svg>
                                    <div>HN: 024 2260 6074</div>
                                </div>
                                <div class="flex items-center gap-x-2">
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 2.4C0 1.07452 1.07452 0 2.4 0H13.6C14.9255 0 16 1.07452 16 2.4V13.6C16 14.9255 14.9255 16 13.6 16H2.4C1.07452 16 0 14.9255 0 13.6V2.4Z" fill="white"/>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8554 10.9312C11.6085 11.6816 10.641 12.056 9.94982 11.9936C9.00582 11.9082 7.97863 11.4074 7.19889 10.856C6.05276 10.0453 4.97916 8.79144 4.35356 7.46078C3.91143 6.52051 3.81223 5.36424 4.46983 4.50718C4.71303 4.19038 4.97649 4.02131 5.37116 4.00158C5.91943 3.97491 5.99623 4.28851 6.18449 4.77704C6.32476 5.14238 6.51196 5.51518 6.61649 5.89384C6.81223 6.60051 6.12796 6.62984 6.04156 7.20744C5.98823 7.57171 6.42929 8.06024 6.62876 8.31998C7.01323 8.82583 7.48412 9.25971 8.01969 9.60158C8.32369 9.79304 8.81329 10.1381 9.16103 9.94771C9.69649 9.65438 9.64636 8.75144 10.3946 9.05704C10.7824 9.21491 11.1578 9.44264 11.528 9.64211C12.1002 9.94984 12.0736 10.2688 11.8554 10.9312C12.0186 10.4362 11.6922 11.4261 11.8554 10.9312Z" fill="black"/>
                                    </svg>
                                    <div>HCM: 028 6270 6071</div>
                                </div>
                                <div class="flex items-center gap-x-2">
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <rect width="16" height="16" rx="2.4" fill="white"/>
                                        <path d="M8.0001 7.62813L11.9938 5.0625C11.8333 4.94207 11.6383 4.87634 11.4376 4.875H4.5626C4.36189 4.87634 4.16691 4.94207 4.00635 5.0625L8.0001 7.62813Z" fill="black"/>
                                        <path d="M8.16875 8.2623L8.11563 8.2873H8.09063C8.06185 8.30016 8.0313 8.30859 8 8.3123C7.97406 8.31557 7.94781 8.31557 7.92188 8.3123H7.89687L7.84375 8.2873L3.65625 5.58105C3.63624 5.65654 3.62575 5.73422 3.625 5.8123V10.1873C3.625 10.4359 3.72377 10.6744 3.89959 10.8502C4.0754 11.026 4.31386 11.1248 4.5625 11.1248H11.4375C11.6861 11.1248 11.9246 11.026 12.1004 10.8502C12.2762 10.6744 12.375 10.4359 12.375 10.1873V5.8123C12.3743 5.73422 12.3638 5.65654 12.3438 5.58105L8.16875 8.2623Z" fill="black"/>
                                    </svg>    
                                    <div>[email protected]</div>
                                </div>
                            </div>
                        </div>
                        <div class="flex flex-col gap-y-4">
                            <div class="text-[#FFFFFFB2] font-bold">Merchant Contact</div>
                            <div class="flex flex-col gap-y-2">
                                <div class="flex items-center gap-x-2">
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 2.4C0 1.07452 1.07452 0 2.4 0H13.6C14.9255 0 16 1.07452 16 2.4V13.6C16 14.9255 14.9255 16 13.6 16H2.4C1.07452 16 0 14.9255 0 13.6V2.4Z" fill="white"/>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8554 10.9312C11.6085 11.6816 10.641 12.056 9.94982 11.9936C9.00582 11.9082 7.97863 11.4074 7.19889 10.856C6.05276 10.0453 4.97916 8.79144 4.35356 7.46078C3.91143 6.52051 3.81223 5.36424 4.46983 4.50718C4.71303 4.19038 4.97649 4.02131 5.37116 4.00158C5.91943 3.97491 5.99623 4.28851 6.18449 4.77704C6.32476 5.14238 6.51196 5.51518 6.61649 5.89384C6.81223 6.60051 6.12796 6.62984 6.04156 7.20744C5.98823 7.57171 6.42929 8.06024 6.62876 8.31998C7.01323 8.82583 7.48412 9.25971 8.01969 9.60158C8.32369 9.79304 8.81329 10.1381 9.16103 9.94771C9.69649 9.65438 9.64636 8.75144 10.3946 9.05704C10.7824 9.21491 11.1578 9.44264 11.528 9.64211C12.1002 9.94984 12.0736 10.2688 11.8554 10.9312C12.0186 10.4362 11.6922 11.4261 11.8554 10.9312Z" fill="black"/>
                                    </svg>
                                    <div>HN: 024 2260 6075</div>
                                </div>
                                <div class="flex items-center gap-x-2">
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 2.4C0 1.07452 1.07452 0 2.4 0H13.6C14.9255 0 16 1.07452 16 2.4V13.6C16 14.9255 14.9255 16 13.6 16H2.4C1.07452 16 0 14.9255 0 13.6V2.4Z" fill="white"/>
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8554 10.9312C11.6085 11.6816 10.641 12.056 9.94982 11.9936C9.00582 11.9082 7.97863 11.4074 7.19889 10.856C6.05276 10.0453 4.97916 8.79144 4.35356 7.46078C3.91143 6.52051 3.81223 5.36424 4.46983 4.50718C4.71303 4.19038 4.97649 4.02131 5.37116 4.00158C5.91943 3.97491 5.99623 4.28851 6.18449 4.77704C6.32476 5.14238 6.51196 5.51518 6.61649 5.89384C6.81223 6.60051 6.12796 6.62984 6.04156 7.20744C5.98823 7.57171 6.42929 8.06024 6.62876 8.31998C7.01323 8.82583 7.48412 9.25971 8.01969 9.60158C8.32369 9.79304 8.81329 10.1381 9.16103 9.94771C9.69649 9.65438 9.64636 8.75144 10.3946 9.05704C10.7824 9.21491 11.1578 9.44264 11.528 9.64211C12.1002 9.94984 12.0736 10.2688 11.8554 10.9312C12.0186 10.4362 11.6922 11.4261 11.8554 10.9312Z" fill="black"/>
                                    </svg>
                                    <div>HCM: 028 6270 6072</div>
                                </div>
                                <div class="flex items-center gap-x-2">
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <rect width="16" height="16" rx="2.4" fill="white"/>
                                        <path d="M8.0001 7.62813L11.9938 5.0625C11.8333 4.94207 11.6383 4.87634 11.4376 4.875H4.5626C4.36189 4.87634 4.16691 4.94207 4.00635 5.0625L8.0001 7.62813Z" fill="black"/>
                                        <path d="M8.16875 8.2623L8.11563 8.2873H8.09063C8.06185 8.30016 8.0313 8.30859 8 8.3123C7.97406 8.31557 7.94781 8.31557 7.92188 8.3123H7.89687L7.84375 8.2873L3.65625 5.58105C3.63624 5.65654 3.62575 5.73422 3.625 5.8123V10.1873C3.625 10.4359 3.72377 10.6744 3.89959 10.8502C4.0754 11.026 4.31386 11.1248 4.5625 11.1248H11.4375C11.6861 11.1248 11.9246 11.026 12.1004 10.8502C12.2762 10.6744 12.375 10.4359 12.375 10.1873V5.8123C12.3743 5.73422 12.3638 5.65654 12.3438 5.58105L8.16875 8.2623Z" fill="black"/>
                                    </svg>    
                                    <div>[email protected]</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-span-1">
                    <div class="flex flex-col gap-y-4">
                        <div class="text-[#FFFFFFB2] font-bold">Affiliate Contact</div>
                        <div class="grid grid-cols-2 gap-4">
                             <div class="col-span-1">
                                 <a href="https://play.google.com/store/apps/details?id=vn.newpub.learner" target="_blank">
                                    <img src="https://adpia.vn/assets/images/landing_page/footer_app_google_play.png" alt="Google Play"/>
                                </a>
                             </div>
                             <div class="col-span-1">
                                 <a href="https://kolkoc.link/tiktok" target="_blank">
                                    <img src="https://adpia.vn/assets/images/landing_page/footer_app_titktok_shop_icon.png" alt="Tiktok Shop"/>
                                </a>
                            </div>
                            <div class="col-span-1">
                                <a href="https://apps.apple.com/us/app/adpia-ki%E1%BA%BFm-ti%E1%BB%81n-tr%E1%BB%B1c-tuy%E1%BA%BFn-4-0/id1619138251" target="_blank">
                                    <img src="https://adpia.vn/assets/images/landing_page/footer_app_store_icon.png" alt="Apple Store"/>
                                </a>                                
                            </div>
                            <div class="col-span-1">
                                <a href="https://kolkoc.link/mcn-shopee" target="_blank">
                                    <img src="https://adpia.vn/assets/images/landing_page/footer_app_shopee_icon_1.png" alt="MCN Shopee"/>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="border border-[#FFFFFF1A]"></div>
            <div class="text-sm">Copyright © 2024 adpia.vn - All Rights Reserved.</div>
        </div>
    </div>
</div>
    <div id="popupFixed" class="fixed inset-0 z-[9999] hidden items-center justify-center bg-black/50">
    <div class="relative w-[350px] md:w-[500px] max-w-full">
        
        <div onclick="closePopUpFixed(event)"
            class="absolute -top-3 -right-3 w-[30px] h-[30px] bg-[#FFF] rounded-full flex items-center justify-center cursor-pointer z-20 border-[#fc5b02] border-[2px]">
            <span class="text-[#fc5b02] text-lg leading-none">✕</span>
        </div>

        <div id="popupContent"></div>

    </div>
</div>

<style>
#popupContent .owl-theme .owl-dots {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin-top: 0;
    z-index: 50;
    display: block !important;
    text-align: center;
}
#popupContent .owl-theme .owl-dots .owl-dot span {
    width: 10px !important;
    height: 10px !important;
    margin: 5px 6px;
    background: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: block;
    transition: all .2s ease;
    border-radius: 50%;
}
#popupContent .owl-theme .owl-dots .owl-dot.active span, 
#popupContent .owl-theme .owl-dots .owl-dot:hover span {
    background: #fc5b02 !important;
    transform: scale(1.2);
}
</style>

</div>
</body>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        const popup = document.getElementById('popupFixed');
        const popupContent = document.getElementById('popupContent');
        if (!popup || !popupContent) return;

        const storageKey = "timeOffPopupFixed";
        let owlInstance = null;

        function initOwlCarousel() {
            if (typeof $.fn.owlCarousel === 'undefined' || !$('.owl-carousel').length) return;

            if (owlInstance) {
                owlInstance.trigger('destroy.owl.carousel');
            }

            owlInstance = $('.owl-carousel').owlCarousel({
                items: 1,
                loop: true,
                autoplay: true,
                autoplayTimeout: 4500,
                autoplayHoverPause: true,
                nav: false,
                dots: true,
                dotsEach: 1,
                smartSpeed: 800,
                margin: 0,
                rewind: true,
                checkVisible: false,
                startPosition: 0
            });
        }

        function showPopup(delayTime) {
            setTimeout(function() {
                document.body.classList.add('overflow-hidden');
                popup.classList.remove('hidden');
                popup.classList.add('flex');
                
                initOwlCarousel();
            }, delayTime);
        }

        window.closePopUpFixed = function (e) {
            if (e) e.stopImmediatePropagation();

            document.body.classList.remove('overflow-hidden');
            popup.classList.add('hidden');
            popup.classList.remove('flex');

            if (owlInstance) {
                owlInstance.trigger('destroy.owl.carousel');
                owlInstance = null;
            }
            localStorage.setItem(storageKey, Date.now().toString());
        };

        const timeNow = Date.now();
        const timeOff = parseInt(localStorage.getItem(storageKey) || "0", 10);

        fetch('/api/popup-config')
            .then(res => res.json())
            .then(res => {
                if (!res.active) return;
                if (timeOff && (timeNow - timeOff) < res.loop_time) return;
                if (!res.img && !res.img_1) return;

                let html = '<div class="owl-carousel owl-theme">';
                if (res.img) {
                    html += `<div class="item"><a target="_blank" href="${res.link}"><img class="w-full h-auto rounded" src="${res.img}" alt="popup"></a></div>`;
                }
                if (res.img_1) {
                    html += `<div class="item"><a target="_blank" href="${res.link_1}"><img class="w-full h-auto rounded" src="${res.img_1}" alt="popup"></a></div>`;
                }
                html += '</div>';

                popupContent.innerHTML = html;
                showPopup(res.delay_time);
            })
            .catch(err => console.error("Lỗi tải Popup Tailwind:", err));
    });
</script>

<script>
    $("#menu-mb .icon").click(function(){
        if ($(this).find('.icon-up').hasClass("hidden")){
            $(this).find('.icon-up').removeClass("hidden");
            $(this).find('.icon-down').addClass("hidden");
        }else{
            $(this).find('.icon-down').removeClass("hidden");
            $(this).find('.icon-up').addClass("hidden");
        }
        $(this).parent().next("ul").slideToggle();
    });
</script>
</html>

Latest requests

# Url Url Source Date
1 https://adpia.vn/ 2026-10-17 14:06:24
2 https://john-stichnoth.net/distrib… 2026-10-17 14:06:24
3 https://profile.hatena.ne.jp/apart… 2026-10-17 14:06:23
4 https://digi9.b-cdn.net/research/d… 2026-10-17 14:06:21
5 https://www.thebolditalic.com/?gi=… 2026-10-17 14:06:21
6 https://[email protected]/ 2026-10-17 14:06:20
7 https://judahxisb96308.snack-blog.… 2026-10-17 14:06:20
8 https://www.thebolditalic.com/?gi=… 2026-10-17 14:06:20
9 https://digi16.b-cdn.net/research/… 2026-10-17 14:06:20
10 https://alexiswxuwx.blogadvize.com/ 2026-10-17 14:06:20
11 https://www.thebolditalic.com/?gi=… 2026-10-17 14:06:20
12 https://dayroomstay.com/ 2026-10-17 14:06:19
13 https://www.thebolditalic.com/?gi=… 2026-10-17 14:06:19
14 https://skogslyckan.se/ 2026-10-17 14:06:18
15 https://www.thebolditalic.com/?gi=… 2026-10-17 14:06:18
16 https://m.soundcloud.com/dbplumbin… 2026-10-17 14:06:17
17 https://www.thebolditalic.com/?gi=… 2026-10-17 14:06:17
18 https://xbymw.com/space-uid-617443… 2026-10-17 14:06:17
19 https://www.thebolditalic.com/?gi=… 2026-10-17 14:06:15
20 https://power2015.creatorlink.net/… 2026-10-17 14:06:15