<?php
/**
 * The template for displaying the Get Started page .
 *
 * Template name: Single Purchase page
 *
 * @package storefront
 */
/**
 *
 * @author Phuong An
 */
remove_filter('the_content', 'wpautop');
get_header();
?>
<div class="shop-step-1" >
    <h5 class="shop-step-title">STEP 1 OF 3</h5>
    <h1 class="page-title shop-page-title">CHOOSE YOUR QUANTITY</h1>
    <p>Our members enjoy even lower prices than this, but you'll still be getting the best value,<br> home delivered energy drinks known to man!</p>
</div>
<p style="padding: 0px 15px; margin-bottom: 0px;" class="mobile">
    <img class="img-below-slider" src="/wp-content/uploads/2016/03/img-shop-page.png" alt="" scale="0">
</p>
<div class="outbox-slider" slider="1">
    <div class="fgc-box-slider">
        <div class="fgc-slider"><div class="fgc_slider_products"></div></div>
    </div>

    <span class="navigation-box pre-box"><span class="pre-button">_</span></span><span class="navigation-box next-box"><span class="next-button">+</span></span>
    <span class="nav-text-pre">Lower Volumes</span> <span class="nav-text-next">Higher Volumes</span>
</div>
<img class="img-below-slider desktop" src="/wp-content/uploads/2016/03/img-shop-page.png" alt="" />
<div class="satisfation-guaranteed">
    <p>
        SATISFACTION
        <br/>
        GUARANTEED
    </p>
    <hr/>
    <p>
        NO CONTRACTS,
        <br/>
        NO COMMITMENT,
        <br/>
        CANCEL ANYTIME
    </p>
</div>
<div class="context-below text-center full-width">
    <!--<img src="/wp-content/uploads/2016/03/img-shop-page-2.png" alt="" />-->
    <div class="text">
        <img src="/wp-content/uploads/2016/03/nhaytrai.png">
        <div class="text-content">You guys are my favourite. You've earned a customer for life!</div>
        <img src="/wp-content/uploads/2016/03/nhayphai.png">
        <div class="text-author"> Kristy J</div>
    </div>
    <div class="let-do-this "><a href="/get-started"><span class="link-spanner"></span>Actually I want to become a member. <b>Lets do this!</b></a></div>
</div>
<?php
if (class_exists('Fgc_Google_Experiments')) {
    Fgc_Google_Experiments::get_products_for_slider(false);
}
?>
<?php get_footer(); ?>