<?php
require_once __DIR__ . '/common/header_start.php';
?>
<link rel="stylesheet" href="css/register.css">
<?php
require_once __DIR__ . '/common/header_end.php';
?>

<!-- HEADER SECTION START -->
<section class="headerSection">
    <div class="container">
        <div class="headerImgWrapper">
            <img src="img/logo.svg" alt="logo">
        </div>

        <h1 data-i18n>Congratulations!</h1>
        <h2><span data-i18n>You are now one step closer to</span><br> <span data-i18n>joining Bitcoin Profit</span></h2>
        <h3><a href="registered.php/#firstFormHeader" class="meldenStrongSpan"><strong data-i18n>Watch the short video below</strong> </a> <span data-i18n>to see what’s</span><br><span data-i18n>ahead and then fill out the short</span><br><span data-i18n>registration form to get started today.</span></h3>

    </div>
</section>
<!-- HEADER SECTION END -->

<!-- VIDEO FORM SECTION START -->
<section class="videoFormSection">
    <div class="container">
        <div class="row">
            <div class="col-md-7">
                <div class="videoContainer">
                    <video class="video-js vjs-default-skin vjs-big-play-centered video" id="video" data-setup='{"controls": true, "autoplay": "any", "preload": "metadata", "fluid": true, "poster": "img/video-thumbnail-en-step2.png"}'>
                        <source src="media/en-2.mp4" type="video/mp4">
                    </video>
                </div>
            </div>
            <div class="col-md-5">
                <div class="formOuterContainer">
                    <p><span class="darkOrange" data-i18n id="firstFormHeader"><i class="fa fa-arrow-down"></i> <span data-i18n>FINISH</span> <i class="fa fa-arrow-down"></i></span><br>
                        <span data-i18n>your registration here</span></p>
                    <div class="formInnerContainer">
                        <div class="formContainer">
                            <div data-intgrtn-form-signup=""
                                 data-intgrtn-on-success-auto-redirect="0">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- VIDEO FORM SECTION END -->

<!-- SMARTPHONE SECTION START -->
<section class="smartPhoneSection">
    <div class="container">
        <h1 data-i18n>Welcome to Bitcoin Profit</h1>
        <h3 data-i18n>Our platform gives you easy access to the world of Bitcoin trading. By signing up, you will be able to use our unique interface to trade from anywhere in the world, with no strings attached. Don't worry if you've never traded before. We have taken out all of the unnecessary elements used by other trading tools to make things as easy as possible for you to get started.</h3>
        <div class="row phoneRow">
            <div class="col-md-4 smartPhoneCol">
                <p data-i18n>Our platform is lightweight and designed to cut out the confusion. Don't know what a HW requirement is? Don't worry, you don’t need to. The only thing you need is an internet connection.</p>
            </div>
            <div class="col-md-4 smartPhoneCol">
                <p data-i18n>As long as you have internet access you can stay connected anywhere, anytime. Our service works cross platform, meaning that you can trade on your laptop, pc or mobile device.</p>
            </div>
            <div class="col-md-4 smartPhoneCol smartPhoneImgCol"><img src="img/appPhoneMockup.png" alt="Smart Phone"></div>
        </div>
    </div>
</section>
<!-- SMARTPHONE SECTION END -->

<!-- INFO SECTION START -->
<section class="infoSection">
    <div class="container">
        <h1>
            <span data-i18n>We go the extra mile,</span><br><span data-i18n>so you don't have to.</span>
        </h1>
        <h3 data-i18n>We have a team of experts who are committed to improving our technology.</h3>
        <p data-i18n>They are constantly working behind the scenes to ensure that you get the best possible service available, anywhere, anytime. We didn’t want to make just any old trading tool. We wanted to revolutionize the way people think about trading by rethinking data analysis. By doing so, we hope to offer you unparalleled performance on a platform which is not only safe and secure, but also enables you to get the best returns on your investments.</p>
    </div>
</section>
<!-- INFO SECTION END -->

