{include file="mlogo.tpl"}

<h3>Affiliate Program</h3>
    <div class="row">
        <div class="col-xl-6">
            <div class="content-box">
                <h4 class="mb-4">Want to make money with {$settings.site_name} with your friends?</h4>
        Get 20% of the profit on each order of your friends or partners.<br>
        Copy the link or your referral ID and send it to your friends. <br>                <div class="row mt-4 mb-4 align-items-end">
                    <div class="col-xl-8">
                        <b>#</b> Affiliate link                        <div class="copy-input mt-2 mb-4">
                            <span>{$settings.site_url}/?ref={$userinfo.username}</span>
                            <span class="copy"></span>
                        </div>

                        <b>#</b> Affiliate ID                        <div class="copy-input mt-2">
                            <span>{$userinfo.username}</span>
                            <span class="copy"></span>
                        </div>
                    </div>

                    <div class="col-xl-4">
                        
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-xl-6">
                         <h4>Share with friends:</h4>
                    </div>

                    <div class="col-xl-6 text-right">
                        <div class="sharer">
                            <a href="https://facebook.com/sharer.php?display=page&u={$settings.site_url}/?ref={$userinfo.username}" target="_blank">
                                <span class="share share-facebook"></span>
                            </a>

                            <a href="https://t.me/share/url?url={$settings.site_url}/?ref={$userinfo.username}&text=I earn cryptocurrency on this platform. Join my team." target="_blank">
                                <span class="share share-telegram"></span>
                            </a>

                            <a  href="https://twitter.com/intent/tweet?text=I%20earn%20cryptocurrency%20on%20this%20platform.%20Join%20my%20team. {$settings.site_url}/?ref={$userinfo.username}" target="_blank" data-size="large">
                                <span class="share share-twitter"></span>
                            </a>

                            <a href="https://www.linkedin.com/shareArticle?mini=true&url={$settings.site_url}/?ref={$userinfo.username}&title=I%20earn%20cryptocurrency%20on%20this%20platform.%20Join%20my%20team&source={$settings.site_name}" target="_blank">
                                <span class="share share-linkedin"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-6">
            <div class="content-box">
                <h4 class="mb-4">Track generator</h4>
                 For convenience, we've created tracks - special tags so that you can track traffic and  registrations for specific resources or advertising campaigns.
 In the tracks generation block, you can create an unlimited number of tracks. The track is enabled as soon as at least 1 transition is completed.
                <div class="mb-2 mt-4">Enter track</div>
                <input type="text" name="track" placeholder="google_adwords_1c" class="mb-4">

                Copy your track link                <div class="copy-input mt-2">
                    <span class="tracker" data-link="{$settings.site_url}/?ref={$userinfo.username}">{$settings.site_url}/?ref={$userinfo.username}</span>
                    <span class="copy"></span>
                </div>
            </div>
        </div>
    </div>

            <!--<div class="content-box">
                <h3>Promotional materials</h3>

                <ul class="nav nav-tabs justify-content-center">
                    <li class="nav-item">
                        <a class="active" data-toggle="tab" href="#b728">728x90 GIF</a>
                    </li>
                    <li class="nav-item">
                        <a  data-toggle="tab" href="#b468">468x60 GIF</a>
                    </li>
                    <li class="nav-item">
                        <a  data-toggle="tab" href="#b300">300x250 GIF</a>
                    </li>
                    <li class="nav-item">
                        <a  data-toggle="tab" href="#b160">160x600 GIF</a>
                    </li>
                    <li class="nav-item">
                        <a  data-toggle="tab" href="#b125">125x125 GIF</a>
                    </li>
                </ul>

                <div class="tab-content">
                    <div class="tab-pane active" id="b728">
                         <img src="{$settings.site_url}/banners/728.gif"> 
					 <br> {$settings.site_url}/banners/728.gif
                    </div>
                    <div class="tab-pane" id="b468">
                        <img src="{$settings.site_url}/banners/468.gif">
						 <br> {$settings.site_url}/banners/468.gif
                    </div>
                    <div class="tab-pane" id="b300">
                        <img src="{$settings.site_url}/banners/300.gif">
						 <br> {$settings.site_url}/banners/300.gif
                    </div>
                    <div class="tab-pane" id="b160">
                        <img src="{$settings.site_url}/banners/160.gif">
						 <br> {$settings.site_url}/banners/160.gif
                    </div>
                    <div class="tab-pane" id="b125">
                        <img src="{$settings.site_url}/banners/125.gif">
						 <br> {$settings.site_url}/banners/125.gif
                    </div>
                </div>
                
            </div>-->
     
</div>
</div>
</div>
</div>

{include file="mfooter3.tpl"}