<!doctype html>
<html>
<head>

    <meta charset="utf-8">

    <title>spul.be is for sale !!</title>
    <meta name="description" content="Need to buy this domainnname ? Request an offer and it could be yours">


    <!-- Set the viewport to the device's screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Icon -->
    <link rel="shortcut icon" href="assets/images/icons/favicon.ico" type="image/x-icon"/>
    <link rel="apple-touch-icon" href="assets/images/icons/favicon.png">

    <!-- Styles for all browsers and IE 9+ -->
    <!--[if !(IE)|(IE 9)]> -->
    <link rel="stylesheet" href="assets/css/screen.css">
    <style>
        /* Background styles */
        body {
            background-image: url('assets/images/bg-mountains.jpg');
        }

        body:after {
            background-color: rgba(50, 47, 72, .63);
        }

        /* Narrow screen background styles */
        @media (max-width: 480px) {
            .header {
                background-image: url('assets/images/bg-mountains.jpg');
            }

            .header:after {
                background-color: rgba(50, 47, 72, .63);
            }
        }
    </style>
    <![endif]-->
    <!-- Basic styles for older browsers, IE 8 and below -->
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="assets/css/ie8.css">
    <![endif]-->

    <!-- Include jQuery with local fallback -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="assets/js/vendor/jquery-1.11.3.min.js"><\/script>')</script>

    <!-- jQuery plugins -->
    <script src="assets/js/vendor/plugins.js"></script>

    <!-- JavaScript that runs on document load and document ready -->
    <script src="assets/js/main.js"></script>

    <!-- Load fonts -->
    <script type="text/javascript">
        WebFontConfig = {
            google: {
                families: ['Open+Sans:700italic,800italic:latin', 'Open+Sans+Condensed:300:latin']
            }
        };
        (function () {
            var wf = document.createElement('script');
            wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
                '://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js';
            wf.type = 'text/javascript';
            wf.async = 'true';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(wf, s);
        })(); </script>
    </head>
<body>

<!-- ============ DATA =============== -->
<p id="congratsString" style="display: none">Congratulations! Your account has been create<br /><br />THE OFFER WILL BE SENT TO<br /></p>
<!-- ============ Other =============== -->
<div class="main-wrap">

    <!-- Title and price -->
    <header class="header">
        <div class="header-inner">
            <h1 class="title">
                    <span>
                        spul.be                    </span>
            </h1>
            <span class="subtitle">is for sale!</span>

        </div>
    </header>

    <!-- Offer form -->
    <section class="main">
        <div class="main-inner">
            <form action="" method="post" class="offer-form" id="offer-form">
                    <input type="hidden" name="domainname" value="spul.be">
    <h2 class="title">request offer</h2>
    <p>Need to buy this domain name?</p>
    <div class="form-error animated shake" style="display: none;">
        <span aria-hidden="true" class="icon li_pen"></span>
        <p>Please correct the following and resubmit, thanks!</p>
        <ul></ul>
    </div>
    <div class="form-success animated zoomInDown" style="display: none;">
        <span aria-hidden="true" class="icon li_like"></span>
    </div>
    <div class="fields">
        <div class="field-wrapper border">
            <label for="email" class="email-label">Email</label>
            <input
                    type="email"
                    name="email"
                    id="email"
                    placeholder="email"
                    class="email-field"
                    minlength="5"
                    value=""
            >
            <label for="honeypot" class="email-label">Email</label>
            <input
                    type="email"
                    name="honeypot"
                    id="honeypot"
                    placeholder="email"
                    class="email-field"
                    required
                    minlength="5"
                    value=""
            >
        </div>
        <div class="field-wrapper send-btn-wrapper">
            <input type="submit" name="send" value="send" class="send-btn">
        </div>
    </div><!-- /fields -->
                </form>
        </div><!-- /main-inner -->
    </section><!-- /main --></div>

<!-- My contact details -->
<footer class="footer">
    <div class="copyright-text">Looking to buy a domain name? Purchase domains for your website and benefit from an
        affordable pricing and 24/7 customer support
    </div>
    <div class="copyright-text">© 2018 | All Rights Reserved</div>
</footer>


<script>
    function reCaptchaCallback(response) {
        if (response.length > 0) {
            form = $("#offer-form");
            form.empty();
            content = $.parseHTML("<input type=\"hidden\" name=\"domainname\" value=\"spul.be\">\n" +
                "    <h2 class=\"title\">request offer</h2>\n" +
                "    <p>Need to buy this domain name?</p>\n" +
                "    <div class=\"form-error animated shake\" style=\"display: none;\">\n" +
                "        <span aria-hidden=\"true\" class=\"icon li_pen\"></span>\n" +
                "        <p>Please correct the following and resubmit, thanks!</p>\n" +
                "        <ul></ul>\n" +
                "    </div>\n" +
                "    <div class=\"form-success animated zoomInDown\" style=\"display: none;\">\n" +
                "        <span aria-hidden=\"true\" class=\"icon li_like\"></span>\n" +
                "    </div>\n" +
                "    <div class=\"fields\">\n" +
                "        <div class=\"field-wrapper border\">\n" +
                "            <label for=\"email\" class=\"email-label\">Email</label>\n" +
                "            <input\n" +
                "                    type=\"email\"\n" +
                "                    name=\"email\"\n" +
                "                    id=\"email\"\n" +
                "                    placeholder=\"email\"\n" +
                "                    class=\"email-field\"\n" +
                "                    required\n" +
                "                    minlength=\"5\"\n" +
                "                    value=\"\"\n" +
                "            >\n" +
                "        </div>\n" +
                "        <div class=\"field-wrapper send-btn-wrapper\">\n" +
                "            <input type=\"submit\" name=\"send\" value=\"send\" class=\"send-btn\">\n" +
                "        </div>\n" +
                "    </div><!-- /fields -->");
            form.append(content);
        }
    }
</script>

</body>
</html>