<!-- FAQ SECTION START -->
<section class="faqSection">
    <div class="container">
        <div class="faqHeaderDiv">
            <h1 class="darkOrange" data-i18n>FAQ</h1>
            <p><span data-i18n>Here are the most common questions</span><br> <span data-i18n>with our answers.</span></p>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="faqBlock">
                    <div class="faqQ" data-text="Q">
                        <span data-i18n>Is Bitcoin safe?</span>
                    </div>
                    <div class="faqA" data-text="A" data-i18n>If you look at bitcoin’s history it has lots of ups and downs. However, look more closely and you’ll notice that after every time it goes down it increases to a new high. This is because Bitcoin is constantly growing.</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="faqBlock">
                    <div class="faqQ" data-text="Q">
                        <span data-i18n>What’s in it for us?</span>
                    </div>
                    <div class="faqA" data-text="A" data-i18n>At Bitcoin Profit, we are all investors in Bitcoin. Therefore, we know that the more people that join us, the bigger Bitcoin will grow.</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="faqBlock">
                    <div class="faqQ" data-text="Q">
                        <span data-i18n>What’s the secret?</span>
                    </div>
                    <div class="faqA" data-text="A" data-i18n>The secret is that there is no secret. Join today and we’ll show you just how easy it is to get started trading Bitcoin.</div>
                </div>
            </div>
        </div>
        <div class="spaceBetweenFaqRows"></div>
        <div class="row">
            <div class="col-md-4">
                <div class="faqBlock">
                    <div class="faqQ" data-text="Q">
                        <span data-i18n>Is it risky?</span>
                    </div>
                    <div class="faqA" data-text="A" data-i18n>The risk levels depend on how you trade. Join us today and we’ll show you how to maximise your profits and minimise your risk.</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="faqBlock">
                    <div class="faqQ" data-text="Q">
                        <span data-i18n>Why Join Bitcoin Profit?</span>
                    </div>
                    <div class="faqA" data-text="A" data-i18n>Bitcoin Profit enables you to easily trade your Bitcoin for real cash. We also have a state of the art platform which makes trading easier than ever before. Don’t believe us? Join today and see for yourself. Getting involved in the Bitcoin revolution has never been easier.</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="faqBlock">
                    <div class="faqQ" data-text="Q">
                        <span data-i18n>What’s the catch?</span>
                    </div>
                    <div class="faqA" data-text="A"><span data-i18n>No catch! You simply sign up, deposit an initial trading amount of 250</span><span data-init="visitor-currency-symbol">$</span> <span data-i18n>and we’ll do the rest. Our platform enables the easiest way to get started trading Bitcoin. No hassle, no fuss so that you can start earning instantly.</span></div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- FAQ SECTION END -->

<!-- STORIES SECTION START -->
<section class="storiesSection">
    <div class="container">
        <h1 data-i18n>What others have to say</h1>
        <h2 data-i18n>We asked some people to give us their opinion on our app.</h2>

        <div class="videoStoriesContainer">
            <div class="row">
                <div class="col-md-4"><video class="storyVideo storyVideo-1" poster="img/story-video-1-thumbnail.png" controls></video></div>
                <div class="col-md-4"><video class="storyVideo storyVideo-2" poster="img/story-video-2-thumbnail.png" controls></video></div>
                <div class="col-md-4"><video class="storyVideo storyVideo-3" poster="img/story-video-3-thumbnail.png" controls></video></div>
            </div>
        </div>


        <div class="stories-3-images-design">
            <div class="row">
                <div class="col-md-4"><img src="img/story-img-es-1.png" id="story-img-1-design-3-images" alt="Person story image"></div>
                <div class="col-md-4"><img src="img/story-img-es-2.png" id="story-img-2-design-3-images" alt="Person story image"></div>
                <div class="col-md-4"><img src="img/story-img-es-3.png" id="story-img-2-design-3-images" alt="Person story image"></div>
            </div>
        </div>


        <div class="stories-4-images-design">
            <div class="row">
                <div class="col-md-6"><img src="img/story-img-en-1.png" id="story-img-1" class="storyImageFloatedRight" alt="Person story image"></div>
                <div class="col-md-6"><img src="img/story-img-en-2.png" id="story-img-2" alt="Person story image"></div>
            </div>
            <div class="row">
                <div class="col-md-6"><img src="img/story-img-en-3.png" id="story-img-3" class="storyImageFloatedRight" alt="Person story image"></div>
                <div class="col-md-6"><img src="img/story-img-en-4.png" id="story-img-4" alt="Person story image"></div>
            </div>
        </div>
    </div>
</section>
<!-- STORIES SECTION END -->

