<!DOCTYPE html>
<html lang="ru">
{include file="account_header.tpl"}

<body>

    <div class="flex page-lk-ref">
        <div class="menu-lk">
            <div class="lk-burger">
                <div class="icon--lk-burger"></div>
            </div>
            <div class="menu-lk-inner">
                <a class="btn-link" href="/">
                    <div class="logo">
                        <img src="styles/assets//img/logo.svg">
                    </div>
                </a>
                <div class="flex">
                    <a class="btn-link" href="/">
                        <div class="btn-link__icon icon--lk-home"></div>
                        <div class="btn-link__text">Main</div>
                    </a>
                    {include file="multilang.tpl"}
                </div>
                {include file="token_price.tpl"}
                <div class="caption-wrapper">
                    <div class="caption">Menu</div>
                    <div class="caption-decor"></div>
                </div>
                {include file="account_menu.tpl"}
                <div class="caption-wrapper">
                    <div class="caption">Social media</div>
                    <div class="caption-decor"></div>
                </div>
                {include file="social_account.tpl"}
            </div>
        </div>
        <div class="content-lk">
            <div class="content-lk-inner">
			
			
			<div class="complex-block-wrapper">
            <div class="complex-block__bg"></div>
            <div class="complex-block">
                <div class="complex-block__caption">Your referral link</div>
                <div class="input-wrapper">
                    <div class="input-extra-icon input-copy-btn" style="cursor: pointer">
                        <div data-clipboard-target="#referral_desk" class="icon--lk-copy"></div>
                    </div>
                    <input id="referral_desk" type="text" class=" notranslate" value="{$settings.site_url}/?ref={$userinfo.username}">
                </div>
            </div>
        </div>
        <div class="complex-block-mob-wrapper">
            <div class="complex-block-mob-bg">
                <div class="complex-block-mob__bg-left"></div>
                <div class="complex-block-mob">
                    <div class="complex-block-mob__inner">
                        <div class="complex-block__caption">Your referral link</div>
                        <div class="input-wrapper">
                            <div class="input-extra-icon input-copy-btn" style="cursor: pointer">
                                <div data-clipboard-target="#referral_mob" class="icon--lk-copy"></div>
                            </div>
                            <input id="referral_mob" type="text" class=" notranslate" value="{$settings.site_url}/?ref={$userinfo.username}">
                        </div>
                    </div>
                </div>
                <div class="complex-block-mob__bg-left right"></div>
            </div>
        </div>

        <div class="title-icon">
            <div class="orange-icon">
                <div class="icon--lk-folder-white"></div>
            </div>
            <div class="title-icon__title-wrapper">
                <div class="title-icon__title1">Promotion</div>
                <div class="title-icon__title2">Promo materials</div>
            </div>
        </div>

        <div class="frame">
            <div class="frame-line"></div>
            <div class="frame-inner">
                <div class="banner-item">
                    <div class="banner-item__col flex-center"><img src="styles/assets/banners/en/728x90-en.gif"></div>
                    <div class="banner-item__col">
                        <div class="caption-wrapper">
                            <div class="caption">728x90</div>
                            <div class="caption-decor"></div>
                        </div>
                        <div class="info-item no-bg">
                            <div class="info-item__decor"></div>
                            <textarea class=" notranslate" id="code1"><a href='{$settings.site_url}/?ref={$userinfo.username}'><img alt='{$meta_title|default:$settings.site_name}' src="{$settings.site_url}/styles/assets/banners/en/728x90-en.gif"></a></textarea>
                            <div class="info-item__decor right"></div>
                        </div>
                        <div class="flex end">
                            <div class="btn-common rex" data-clipboard-target="#code1">
                                <div class="btn-common__text">Copy the banner code</div>
                                <div  class="btn-common__icon icon--lk-copy-brown"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="frame-line"></div>
        </div>

        <div class="frame">
            <div class="frame-line"></div>
            <div class="frame-inner">
                <div class="banner-item">
                    <div class="banner-item__col flex-center"><img src="styles/assets/banners/en/468x60-en.gif"></div>
                    <div class="banner-item__col">
                        <div class="caption-wrapper">
                            <div class="caption">468x60</div>
                            <div class="caption-decor"></div>
                        </div>
                        <div class="info-item no-bg">
                            <div class="info-item__decor"></div>
                            <textarea class=" notranslate" id="code2"><a href='{$settings.site_url}/?ref={$userinfo.username}'><img alt='{$meta_title|default:$settings.site_name}' src="{$settings.site_url}/styles/assets/banners/en/468x60-en.gif"></a></textarea>
                            <div class="info-item__decor right"></div>
                        </div>
                        <div class="flex end">
                            <div class="btn-common rex" data-clipboard-target="#code2">
                                <div class="btn-common__text">Copy the banner code</div>
                                <div  class="btn-common__icon icon--lk-copy-brown"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="frame-line"></div>
        </div>

        <div class="frame">
            <div class="frame-line"></div>
            <div class="frame-inner">
                <div class="banner-item">
                    <div class="banner-item__col flex-center"><img src="styles/assets/banners/en/336x280-en.gif"></div>
                    <div class="banner-item__col">
                        <div class="caption-wrapper">
                            <div class="caption">336x280</div>
                            <div class="caption-decor"></div>
                        </div>
                        <div class="info-item no-bg">
                            <div class="info-item__decor"></div>
                            <textarea class=" notranslate" id="code3"><a href='{$settings.site_url}/?ref={$userinfo.username}'><img alt='{$meta_title|default:$settings.site_name}' src="{$settings.site_url}/styles/assets/banners/en/336x280-en.gif"></a></textarea>
                            <div class="info-item__decor right"></div>
                        </div>
                        <div class="flex end">
                            <div class="btn-common rex" data-clipboard-target="#code3">
                                <div class="btn-common__text">Copy the banner code</div>
                                <div  class="btn-common__icon icon--lk-copy-brown"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="frame-line"></div>
        </div>

        <div class="frame">
            <div class="frame-line"></div>
            <div class="frame-inner">
                <div class="banner-item">
                    <div class="banner-item__col flex-center"><img src="styles/assets/banners/en/300x250-en.gif"></div>
                    <div class="banner-item__col">
                        <div class="caption-wrapper">
                            <div class="caption">300x250</div>
                            <div class="caption-decor"></div>
                        </div>
                        <div class="info-item no-bg">
                            <div class="info-item__decor"></div>
                            <textarea class=" notranslate" id="code4"><a href='{$settings.site_url}/?ref={$userinfo.username}'><img alt='{$meta_title|default:$settings.site_name}' src="{$settings.site_url}/styles/assets/banners/en/300x250-en.gif"></a></textarea>
                            <div class="info-item__decor right"></div>
                        </div>
                        <div class="flex end">
                            <div class="btn-common rex" data-clipboard-target="#code4">
                                <div class="btn-common__text">Copy the banner code</div>
                                <div  class="btn-common__icon icon--lk-copy-brown"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="frame-line"></div>
        </div>

        <div class="frame">
            <div class="frame-line"></div>
            <div class="frame-inner">
                <div class="banner-item">
                    <div class="banner-item__col flex-center"><img src="styles/assets/banners/en/250x250-en.gif"></div>
                    <div class="banner-item__col">
                        <div class="caption-wrapper">
                            <div class="caption">250x250</div>
                            <div class="caption-decor"></div>
                        </div>
                        <div class="info-item no-bg">
                            <div class="info-item__decor"></div>
                            <textarea class=" notranslate" id="code5"><a href='{$settings.site_url}/?ref={$userinfo.username}'><img alt='{$meta_title|default:$settings.site_name}' src="{$settings.site_url}/styles/assets/banners/en/250x250-en.gif"></a></textarea>
                            <div class="info-item__decor right"></div>
                        </div>
                        <div class="flex end">
                            <div class="btn-common rex" data-clipboard-target="#code5">
                                <div class="btn-common__text">Copy the banner code</div>
                                <div  class="btn-common__icon icon--lk-copy-brown"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="frame-line"></div>
        </div>

        <div class="frame">
            <div class="frame-line"></div>
            <div class="frame-inner">
                <div class="banner-item">
                    <div class="banner-item__col flex-center"><img src="styles/assets/banners/en/160x600-en.gif"></div>
                    <div class="banner-item__col">
                        <div class="caption-wrapper">
                            <div class="caption">160x600</div>
                            <div class="caption-decor"></div>
                        </div>
                        <div class="info-item no-bg">
                            <div class="info-item__decor"></div>
                            <textarea class=" notranslate" id="code6"><a href='{$settings.site_url}/?ref={$userinfo.username}'><img alt='{$meta_title|default:$settings.site_name}' src="{$settings.site_url}/styles/assets/banners/en/160x600-en.gif"></a></textarea>
                            <div class="info-item__decor right"></div>
                        </div>
                        <div class="flex end">
                            <div class="btn-common rex" data-clipboard-target="#code6">
                                <div class="btn-common__text">Copy the banner code</div>
                                <div  class="btn-common__icon icon--lk-copy-brown"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="frame-line"></div>
        </div>

        <div class="frame">
            <div class="frame-line"></div>
            <div class="frame-inner">
                <div class="banner-item">
                    <div class="banner-item__col flex-center"><img src="styles/assets/banners/en/125x125-en.gif"></div>
                    <div class="banner-item__col">
                        <div class="caption-wrapper">
                            <div class="caption">125x125</div>
                            <div class="caption-decor"></div>
                        </div>
                        <div class="info-item no-bg">
                            <div class="info-item__decor"></div>
                            <textarea class=" notranslate" id="code7"><a href='{$settings.site_url}/?ref={$userinfo.username}'><img alt='{$meta_title|default:$settings.site_name}' src="{$settings.site_url}/styles/assets/banners/en/125x125-en.gif"></a></textarea>
                            <div class="info-item__decor right"></div>
                        </div>
                        <div class="flex end">
                            <div class="btn-common rex" data-clipboard-target="#code7">
                                <div class="btn-common__text">Copy the banner code</div>
                                <div  class="btn-common__icon icon--lk-copy-brown"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="frame-line"></div>
        </div>
			
                
            </div>



			
            <!-- <div class="lk-footer"> -->
            {include file="account_footer.tpl"}
            <!--  </div> -->
			
        </div>
    </div>
	
	
    {literal}
    <style>
        .shake {
            animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
            transform: translate3d(0, 0, 0);
        }

        @keyframes shake {

            10%,
            90% {
                transform: translate3d(-1px, 0, 0);
            }

            20%,
            80% {
                transform: translate3d(2px, 0, 0);
            }

            30%,
            50%,
            70% {
                transform: translate3d(-4px, 0, 0);
            }

            40%,
            60% {
                transform: translate3d(4px, 0, 0);
            }
        }

    </style>

   
    <script defer src="styles/assets/js/all.js"></script>
    <script src="styles/assets/js/axios.min.js"></script>
    <script src="styles/assets/js/vue.min.js"></script>
	
	<script>
        function writeScript(src) {
            document.write(`<script type='text/javascript' src='${src}?v=${Date.now()}'><\/script>`);
        }

		writeScript('styles/assets/js/only_get_token.js');
    </script>
    {/literal}
    


<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.8/clipboard.min.js"></script>

<script>
        var clipboard = new ClipboardJS('.icon--lk-copy');

        clipboard.on('success', function(e) {
        });
		
		 var clipboard_second = new ClipboardJS('.btn-common.rex');

        clipboard_second.on('success', function(e) {
        });
		
		
</script>

</body>

</html>
