
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex,nofollow">
    <title>OffersPalace</title>
    <link href="https://www.offerspalace.com/assets/css/bootstrap.min.css" rel="stylesheet">
    <link rel="shortcut icon" href="https://www.offerspalace.com/assets/img/favicon.png">
    <style>
        .offer:hover {
            border: 1px solid black;
        }

        footer .nav-link.active {
            background-color: white;
            color: #2d6efd !important;
            border-radius: 0.375rem;
        }
        footer .nav-link:not(.active) {
            text-decoration: underline 1px solid white;
            border-radius: 0.375rem;
        }
        footer .nav-link:not(.active):hover {
            background-color: #fafafa;
            border-radius: 0.375rem;
            color: #2d6efd !important;
        }
    </style>
</head>

<body>
    <div class="d-flex flex-column" style="min-height: 100vh;">
        <header class="shadow-sm">
            <div class="d-flex flex-wrap justify-content-between py-3 container">
                <a href="https://www.offerspalace.com" class="navbar-brand">
                    <img src="https://www.offerspalace.com/assets/img/logo-1.png" alt="logo" class="img-fluid">
                </a>
                <ul class="nav nav-pills">
                    <li class="nav-item">
                                                    <a href="/" class="nav-link active">Home</a>
                                            </li>
                    <li class="nav-item">
                                                    <a href="https://www.offerspalace.com/contact-us" class="nav-link">Contact Us</a>
                                            </li>
                                    </ul>
            </div>
        </header>
        <main class="py-4" style="flex: 1;">
                            <div class="container">
                    <div class="mb-2">
                        <img src="https://www.offerspalace.com/assets/img/1500x150-IPHONE15.jpg" alt="..." class="img-fluid">
                    </div>
                    <div class="row gy-0 gx-0 mb-2">
                        <div class="col-4">
                            <img src="https://www.offerspalace.com/assets/img/500x150-OFFERPALACE.jpg" alt="..." class="img-fluid">
                        </div>
                        <div class="col-4">
                            <img src="https://www.offerspalace.com/assets/img/500x150-OFFERPALACE-1.jpg" alt="..." class="img-fluid">
                        </div>
                        <div class="col-4">
                            <img src="https://www.offerspalace.com/assets/img/500x150-OFFERPALACE-2.jpg" alt="..." class="img-fluid">
                        </div>
                    </div>
                    <div class="row g-2">
                                                    <div class="col-6 col-md-4">
                                <a target="_blank" href="https://survey.offerspalace.com/index.php?v=5014">
                                    <img src="https://www.offerspalace.com/assets/img/banner/600x400_AMAZONL_UK.jpg" class="img-fluid offer">
                                </a>
                            </div>
                                                    <div class="col-6 col-md-4">
                                <a target="_blank" href="https://survey.offerspalace.com/index.php?v=5013">
                                    <img src="https://www.offerspalace.com/assets/img/banner/600x400_CASH_UK.jpg" class="img-fluid offer">
                                </a>
                            </div>
                                                    <div class="col-6 col-md-4">
                                <a target="_blank" href="https://survey.offerspalace.com/index.php?v=5012">
                                    <img src="https://www.offerspalace.com/assets/img/banner/600x400_GROCERY_UK.jpg" class="img-fluid offer">
                                </a>
                            </div>
                                                    <div class="col-6 col-md-4">
                                <a target="_blank" href="https://survey.offerspalace.com/index.php?v=5011">
                                    <img src="https://www.offerspalace.com/assets/img/banner/600x400_IPHONE15_UK.jpg" class="img-fluid offer">
                                </a>
                            </div>
                                                    <div class="col-6 col-md-4">
                                <a target="_blank" href="https://survey.offerspalace.com/index.php?v=5015">
                                    <img src="https://www.offerspalace.com/assets/img/banner/600x400_PETROL_UK.jpg" class="img-fluid offer">
                                </a>
                            </div>
                                                    <div class="col-6 col-md-4">
                                <a target="_blank" href="https://survey.offerspalace.com/index.php?v=5016">
                                    <img src="https://www.offerspalace.com/assets/img/banner/600x400-TESCO-GIFTCARD-UK.jpg" class="img-fluid offer">
                                </a>
                            </div>
                                            </div>
                </div>
                    </main>
        <footer class="bg-primary py-4">
            <div class="container d-flex justify-content-center mb-3" style="font-size: 0.875rem;">
                <ul class="nav pt-2" style="gap: 5px;">
                    <li class="nav-item">
                                                    <a href="https://www.offerspalace.com/unsubscribe" class="nav-link p-1 text-light">Unsubscribe</span></a>
                                            </li>
                    <li class="nav-item">
                                                    <a href="https://www.offerspalace.com/privacy-policy" class="nav-link p-1 text-light">Privacy Policy</a>
                                            </li>
                    <li class="nav-item">
                                                    <a href="https://www.offerspalace.com/terms-and-condition" class="nav-link p-1 text-light">Terms & Condition</a>
                                            </li>
                    <li class="nav-item">
                                                    <a href="https://www.offerspalace.com/cookies-policy" class="nav-link p-1 text-light">Cookies Policy</a>
                                            </li>
                </ul>
            </div>
            <div class="container text-center">
                <p class="mb-0 text-white" style="font-size: 0.75rem;">
                    OffersPalace is owned and operated by xlWin Marketing. The information that you provide will be handled by xlWin Marketing. You can gain access to your personal information at any time by contacting us here. xlWin Marketing takes your privacy seriously and can assure that your data will be used only in accordance with our Privacy Policy which we ask that you read and understand it. By submitting a completed survey you are agreeing to the Terms and Conditions and have read and understood the Privacy Policy
                </p>
            </div>
        </footer>
    </div>
    <script src="https://www.offerspalace.com/assets/js/bootstrap.bundle.min.js"></script>
    <script>
        const form = document.querySelector(".submit-form");
        if (form) 
        {
            form.addEventListener("submit", async function(e) 
                {
                    e.preventDefault();
                    const submit_button = this.querySelector("button[type=submit]");
    
                    togggle_button_indicator(submit_button);
                    const all_input_field = this.querySelectorAll("input, textarea");
                    const last_name_field = this.querySelector("input[name=lastname]");
                    if (last_name_field.value === "")
                    {
                        const form_data = new FormData();
                        form_data.append("submit_message", "");
                        for (const input_field of all_input_field)
                        {
                            form_data.append(input_field.getAttribute('name'), input_field.value);
                        }
                        
                        try 
                        {
                            const result =  await submit_data(form_data);
                            const data = await result.json();
                            if (data.status === 'success')
                            {
                                document.querySelector("#form-wrapper").classList.toggle("d-none")
                                document.querySelector("#final-wrapper").classList.toggle("d-none")
                            }
    
                        }catch (e)
                        {
                            alert(e);
                        }
                        finally
                        {
                            togggle_button_indicator(submit_button);
                        }
                    }
                    else 
                    {
                        setTimeout(
                            function()
                            {
                                togggle_button_indicator(submit_button);
                            },
                            500
                        )
                    }
                }
            );
        }

        async function submit_data(formData) 
        {
            return await fetch(
                'https://www.offerspalace.com/contact-form.php', 
                {
                    method: 'POST',
                    body: formData
                }
            )
        };
        function togggle_button_indicator(button_elm)
        {
            const button_text = button_elm.querySelector(".button-text");
            const button_loading = button_elm.querySelector(".button-loading");
            if (button_elm.hasAttribute("disabled"))
            {
                button_elm.removeAttribute("disabled");
            }
            else
            {
                button_elm.setAttribute("disabled", "");
            }
            button_text.classList.toggle("d-none");
            button_loading.classList.toggle("d-none");
        }
    </script>
</body>
</html>

