0 Cart
Added to Cart
    You have items in your cart
    You have 1 item in your cart
    Total
    Check Out Continue Shopping

    <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><!-- ========================================================================= Extra JavaScript code required only for demo purposes. You should NOT include this in your final explainer page. ------------------------------------------------------------------------- --><script type="text/javascript" src="assets/js/demo.js"></script><!-- ========================================================================= --> <!-- ========================================================================= Referencing stylesheet and assets. * Currently configured to load assets you've downloaded on your machine. This is useful while you're customizing, or if you plan to host the assets on your server. --------------------------------------------------------------------------------- --> <!-- link rel="stylesheet" type="text/css" href="assets/css/styles.min.css?ver=1.0"/ --> <link rel="stylesheet" type="text/css" href="assets/css/styles.css" /> <!-- ===================================================================== --> <!-- =========================================================================================== Support for fontello Icon Font for Internet Explorer 7. -------------------------------------------------------------------------------------------- --> <!-- [if IE 7]><link rel="stylesheet" href="assets/css/fontello-ie7.min.css?ver=1.0"><![endif]--> <!-- ===================================================================== --> <!-- ~~~~~~~~~~~~~ Change Me: ~~~~~~~~~ --> <title>Flow - Loyalty Explainer Page</title></head><body><!-- =========================================================================== Warning message that will show up if you haven't configured the stylesheet paths correctly. You don't need to include this in your final revision. =========================================================================== --> <div id="sweettooth-refer-a-friend-explainer-stylesheet-warning" style="background: darkred; color: white; padding: 20px;">Your stylesheet file is not loading correctly.<br /> Edit this HTML file and look for comments about how to configure the assets correctly.</div> <!-- =========================================================================== Loyalty Page Explainer content starts here. You'll need to copy everything below into your CMS editor or HTML file. * Available theme colors are: golden, green, blue =========================================================================== --> <div class="sweettooth-refer-a-friend-explainer golden"> <div class="background program-summary-bg"> <section class="program-summary"><!-- ~~~~~~~~~~~~~ Change Me: ~~~~~~~~~ --> <h1>Give Your Friend $5 &amp; Get 500 Points in Return!</h1> <!-- ~~~~~~~~~~~~~ Change Me: ~~~~~~~~~ --> <div class="program-description">Earn 500+ points when you refer a friend to our site that makes a purchase. You will also earn points for future orders too.</div> <!-- =========================== Call to Action Button * Update URL in "href" =========================== --> <div class="refer-a-friend-btn"><a class="cta-button" href="http://youstore.com/customer/account/create/">Refer a Friend Now</a></div> <div class="arrow"></div> </section> </div> <div class="background points-worth-box-bg"> <section class="earning-legend"> <div class="refer-a-friend-earning-options"><!-- ============================================================ Ways to earn points. * Copy, paste and modify as needed. * Icon options: st-icon-music, st-icon-search, st-icon-mail, st-icon-heart, st-icon-star, st-icon-user, st-icon-videocam, st-icon-camera, st-icon-photo, st-icon-attach, st-icon-lock, st-icon-eye, st-icon-tag, st-icon-thumbs-up, st-icon-pencil, st-icon-comment, st-icon-location, st-icon-cup, st-icon-trash, st-icon-doc, st-icon-note, st-icon-cog, st-icon-params, st-icon-calendar, st-icon-sound, st-icon-clock, st-icon-lightbulb, st-icon-tv, st-icon-desktop, st-icon-mobile, st-icon-cd, st-icon-inbox, st-icon-globe, st-icon-cloud, st-icon-paper-plane, st-icon-fire, st-icon-graduation-cap, st-icon-megaphone, st-icon-database, st-icon-key, st-icon-beaker, st-icon-truck, st-icon-money, st-icon-food, st-icon-shop, st-icon-diamond, st-icon-t-shirt, st-icon-wallet, * For a full list of icon options, see fontello-demo.html ============================================================ --> <!-- Example 1 --> <div class="earning-box"> <div class="earning-icon st-icon-refer-a-friend"></div> <div class="earning-title">Refer a Friend</div> <div class="earning-description">Refer a friends via a unique URL from your account! Share this on social media or via email</div> </div> <!-- Example 2 --> <div class="earning-box"> <div class="earning-icon st-icon-friend-joins"></div> <div class="earning-title">Your Friend Joins</div> <div class="earning-description">If your friend signs up for an account &amp; purchases both you and your friend will be rewarded</div> </div> <!-- Example 3 --> <div class="earning-box"> <div class="earning-icon st-rewards-for-all"></div> <div class="earning-title">Rewards for all</div> <div class="earning-description">You will receive 500 points for referring your friend who purchases, this is equal to $5. Your friend will get $5 off their first order</div> </div> </div> </section> </div> <div class="no-background faq-bg"> <section class="faq"> <h3>Frequently Asked Questions</h3> <ul class="question-list"><!-- =========================================================== FAQ Questions and Answers. * Copy,Paste and modify as needed. ============================================================ --> <!-- Example 1 --> <li class="question"><span>Q. How do I receive my 500 points ($5) reward?</span> <span class="answer"> </span></li> <!-- Example 2 --> <li class="question"><span>Q. What does my referral have to do to get their $5 discount?</span> <span class="answer"> </span></li> <!-- Example 3 --> <li class="question"><span>Q. Does my referral have to buya Particular Product?</span> <span class="answer"> If your friend signs up for an account and purchases both you and your friend will be rewarded </span></li> <!-- Example 4 --> <li class="question"><span>Q. Does my referral have a time limit on signing up?</span> <span class="answer"> </span></li> <!-- Example 5 --> <li class="question"><span>Q. Is there a limit to how many people I can refer?</span> <span class="answer"> </span></li> </ul> </section> </div> <!-- Footer starts here --> <div class="no-background footer-bg"> <section class="footer"> <h2>Get earning more benefits now &amp; refer your friends</h2> <br /> <a class="cta-button" href="http://youstore.com/customer/account/create/">Refer a Friend Now</a></section> </div> </div> </body></html>

     

       
        
        
        <!-- ===========================================================================
             Loyalty Page Explainer content ends here.
             =========================================================================== -->
    </body>
    </html>