<!-- SECOND FORM SECTION START -->
<section class="secondFormSection">
    <div class="container">
        <h1 data-i18n>Start trading today</h1>
        <h2 data-i18n>Finish the registration of your account and become a successful online trader.</h2>


        <div class="secondFormOuterContainer">
            <div class="formInnerContainer">
                <div class="formContainer">
                    <div data-intgrtn-form-signup=""
                         data-intgrtn-on-success-auto-redirect="0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- SECOND FORM SECTION END -->

<div class="modal modal-signup text-center" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content container">
            <div class="row">
                <div class="col-12">
                    <header>
                        <h1 class="title" data-i18n>Congratulations!</h1>
                        <p class="title-description" data-i18n>You got lucky and we managed to register <br> you at the BEST broker available!</p>
                    </header>
                </div>
            </div>

            <main class="row">
                <div class="col-12 d-none d-md-block" style="margin-bottom: 15px;">
                    <button type="button" class="btn-default w-100 start-trading-button" data-i18n>CLICK HERE TO START TRADING</button>
                    <img src="img/Ellipsis-2s-151px.svg" class="progress m-auto d-none btn-loading" style="width: 150px;height: 50px;"/>
                </div>
                <div class="col-md-4 broker-info">
                    <div class="logo">
                        <img class="broker-logo">
                    </div>
                </div>
                <div class="col-md-8 broker-advantages">
                    <ul class="list-unstyled">
                        <li class="media">
                            <img src="img/star-icon.png" class="mr-3" alt="">
                            <div class="media-body">
                                <h5 class="mt-0 mb-1" data-i18n>Your SAFETY is our priority</h5>
                                <span data-i18n>As determined by its regulatory status,</span> <span data-init="broker-name">this broker</span> <span data-i18n>takes strict measures to safeguard client's funds and their privacy</span>
                            </div>
                        </li>
                        <li class="media">
                            <img src="img/bonus-icon.png" class="mr-3" alt="">
                            <div class="media-body">
                                <h5 class="mt-0 mb-1" data-i18n>BONUS OFFER</h5>
                                <span data-i18n>Make your first steps with a 100% bonus</span>
                            </div>
                        </li>
                        <li class="media">
                            <img src="img/money-icon.png" class="mr-3" alt="">
                            <div class="media-body">
                                <h5 class="mt-0 mb-1" data-i18n>High Payout Options</h5>
                                <span data-init="broker-name">This broker</span> <span data-i18n>offers up to 88% return per successful trade</span>!
                            </div>
                        </li>
                    </ul>
                </div>
            </main>
            <div class="d-md-none">
                <button type="button" class="btn-default start-trading-button w-100" data-i18n>CLICK HERE TO START TRADING</button>
                <img src="img/Ellipsis-2s-151px.svg" class="progress m-auto d-none btn-loading" style="width: 150px;height: 50px;"/>
            </div>
        </div>
    </div>
</div>


<?php
require_once __DIR__ . '/common/footer_start.php';
?>
<script src="js/register.js"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
<script>
    $(function () {
        var waitIntgrtn = setInterval(function () {
            if (!window.intgrtn) {
                return false;
            }
            clearInterval(waitIntgrtn);
            window.intgrtn.events.on('form.signup.success', function (form, response) {
                window.intgrtn.store("signupRequestID", response.data.signupRequestID);
                window.intgrtn.store("brokerName", response.data.broker.name);
                window.intgrtn.store("brokerLogo", response.data.broker.logo);

                $('[data-init="broker-name"]').html(response.data.broker.name);
                $('.broker-logo').attr({
                    "src": response.data.broker.logo,
                    "alt": response.data.broker.name
                });

                $('.modal-signup').modal({backdrop: 'static', keyboard: false});
            });

            $('.start-trading-button').on("click", function () {
                $(this).siblings('.btn-loading').removeClass('d-none');
                $(this).addClass('d-none');
                if(window.intgrtn.lookup("signupRequestID", true)) {
                    window.intgrtn.goToBrokerLoginUrlBySignupRequestID(window.intgrtn.lookup("signupRequestID", true));
                } else {
                    $('.modal-signup').modal('hide');
                    $(this).siblings('.btn-loading').addClass('d-none');
                    $(this).removeClass('d-none');
                }
            });
        }, 10);
    });
</script>
<?php
	require_once __DIR__ . '/common/footer_end.php';
?>
