<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Contact Us</title>
</head>
<body>

<div class="box main">

    <div class="info-text form-text">

        <h2>Contact Us</h2>

        <!-- Script to redirect success page to custom page -->
        <script>
            var submitted = false;
        </script>

        <iframe 
            name="hidden_iframe" 
            id="hidden_iframe" 
            style="display:none;" 
            onload="if(submitted) {window.location='index.php?page=form_success';}">
        </iframe>

        <form 
            action="https://docs.google.com/forms/u/0/d/e/1FAIpQLSfx6soREPsSM3ppXe7clVqiDfP9e2nKnudEhqIQlb64VROUTQ/formResponse" 
            method="post" 
            target="hidden_iframe" 
            onsubmit="submitted=true;">

            <p>
                <input type="text" name="entry.1123374392" placeholder="Name" required>
            </p>

            <p>
                <input type="email" name="entry.682447172" placeholder="Email Address" required>
            </p>

            <p>
                <textarea name="entry.425035795" placeholder="Your message" required></textarea>
            </p>

            <p>
                <button type="submit">Submit</button>
            </p>

        </form>

    </div>

</div>

</body>
</html>
