<!DOCTYPE html>
<html>
    <head>
    
        

        <!-- Meta -->
        <title>Stefan Szakal</title>
        <meta name="description" content="Serial Entrepreneur">
        <meta name="keywords" content="homefresh, e-spres-oh, tech, timisoara, cluj, alt club, estudent, ctrl-d, x3">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="robots" content="index, follow">
        <meta name="generator" content="SleekPage 1.0" />
        <meta charset="utf-8">
        <meta name="google-site-verification" content="2KUGzwZ2Npp-mzTrn6NO_0qcvc2EHCg74Pyp_AElyPg" />
        
        <!-- Url Meta -->
        <link rel="canonical" href="http://stefanszakal.com/feed/">

        <!-- OG -->
        <meta property="og:url" content="http://stefanszakal.com/feed/">
        <meta property="og:site_name" content="Stefan Szakal">
        <meta property="og:title" content="Stefan Szakal">
        <meta property="og:description" content="Serial Entrepreneur">
        <meta property="og:image" content="https://s3-us-west-2.amazonaws.com/sleekpage/4314/user/preview-image.jpg">

        <!-- Mobile Web App -->
        <link rel="manifest" href="/assets/json/manifest.json">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="default" />
        <meta name="theme-color" content="#7f8c8d" />

        <!-- Icons -->
        <link rel="icon" type="image/png" sizes="32x32" href="https://s3-us-west-2.amazonaws.com/sleekpage/4314/favicon/d8581f4fbab0da04ede90ab4e9a42485.jpg">
        <link rel="icon" type="image/png" sizes="16x16" href="https://s3-us-west-2.amazonaws.com/sleekpage/4314/favicon/d8581f4fbab0da04ede90ab4e9a42485.jpg">

        <!-- Preload User -->
        <script id="preload">var preload = {"site":{"ID":"4314","data":{"settings":{"theme":"1","visibility":{"bookmarks":false,"hashtags":false,"image":false,"brand":false},"footer_position":"left","embeds":[],"color_dark":"","color_light":"","color_theme":"","color_link":"","color_button":"","color_button_text":"","font":"roboto slab"},"title":"Stefan Szakal","content":{"text_1":{"txt":"Serial Entrepreneur","key":"text_1","html":false}},"bg":{"background_1":{"key":"background_1","val":"https:\/\/s3-us-west-2.amazonaws.com\/sleekpage\/4314\/background\/f4d001c6f5627b7ba592767296e490f2.jpg","mode":"dark-mode","type":"image","opac":0.32},"background_2":{"key":"background_2","val":"#FFFFFF","mode":"light-mode","type":"color","opac":"0.2"}},"title_slg":"stefanszakal","img":"\/assets\/media\/dynamic\/user-img.php?name=Stefan+Szakal","is_p":true},"pages":false,"posts":false,"module":{"cta":false,"links":[{"service":"li","service_str":"https:\/\/www.linkedin.com\/in\/stefanszakal\/","service_data":false,"service_name":"LinkedIn","service_color":"#0077b5","service_icon":"socicon-linkedin","service_target":"_self"},{"service":"in","service_str":"http:\/\/instagram.com\/stefanszakal","service_data":false,"service_name":"Instagram","service_color":"linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)","service_icon":"socicon-instagram","service_target":"_self"},{"service":"fb","service_str":"https:\/\/www.facebook.com\/stefan.szakal","service_data":false,"service_name":"Facebook","service_color":"#3b5998","service_icon":"socicon-facebook","service_target":"_self"},{"service":"tw","service_str":"https:\/\/twitter.com\/StefanSzakal","service_data":false,"service_name":"Twitter","service_color":"#1da1f2","service_icon":"socicon-twitter","service_target":"_self"}]},"meta":{"relation":{"count":"0","bookmark_id":"4314"},"domain":{"ID":"800","user_id":"4314","user_domain":"stefanszakal.com","user_domain_date":"2020-05-10 13:53:26","user_domain_status":"active","user_domain_try":"0","user_domain_type":"custom"},"tags":false,"seo":{"title":"Stefan Szakal","keywords":"homefresh, e-spres-oh, tech, timisoara, cluj, alt club, estudent, ctrl-d, x3","favicon":"https:\/\/s3-us-west-2.amazonaws.com\/sleekpage\/4314\/favicon\/d8581f4fbab0da04ede90ab4e9a42485.jpg","canonical":"https:\/\/stefanszakal.com","ogimage":"https:\/\/s3-us-west-2.amazonaws.com\/sleekpage\/4314\/user\/preview-image.jpg","description":"Serial Entrepreneur"}},"theme":{"html":"<div class=\"{{template id=\"class\"}}\">\n\n    {{#unless page}}\n    <div class=\"row no-padding theme-1-area\">\n        <div class=\"col-xs-12 theme-1-main\">\n\n            <div class=\"row-container {{this.data.bg.background_1.mode}} bg-{{this.data.bg.background_1.key}}\">\n\n                <div class=\"row no-padding center-xs middle-xs theme-1-head\">\n                    <div class=\"col-xs-12\">\n\n                        {{#if pages}}\n                        <div class=\"theme-1-menu-icon\">\n                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 1000 1000\" enable-background=\"new 0 0 1000 1000\" xml:space=\"preserve\" class=\"tg-page-menu\">\n                                <g><g transform=\"translate(0.000000,511.000000) scale(0.100000,-0.100000)\"><path d=\"M278.8,2729.2c-205.9-89.8-238.7-359.2-61.3-516.8l76.7-65.7h4706.3h4706.3l76.7,65.7c175.2,155.5,144.5,413.9-61.3,512.5c-67.9,32.9-477.4,35-4726,35C1154.8,2757.7,335.7,2753.3,278.8,2729.2z\"\/><path d=\"M245.9,366.2c-197.1-131.4-192.7-396.4,8.8-519c67.9-43.8,148.9-43.8,4747.9-43.8h4677.8l74.4,50.4c197.1,131.4,192.7,396.4-8.8,519c-67.9,43.8-148.9,43.8-4747.9,43.8H320.4L245.9,366.2z\"\/><path d=\"M241.5-1966.1c-32.9-19.7-81-78.8-107.3-131.4c-76.7-159.9-21.9-324.1,138-403c70.1-37.2,341.6-39.4,4728.2-39.4c4456.6,0,4658.1,2.2,4730.4,39.4c50.4,26.3,94.2,76.6,129.2,142.3c67.9,138,50.4,234.3-63.5,348.2l-83.2,83.2H5009.2C594.1-1928.9,298.5-1931.1,241.5-1966.1z\"\/><\/g><\/g>\n                            <\/svg>\n                        <\/div>\n                        {{\/if}}\n\n                        <div class=\"theme-1-bkm\">\n                            {{template id=\"bookmarks\"}}\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n                <div class=\"row no-padding middle-xs row-col\">\n                    <div class=\"col-xs-12\">\n                        \n                        <div class=\"theme-1-mid\" onclick=\"{{#if page}}router.navigate( '{{@global.system.baseslug}}\/', true );{{\/if}}\">\n                            <div class=\"theme-1-user\">\n                                <div class=\"theme-1-userinfo-img\">\n                                    {{template id=\"img\"}}\n                                <\/div>\n                                <h1 class=\"theme-1-userinfo-title\">\n                                    {{template id=\"title\"}}\n                                <\/h1>\n                                <span class=\"theme-1-userinfo-desc\" data-length=\"160\" data-html=\"false\">\n                                    {{template id=\"text\" context=\"data.content.text_1\"}}\n                                <\/span>\n                                <div class=\"theme-1-userinfo-actions\">\n                                    {{template id=\"cta\"}}\n                                <\/div>\n                                <div class=\"theme-1-userinfo-social\">\n                                    {{template id=\"icons\"}}\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n                <div class=\"row no-padding center-xs middle-xs theme-1-bottom\">\n                    <div class=\"col-xs-12\">\n                        \n                        <div class=\"theme-1-hashtags\">\n                            {{template id=\"tags\"}}\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"theme-1-background\">\n                {{template id=\"background\" context=\"data.bg.background_1\"}}\n            <\/div>\n\n        <\/div>\n    <\/div>\n    {{\/unless}}\n\n    {{#if page}}\n    <div class=\"row no-padding theme-1-area page\">\n        <div class=\"col-xs-12 col-md-5 theme-1-main\">\n\n            <div class=\"row-container {{this.data.bg.background_1.mode}} bg-{{this.data.bg.background_1.key}}\">\n\n                <div class=\"row no-padding center-xs middle-xs theme-1-head\">\n                    <div class=\"col-xs-12\">\n                    \n                        <div class=\"theme-1-menu-icon\">\n                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 1000 1000\" enable-background=\"new 0 0 1000 1000\" xml:space=\"preserve\" class=\"tg-page-menu\">\n                                <g><g transform=\"translate(0.000000,511.000000) scale(0.100000,-0.100000)\"><path d=\"M278.8,2729.2c-205.9-89.8-238.7-359.2-61.3-516.8l76.7-65.7h4706.3h4706.3l76.7,65.7c175.2,155.5,144.5,413.9-61.3,512.5c-67.9,32.9-477.4,35-4726,35C1154.8,2757.7,335.7,2753.3,278.8,2729.2z\"\/><path d=\"M245.9,366.2c-197.1-131.4-192.7-396.4,8.8-519c67.9-43.8,148.9-43.8,4747.9-43.8h4677.8l74.4,50.4c197.1,131.4,192.7,396.4-8.8,519c-67.9,43.8-148.9,43.8-4747.9,43.8H320.4L245.9,366.2z\"\/><path d=\"M241.5-1966.1c-32.9-19.7-81-78.8-107.3-131.4c-76.7-159.9-21.9-324.1,138-403c70.1-37.2,341.6-39.4,4728.2-39.4c4456.6,0,4658.1,2.2,4730.4,39.4c50.4,26.3,94.2,76.6,129.2,142.3c67.9,138,50.4,234.3-63.5,348.2l-83.2,83.2H5009.2C594.1-1928.9,298.5-1931.1,241.5-1966.1z\"\/><\/g><\/g>\n                            <\/svg>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n                <div class=\"row no-padding middle-xs row-col\">\n                    <div class=\"col-xs-12\">\n                        \n                        <div class=\"theme-1-mid\" onclick=\"{{#if page}}router.navigate( '{{@global.system.baseslug}}\/', true );{{\/if}}\">\n                            <div class=\"theme-1-user\">\n                                <div class=\"theme-1-userinfo-img\">\n                                    {{template id=\"img\"}}\n                                <\/div>\n                                <h2 class=\"theme-1-userinfo-title\">\n                                    {{template id=\"title\"}}\n                                <\/h2>\n                                <span class=\"theme-1-userinfo-desc\" data-length=\"160\" data-html=\"false\">\n                                    {{template id=\"text\" context=\"data.content.text_1\"}}\n                                <\/span>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n                <div class=\"row no-padding center-xs middle-xs theme-1-bottom\"><\/div>\n\n            <\/div>\n\n            <div class=\"theme-1-background\">\n                {{template id=\"background\" context=\"data.bg.background_1\"}}\n            <\/div>\n\n        <\/div>\n        <div class=\"col-xs-12 col-md-7 theme-1-page\">\n            <div class=\"theme-1-page-inner\">\n                <h1>{{template id=\"page-title\" context=\"page\"}}<\/h1>\n                {{template id=\"page\" context=\"page\"}}\n            <\/div>\n        <\/div>\n    <\/div>\n    {{\/if}}\n\n    <div class=\"theme-1-menu {{this.data.bg.background_2.mode}} bg-{{this.data.bg.background_2.key}}\">\n        <div style=\"position:relative;z-index:1;\">\n            <div class=\"theme-1-menu-head\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" class=\"theme-1-menu-close\">\n                    <path style=\"line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal\" d=\"M 5.7070312 4.2929688 L 4.2929688 5.7070312 L 10.585938 12 L 4.2929688 18.292969 L 5.7070312 19.707031 L 12 13.414062 L 18.292969 19.707031 L 19.707031 18.292969 L 13.414062 12 L 19.707031 5.7070312 L 18.292969 4.2929688 L 12 10.585938 L 5.7070312 4.2929688 z\" font-weight=\"400\" font-family=\"sans-serif\" white-space=\"normal\" overflow=\"visible\"><\/path>\n                <\/svg>\n            <\/div>\n            {{template id=\"menu\"}}\n        <\/div>\n        <div class=\"theme-2-menu-background\">\n            {{template id=\"background\" context=\"data.bg.background_2\"}}\n        <\/div>\n    <\/div>\n\n    <div class=\"theme-1-brand\">\n        {{template id=\"footer\" context=\"data.settings\"}}\n    <\/div>\n    \n<\/div>"},"system":{"pages":true}}}; var core_version = '1.0'; var core_assets_version = 'tS1STU1XqhlbtG5DDuGAauL3oL1SqaLM'; </script>

        <!-- Preload Assets -->
        <link rel="preload" href="/assets/fonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="/assets/fonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin>
        <link rel="preload" href="/assets/fonts/Socicon.woff2?jxsw4b" as="font" type="font/woff2" crossorigin>
                <link rel="preload" href="/themes/theme-1/theme.css?v=tS1STU1XqhlbtG5DDuGAauL3oL1SqaLM" as="style">
        <link rel="preload" href="/themes/theme-1/theme.js?v=tS1STU1XqhlbtG5DDuGAauL3oL1SqaLM" as="script">
        


        
        <!-- Styles -->
        <link href="/assets/min/style-system-lib.min.css?v=tS1STU1XqhlbtG5DDuGAauL3oL1SqaLM" rel="stylesheet" type="text/css">
        <link href="/assets/min/style-system-home.min.css?v=tS1STU1XqhlbtG5DDuGAauL3oL1SqaLM" rel="stylesheet" type="text/css">
        <link href="/assets/min/style-system-ui.min.css?v=tS1STU1XqhlbtG5DDuGAauL3oL1SqaLM" rel="stylesheet" type="text/css">
        <link href="/assets/min/style-system-general.min.css?v=tS1STU1XqhlbtG5DDuGAauL3oL1SqaLM" rel="stylesheet" type="text/css">
        <link href="/assets/min/style-system-responsive.min.css?v=tS1STU1XqhlbtG5DDuGAauL3oL1SqaLM" rel="stylesheet" type="text/css">
        <link href="/assets/min/style-system-elements.min.css?v=tS1STU1XqhlbtG5DDuGAauL3oL1SqaLM" rel="stylesheet" type="text/css">
        <link href="/assets/min/style-system-edit.min.css?v=tS1STU1XqhlbtG5DDuGAauL3oL1SqaLM" rel="stylesheet" type="text/css">

        


    </head>
    <body>

        <div class="bm-init">

            <div class="bm-page-init"></div>

            <div class="bm-menu-init"></div>

            <div class="bm-page-ui">

                <div class="bm-alert">
                    <i class="fas fa-bell"></i>
                    <div class="bm-alert-txt"></div>
                    <i class="fas fa-times bm-alert-close"></i>
                </div>

            </div>

        </div>
        
        <noscript>
            <div class="bm-noscript">
                <div class="bm-noscript-notice">Please enable JavaScript to use this service</div>
                <img class="bm-noscript-img" src="https://sleek.page/assets/media/icon/favicon.png">
            </div>
        </noscript>

        
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://api.tiles.mapbox.com/mapbox-gl-js/v0.48.0/mapbox-gl.js"></script>
        <script src='https://api.mapbox.com/mapbox.js/v3.1.1/mapbox.js'></script>
        <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0/dist/Chart.min.js"></script>
        <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
        <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/medium-zoom@1.0.4/dist/medium-zoom.min.js"></script>
        <script src="/assets/min/system-lib.min.js?v=tS1STU1XqhlbtG5DDuGAauL3oL1SqaLM"></script>
        <script src="/assets/min/system-translation.min.js?v=tS1STU1XqhlbtG5DDuGAauL3oL1SqaLM"></script>
        <script src="/assets/min/system-core.min.js?v=tS1STU1XqhlbtG5DDuGAauL3oL1SqaLM"></script>

        


        
        <!-- ELEMENT: 404 Main -->
<script id="template-element-404-main" type="text/template7">
<div class="bm-page-404">
    <div class="bm-page-infohead">
        <h1 class="bm-infohead-title"> 404 </h1>
        <span class="bm-infohead-desc">{{@global.str.page_404_slug}}</span>
        <a href="https://{{js "window.location.hostname"}}" class="btn tg-signup btn-general">Beam me up, Scotty</a>
    </div>
</div>
</script>



<!-- ELEMENT: 404 Main -->
<script id="template-element-404-domain-main" type="text/template7">
<div class="bm-page-404 domain">
    <div class="bm-page-infohead">
        <h1 class="bm-infohead-title"> <headline>{{js "window.location.hostname"}}</headline> <br> <span>is still available 🎉</span> </h1>
        <span class="bm-infohead-desc">Build your own sleek website at {{js "window.location.hostname"}}. It's super easy and fast.</span>
        <a href="{{@global.system.baseurl}}/build/" class="btn tg-signup btn-general">Here we go</a>
    </div>
</div>
</script>



<!-- ELEMENT: General Main -->
<script id="template-element-general-main" type="text/template7">
<div class="bm-page-search">
    <div class="bm-page-infohead">
        <h1 class="bm-infohead-title">{{title}}</h1>
        <span class="bm-infohead-desc">{{sub_title}}</span>
    </div>
</div>
</script>



<!-- ELEMENT: User Main -->
<script id="template-element-user-main" type="text/template7">
<div class="bm-page-user">
    <div class="bm-page-infohead">
        <div class="bm-infohead-img">
            <img alt="{{user_full_name}}" src="{{user_img}}">
        </div>
    </div>
</div>
</script>



<!-- ELEMENT: User Main -->
<script id="template-element-account-header" type="text/template7">
<a class="bm-widget-domain" href="https://{{js "((this.user_domain) ? this.user_domain : 'sleek.page/' + this.user_name + '/' )"}}" target="_blank">
    <i class="fas fa-globe"></i>
    <div>
        <span>https://</span>{{js "((this.user_domain) ? this.user_domain : 'sleek.page/' + this.user_name + '/' )"}}
    </div>
</a>
{{#unless user_domain}}<a href="https://www.namecheap.com/domains/registration/results.aspx?domain={{user_name}}{{rand_domain}}" target="_blank" class="bm-widget-domain-get">Get <strong>{{user_name}}{{rand_domain}}</strong></a>{{/unless}}
</script>



<!-- ELEMENT: General Footer Left -->
<script id="template-element-general-footer" type="text/template7">
<div class="bm-page-branding {{footer_position}}">
    <div class="bm-page-branding-inner">
        <a href="https://sleek.page" class="logo" title="Sleek.page: Your personal landing page">
            <object data="/assets/media/logo/logo-light.svg" alt="{{@global.str.general_name}}" class="light"></object>
            <object data="/assets/media/logo/logo-color.svg" alt="{{@global.str.general_name}}" class="color"></object>
        </a>
        <div class="bm-page-branding-menu">
            <div class="bm-page-branding-menu-inner">
                <a href="https://app.sleek.page/auth/login/">Sign In</a>
                <a href="https://app.sleek.page/build/">Create a Page</a>
            </div>
        </div>
    </div>
</div>
</script>



<!-- ELEMENT: User List Area -->
<script id="template-element-user-area" type="text/template7">
<div class="bm-user-list">
{{#if this.data}}
    <div class="bm-user-list-inner">
        {{js "template.template_load('element-user-list', this.data)"}}
    </div>
    {{#if this.loader}}
    <div class="bm-user-list-loader">
        <img src="/assets/media/loader/loader-dark.svg">
    </div>
    {{/if}}
{{else}}
    <div class="bm-user-list-error">{{@global.str.user_list_empty}}</div>
{{/if}}
</div>
</script>



<!-- ELEMENT: User List -->
<script id="template-element-user-list" type="text/template7">
{{#each this}}
<a href="https://{{user_domain}}">
<div class="bm-user-list-item" data-uid="{{ID}}">
    <img src="{{user_img}}">
    <div class="bm-user-list-item-inner">
        <span class="bm-user-list-item-name">{{user_full_name}}</span>
        <span class="bm-user-list-item-desc">{{user_desc}}</span>
    </div>
    <div class="bm-user-list-item-actions">
        <!-- {{#if user_relation_is}}<i class="fas fa-hashtag hashtag"></i>{{/if}} -->
        <i class="far fa-bookmark bookmark {{#if user_relation_is}}active{{/if}}" data-uid="{{ID}}"></i>
    </div>
</div>
</a>
{{/each}}
</script>



<!-- ELEMENT: User Subscribe -->
<script id="template-element-user-subscribe" type="text/template7">
<div class="bm-modal-subscribe">
    <div class="row-container">
        <div class="row no-padding middle-xs row-col">
            <div>
                <i class="fas fa-times tg-close-modal-subscribe"></i>
                <div class="bm-modal-subscribe-inner">
                    <div class="bm-modal-subscribe-top">
                        <img src="{{img}}">
                    </div>
                    <div class="bm-modal-subscribe-mid">
                        <h2>{{title}}</h2>
                        <span>{{sub_title}}</span>
                    </div>
                    {{#if form}}
                    <div class="bm-modal-subscribe-bottom">
                        <div class="bm-modal-subscribe-input-error"></div>
                        <input type="text" placeholder="Your Name" class="bm-modal-subscribe-input name">
                        <input type="email" Placeholder="Your Email" class="bm-modal-subscribe-input mail">
                        <div>
                            <div class="bm-modal-subscribe-submit">Submit</div>
                        </div>
                    </div>
                    {{/if}}
                </div>
            </div>
        </div>
    </div>
</div>
</script><!-- USER MENU ELEMENT: User Menu -->
<script id="template-menu-user-menu" type="text/template7">
<div class="bm-usermenu">
    <div class="bm-usermenu-main">
        <div class="bm-usermenu-top">
            <img src="/assets/media/icon/favicon.png">
            <a href="https://sleek.page/changelog/" target="_blank" class="version">v{{@global.system.version}}</a>
        </div>
        <div class="bm-usermenu-mid">
            {{#each this.menu_items}}
                {{#if link}}<a href="{{link}}" class="{{class}}">{{else}}<span class="{{class}}">{{/if}}
                    <div class="bm-usermenu-mid-item">
                        <i class="{{icon}}"></i>
                        <span>{{name}}</span>
                    </div>
                {{#if link}}</a>{{else}}</span>{{/if}}
            {{/each}}
        </div>
        {{#unless is_public}}
        <div class="bm-usermenu-bottom">
            <div class="bm-usermenu-bottom-item">
                <div class="notification-count" data-count="0">0</div>
                <i class="far fa-bell tg-menu-notify"></i>
            </div>
            <div class="bm-usermenu-bottom-item">
                <i class="fas fa-search tg-menu-search"></i>
            </div>
            <img class="bm-usermenu-bottom-user tg-menu-user" src="{{user_data.user_img}}">
            <div class="bm-usermenu-switcher">
                <label class="switch">
                    <input type="checkbox">
                    <span class="slider"></span>
                </label>
            </div>
        </div>
        {{/unless}}
    </div>
    <div class="bm-usermenu-sub">
        <div class="bm-usermenu-sub-title">
            <h2>Select your template</h2>
            <i class="fas fa-angle-right bm-usermenu-sub-back"></i>
            <i class="fas fa-times bm-usermenu-sub-close tg-close-sub"></i>
        </div>
        <div class="bm-usermenu-sub-content"></div>
    </div>
</div>
</script>



<!-- USER MENU POPPER ELEMENT: Top User Menu -->
<script id="template-menu-popper-menu-user" type="text/template7">
<div class="bm-usermenu-dropdown-menu">
    <a href="/"><img src="{{@global.system.base_data.user.user_data.user_img}}">{{@global.str.usermenu_profile}}</a>
    <a href="/account/analytics/">{{@global.str.usermenu_analytics}}</a>
    <a href="/account/subscriptions/">{{@global.str.usermenu_subscriptions}}</a>
    <div></div>
    <a href="/account/settings/">{{@global.str.usermenu_settings}}</a>
    <a href="https://forum.sleek.page/login/" target="_blank">{{@global.str.usermenu_help}}</a>
    {{#unless @global.system.capabilities.site_profeatures}}
        <a href="/account/settings/pro/">{{@global.str.usermenu_pro}}</a>
    {{/unless}}
    <a href="/account/logout/">{{@global.str.usermenu_logout}}</a>
</div>
</script>



<!-- USER MENU POPPER ELEMENT: Popper Top User notifications -->
<script id="template-menu-popper-menu-notifications" type="text/template7">
<div class="bm-usermenu-dropdown-notify">
    
    <div class="bm-usermenu-dropdown-bg">
        <i class="fas fa-bell-slash"></i>
    </div>

    <div class="bm-usermenu-dropdown-notify-items">
        <div class="bm-usermenu-dropdown-notify-list"></div>
        <div class="bm-usermenu-dropdown-notify-load"></div>
    </div>

</div>
</script>



<!-- USER MENU POPPER ELEMENT: Popper Top Single User notification -->
<script id="template-menu-popper-menu-notification" type="text/template7">
{{#each this}}
<a href="{{notification_link}}">
    <div class="notify-item {{js "this.notification_read == '1' ? 'read' : ''"}}">
        <div class="row">
            <div class="col-xs">
                <div class="box">
                    <img src="{{notification_user_img}}">
                </div>
                <div class="box notify-item-txt">
                    <span>{{notification_user_full_name}}</span> 
                    {{notification_text}} 
                    <span>{{notification_date}}</span>
                </div>
            </div>
        </div>
    </div>
</a>
{{/each}}
</script>



<!-- USER MENU POPPER ELEMENT: Popper Top User search -->
<script id="template-menu-popper-menu-search" type="text/template7">
<div class="bm-usermenu-dropdown-search">
    <input type="text" placeholder="{{@global.str.search_placeholder}}">
</div>
</script>



<!-- SUB MENU ITEM: Sub menu items -->
<script id="template-menu-sub-items" type="text/template7">
<div class="bm-usermenu-list">
    {{#each this}}
    <div class="bm-usermenu-list-item {{class}}" {{#if onclick}}onclick="{{onclick}}"{{/if}} {{#if data}}data-item="{{data}}"{{/if}}>
        <i class="{{icon}} bm-usermenu-list-icon"></i>
        <span class="bm-usermenu-list-txt">{{text}}</span>
    </div>
    {{/each}}
</div>
</script>



<!-- SUB MENU ITEM: Sub menu design -->
<script id="template-menu-sub-design" type="text/template7">
<div class="bm-usermenu-design">
    <div class="bm-usermenu-textbox">
        <label for="font">Font</label>
        <input type="text" name="font" id="font" data-id="font" value="{{font}}" {{js "capabilities.capabilities_check_template( 'site_customfont' )"}}>
        <div class="bm-usermenu-textbox-desc">Enter the name of the Font. You can choose from alle fonts you find at Google Fonts <a href="https://fontcdn.org" target="blank">(click here)</a></div>
    </div>
    <div class="bm-usermenu-devider"></div>
    <div class="bm-usermenu-textbox">
        <label for="color-light">Light text color</label>
        <input type="text" name="color-light" id="color-light" class="color-select" data-id="color-light" value="{{color_light}}">
        <div class="bm-usermenu-textbox-desc">Set the color for light text on dark backgrounds</div>
    </div>
    <div class="bm-usermenu-textbox">
        <label for="color-dark">Dark text color</label>
        <input type="text" name="color-dark" id="color-dark" class="color-select" data-id="color-dark" value="{{color_dark}}">
        <div class="bm-usermenu-textbox-desc">Set the color for dark text on light backgrounds</div>
    </div>
    <div class="bm-usermenu-devider"></div>
    <div class="bm-usermenu-textbox">
        <label for="color-theme">Style color</label>
        <input type="text" name="color-theme" id="color-theme" class="color-select" data-id="color-theme" value="{{color_theme}}">
        <div class="bm-usermenu-textbox-desc">The style color is not used in all templates. Just try it out.</div>
    </div>
    <div class="bm-usermenu-textbox">
        <label for="color-button">Button color</label>
        <input type="text" name="color-button" id="color-button" class="color-select" data-id="color-button" value="{{color_button}}">
        <div class="bm-usermenu-textbox-desc">The color for your CTA button</div>
    </div>
    <div class="bm-usermenu-textbox">
        <label for="color-link">Link color</label>
        <input type="text" name="color-link" id="color-link" class="color-select" data-id="color-link" value="{{color_link}}">
        <div class="bm-usermenu-textbox-desc">The color for links in your text</div>
    </div>
</div>
</script>



<!-- SUB MENU ITEM: Sub menu design -->
<script id="template-menu-sub-meta" type="text/template7">
<div class="bm-usermenu-meta">
    <div class="bm-usermenu-textbox">
        <label for="title">Meta title</label>
        <input type="text" name="title" id="title" data-id="meta-title" value="{{title}}" {{js "capabilities.capabilities_check_template( 'site_custommeta' )"}}>
        <div class="bm-usermenu-textbox-desc">Enter the name of the Font. You can choose from alle fonts you find at Google Fonts <a href="https://fontcdn.org" target="blank">(click here)</a></div>
    </div>
    <div class="bm-usermenu-textbox">
        <label for="description">Meta description</label>
        <input type="text" name="description" id="description" data-id="meta-description" value="{{description}}" {{js "capabilities.capabilities_check_template( 'site_custommeta' )"}}>
        <div class="bm-usermenu-textbox-desc">You need your username for your login and it will</div>
    </div>
    <div class="bm-usermenu-textbox">
        <label for="keywords">Keywords</label>
        <input type="text" name="keywords" id="keywords" data-id="meta-keywords" value="{{keywords}}" {{js "capabilities.capabilities_check_template( 'site_custommeta' )"}}>
        <div class="bm-usermenu-textbox-desc">You need your username for your login and it will</div>
    </div>
    <div class="bm-usermenu-devider"></div>
    <div class="bm-usermenu-textbox favicon">
        <div class="bm-usermenu-textbox-txt">
            <label for="keywords">Favicon</label>
            <div class="bm-usermenu-textbox-desc">Enter the name of the Font. You can choose from alle fonts you find at Google Fonts</div>
        </div>
        <div class="bm-usermenu-textbox-favicon">
            <img class="bm-usermenu-textbox-favicon-img" src="{{#if favicon}}{{favicon}}{{else}}/assets/media/icon/favicon.png{{/if}}" {{js "capabilities.capabilities_check_template( 'site_custommeta' )"}}>
            <input type="file" accept="image/*" name="file" class="tg-favicon-select" {{js "capabilities.capabilities_check_template( 'site_custommeta' )"}}>
        </div>
    </div>
</div>
</script>



<!-- SUB MENU ITEM: Sub menu design -->
<script id="template-menu-sub-visibility" type="text/template7">
<div class="bm-usermenu-visibility">
    <div class="bm-usermenu-checkbox">
        <div class="bm-usermenu-checkbox-desc">
            Bookmarks
            <span>Show or hide the bookmarks badget on your page</span>
        </div>
        <div class="bm-usermenu-checkbox-action">
            <label class="switch">
                <input type="checkbox" data-id="bookmarks" {{#if visibility.bookmarks}}checked{{/if}}>
                <span class="slider"></span>
            </label>
        </div>
    </div>
    <div class="bm-usermenu-checkbox">
        <div class="bm-usermenu-checkbox-desc">
            Hashtags
            <span>Show or hide hashtags on your page</span>
        </div>
        <div class="bm-usermenu-checkbox-action">
            <label class="switch">
                <input type="checkbox" data-id="hashtags" {{#if visibility.hashtags}}checked{{/if}}>
                <span class="slider"></span>
            </label>
        </div>
    </div>
    <div class="bm-usermenu-checkbox">
        <div class="bm-usermenu-checkbox-desc">
            Profile Image
            <span>Show or hide the profile image on your page</span>
        </div>
        <div class="bm-usermenu-checkbox-action">
            <label class="switch">
                <input type="checkbox" data-id="image" {{#if visibility.image}}checked{{/if}}>
                <span class="slider"></span>
            </label>
        </div>
    </div>
    <div class="bm-usermenu-devider"></div>
    <div class="bm-usermenu-checkbox">
        <div class="bm-usermenu-checkbox-desc">
            Sleek.page Logo
            <span>Show or hide the bookmarks badget on your page</span>
        </div>
        <div class="bm-usermenu-checkbox-action">
            <label class="switch" {{js "capabilities.capabilities_check_template( 'site_removebranding' )"}}>
                <input type="checkbox" data-id="brand" {{#if visibility.brand}}checked{{/if}} {{js "capabilities.capabilities_check_template( 'site_removebranding' )"}}>
                <span class="slider"></span>
            </label>
        </div>
    </div>
</div>
</script>



<!-- SUB MENU ITEM: Sub menu embeds -->
<script id="template-menu-sub-embed" type="text/template7">
<div class="bm-usermenu-meta">
    <div class="bm-usermenu-textbox">
        <label for="title">{{title}}</label>
        <div class="bm-usermenu-meta-embed" data-id="{{id}}">
        {{#each input}}
            <input type="text" name="{{inputid}}" id="{{inputid}}" data-inputid="{{inputid}}" data-id="embed-input" value="{{js "((this.val) ? this.val[this.inputid] : '' )"}}" {{#if pro}}{{js "capabilities.capabilities_check_template( 'site_custommeta' )"}}{{/if}} placeholder="{{placeholder}}">
            <div class="bm-usermenu-textbox-desc">{{label}}</div>
        {{/each}}
        </div>
    </div>
</div>
</script>



<!-- SUB MENU ITEM: Sub menu domain -->
<script id="template-menu-sub-domain" type="text/template7">
<div class="bm-usermenu-domain">

    {{#js_if "this.domain.user_domain_type === 'system'"}}

    <div class="bm-usermenu-domain-active">
        <a href="https://{{domain.user_domain}}" target="_blank">
            <i class="fas fa-check active"></i>
            <span><highlight style="color: #4FAFAA;font-weight: 700px;">https://</highlight>{{domain.user_domain}}</span>
        </a>
        <div class="bm-usermenu-textbox">
            <div class="bm-usermenu-textbox-desc">To use a custom domain for your page, you need to prepare a few things. These will point your domain to your sleek.page site and usually need.</div>
        </div>
        <div class="bm-usermenu-devider"></div>
        <div class="bm-usermenu-list">
            <div class="bm-usermenu-list-item tg-domain-system">
                <i class="fas fa-random bm-usermenu-list-icon"></i>
                <span class="bm-usermenu-list-txt">Change domain</span>
            </div>
            <div class="bm-usermenu-list-item tg-domain-custom">
                <i class="fas fa-plus bm-usermenu-list-icon"></i>
                <span class="bm-usermenu-list-txt">Add custom domain</span>
            </div>
        </div>

    </div>

    {{else}}

    <div class="bm-usermenu-domain-active">
        <a href="https://{{domain.user_domain}}" target="_blank">
            {{#js_if "this.domain.user_domain_status == 'active'"}}<i class="fas fa-check active"></i>{{/js_if}}
            {{#js_if "this.domain.user_domain_status == 'pending'"}}<i class="fas fa-hourglass-half pending"></i>{{/js_if}}
            <span>https://{{domain.user_domain}}</span>
        </a>
        {{#js_if "this.domain.user_domain_status == 'pending'"}}
        <div class="bm-usermenu-textbox">
            <label for="textbox">Status: pending</label>
            <div class="bm-usermenu-textbox-desc">The status of your domain is <strong>"pending"</strong>. This is usually the case if you have not yet made the DNS settings for your domain. You have received instructions by mail on how to configure your domain for Sleek.page.</div>
        </div>
        {{/js_if}}
        {{#js_if "this.domain.user_domain_status == 'active'"}}
        <div class="bm-usermenu-textbox">
            <label for="textbox">Status: active</label>
            <div class="bm-usermenu-textbox-desc">Your domain and SSL certificate are now active. You can now access your Sleek.page via https://{{domain.user_domain}}.</div>
        </div>
        {{/js_if}}
        <span class="btn btn-general tg-domain-remove" data-domain="{{domain.user_domain}}">Remove domain</span>
    </div>

    {{/js_if}}

</div>
</script>



<!-- SUB MENU ITEM: Sub menu domain -->
<script id="template-menu-sub-domain-add-custom" type="text/template7">
<div class="bm-usermenu-domain">

    <div class="bm-usermenu-textbox">
        <div class="domain-input">
            <span>https://</span>
            <input type="text" name="domain" id="domain" data-id="meta-domain" placeholder="domain.tld or sub.domain.tld">
        </div>
        <div class="bm-usermenu-textbox-desc">Enter your <strong>domain</strong> (e.g. domain.com) or <strong>subdomain</strong> (e.g. blog.domain.com) in the input field above. If you have already registered the domain with a registrar, choose "Add domain", otherwise select "Buy domain".</div>
        <div class="row">
            <div class="col-xs-12 col-sm-6">
                <span class="btn btn-general tg-domain-setup">Add domain</span>
            </div>
            <div class="col-xs-12 col-sm-6">
                <span class="btn btn-general tg-domain-register">Buy domain</span>
            </div>
        </div>
    </div>

    <div class="bm-usermenu-devider"></div>
    
    <div class="bm-usermenu-textbox">
        <label for="textbox">Prepare your Domain</label>
        <div class="bm-usermenu-textbox-desc">To use a custom domain for your page, you need to prepare a few things. These will point your domain to your sleek.page site and usually need to be set up over at your domain registrar.</div>
    </div>

    <div class="bm-usermenu-domain-record">
        <div class="bm-usermenu-domain-record-top">
            <div class="row">
                <div class="col-xs-3">Type</div>
                <div class="col-xs-3">Host</div>
                <div class="col-xs-6">Target</div>
            </div>
        </div>
        <div class="bm-usermenu-domain-record-bottom">
            <div class="row">
                <div class="col-xs-3">A</div>
                <div class="col-xs-3">@</div>
                <div class="col-xs-6">54.189.250.101</div>
            </div>
            <div class="row">
                <div class="col-xs-3">CNAME</div>
                <div class="col-xs-3">www</div>
                <div class="col-xs-6">yourdomain.com.</div>
            </div>
        </div>
    </div>

</div>
</script>



<!-- SUB MENU ITEM: Sub menu domain -->
<script id="template-menu-sub-domain-add-system" type="text/template7">
<div class="bm-usermenu-domain">

    <div class="bm-usermenu-textbox">
        <div class="domain-input">
            <span>https://</span>
            <input type="text" name="domain" id="domain" data-id="meta-domain" placeholder="subdomain" value="{{js 'this.domain.user_domain.split(".")[0]'}}">
            <select style="margin: 0px;font-size: 16px;background: #FFF;border: 0px;height: 45px;line-height: 45px;box-shadow: none;position: absolute;right: 0px;top: 0px;-moz-appearance: none; -webkit-appearance: none; appearance: none;padding: 0 20px;color: var(--txt-color-dark); font-weight: 500;">
                {{#each availible}}
                    <option value=".{{this}}" {{#js_if "@root.sub_domain == this"}}selected{{/js_if}} {{@root.domain.user_domain}}>.{{this}}</option>
                {{/each}}
            </select>
        </div>
        <div class="bm-usermenu-textbox-desc">Enter your <strong>domain</strong> (e.g. domain.com) or <strong>subdomain</strong> (e.g. blog.domain.com) in the input field above.</div>
        <div class="row">
            <div class="col-xs-12 col-sm-12">
                <span class="btn btn-general tg-domain-setup">Update domain</span>
            </div>
        </div>
    </div>

</div>
</script>



<!-- SUB MENU ITEM: Sub menu meta page -->
<script id="template-menu-sub-meta-page" type="text/template7">
<div class="bm-usermenu-meta">
    <div class="bm-usermenu-textbox">
        <label for="title">Meta title</label>
        <input type="text" name="title" id="title" data-id="meta-title" value="{{title}}" {{js "capabilities.capabilities_check_template( 'site_custommeta' )"}}>
        <div class="bm-usermenu-textbox-desc">Enter the name of the Font. You can choose from alle fonts you find at Google Fonts <a href="https://fontcdn.org" target="blank">(click here)</a></div>
    </div>
    <div class="bm-usermenu-textbox">
        <label for="description">Meta description</label>
        <input type="text" name="description" id="description" data-id="meta-description" value="{{description}}" {{js "capabilities.capabilities_check_template( 'site_custommeta' )"}}>
        <div class="bm-usermenu-textbox-desc">You need your username for your login and it will</div>
    </div>
    <div class="bm-usermenu-textbox">
        <label for="keywords">Keywords</label>
        <input type="text" name="keywords" id="keywords" data-id="meta-keywords" value="{{keywords}}" {{js "capabilities.capabilities_check_template( 'site_custommeta' )"}}>
        <div class="bm-usermenu-textbox-desc">You need your username for your login and it will</div>
    </div>
</div>
</script><!-- TEMPLATE: Page Main -->
<script id="template-page-main" type="text/template7">
<div class="bm-page-area {{page_slug}} {{#if side_page}}side-open{{/if}}">
    <div class="bm-page-area-inner">
        <div class="bm-page-area-main">
    
            <div class="bm-page-full">
                
                <div class="bm-page-main dark-mode">

                    <div class="bm-page-head">
                        {{full_page_header}}
                    </div>

                    <div class="bm-page-mid">
                        {{full_page_mid}}
                    </div>

                    <div class="bm-page-footer">
                        {{js "template.template_load('element-general-footer', this)"}}
                        {{full_page_footer}}
                    </div>

                </div>

                <div class="bm-page-background">
                    <div class="bm-page-background-inner"></div>
                </div>

            </div>


            {{#if side_page}}
            <div class="bm-page-side">

                <div class="bm-page-side-content">
                    <div class="bm-page-side-inner bm-subpage">
                        {{side_page_content}}
                    </div>
                </div>

            </div>
            {{/if}}


        </div>


    </div>
</div>
</script><!-- TEMPLATE: Pages User Page -->
<script id="template-pages-user" type="text/template7">
<div class="bm-user-page">
    {{page_content}}
</div>
</script>



<!-- TEMPLATE: Pages Settings -->
<script id="template-pages-settings" type="text/template7">
<div class="bm-side-settings">
    <form class="settings-form">

        <input name="settings" type="hidden" value="general">
        <input name="user_id" type="hidden" value="{{ID}}">

        <div class="bm-side-settings-item">
            <div class="row">
                <div class="col-sm-4 col-xs-12">
                    <span class="bm-side-settings-title">{{@global.str.page_account_set_username}}</span>
                    <span class="bm-side-settings-desc">{{@global.str.page_account_set_username_slug}}</span>
                </div>
                <div class="col-sm-8 col-xs-12">
                    <div class="bm-side-settings-fields">
                        <input name="user_name" type="text" value="{{user_name}}">
                    </div>
                </div>
            </div>
        </div>

        <div class="bm-side-settings-item">
            <div class="row">
                <div class="col-sm-4 col-xs-12">
                    <span class="bm-side-settings-title">{{@global.str.page_account_set_mail}}</span>
                    <span class="bm-side-settings-desc">{{@global.str.page_account_set_mail_slug}}</span>
                </div>
                <div class="col-sm-8 col-xs-12">
                    <div class="bm-side-settings-fields">
                        <input name="user_mail" type="text" value="{{user_mail}}">
                    </div>
                </div>
            </div>
        </div>

        <div class="bm-side-settings-item">
            <div class="row">
                <div class="col-sm-4 col-xs-12">
                    <span class="bm-side-settings-title">{{@global.str.page_account_set_pass}}</span>
                    <span class="bm-side-settings-desc">{{@global.str.page_account_set_pass_slug}}</span>
                </div>
                <div class="col-sm-8 col-xs-12">
                    <div class="bm-side-settings-fields">
                        <input name="user_password" type="password" placeholder="{{@global.str.page_account_set_pass_pha}}">
                        <input name="user_password_repeat" type="password" placeholder="{{@global.str.page_account_set_pass_phb}}">
                    </div>
                </div>
            </div>
        </div>

        <div class="bm-side-settings-item">
            <div class="row">
                <div class="col-sm-4 col-xs-12">
                    <span class="bm-side-settings-title">{{@global.str.page_account_set_lng}}</span>
                    <span class="bm-side-settings-desc">{{@global.str.page_account_set_lng_slug}}</span>
                </div>
                <div class="col-sm-8 col-xs-12">
                    <div class="bm-side-settings-fields">
                        <select name="user_lng">
                            {{#each lng}}
                                <option value="{{code}}" {{#if active}}selected{{/if}}>{{name}}</option>
                            {{/each}}
                        </select>
                    </div>
                </div>
            </div>
        </div>

        <div class="bm-side-settings-item">
            <div class="row">
                <div class="col-sm-4 col-xs-12">
                    <span class="bm-side-settings-title">{{@global.str.page_account_set_delaccount}}</span>
                    <span class="bm-side-settings-desc">{{@global.str.page_account_set_delaccount_slug}}</span>
                </div>
                <div class="col-sm-8 col-xs-12">
                    <div class="bm-side-settings-fields">
                        <span class="tg-delaccount">{{@global.str.page_account_set_delaccount}}</span>
                    </div>
                </div>
            </div>
        </div>

    </form>
</div>
</script>



<!-- TEMPLATE: Pages Settings Widget -->
<script id="template-pages-settings-widget" type="text/template7">
<div class="bm-side-settings">
    <form class="settings-form">

        <input name="settings" type="hidden" value="widget">
        <input name="user_id" type="hidden" value="{{ID}}">

        <div class="bm-side-settings-widget-start">

            <div class="bm-side-settings-item">
                <div class="row">
                    <div class="col-sm-4 col-xs-12">
                        <span class="bm-side-settings-title">{{@global.str.page_account_set_wid_position}}</span>
                        <span class="bm-side-settings-desc">{{@global.str.page_account_set_wid_position_slug}}</span>
                    </div>
                    <div class="col-sm-8 col-xs-12">
                        <div class="bm-side-settings-fields">
                            <select name="widget_position" class="tg-widgetpos">
                                <option value="t-l">{{@global.str.page_account_set_wid_position_tl}}</option>
                                <option value="t-m">{{@global.str.page_account_set_wid_position_tc}}</option>
                                <option value="t-r">{{@global.str.page_account_set_wid_position_tr}}</option>
                                <option value="b-l">{{@global.str.page_account_set_wid_position_bl}}</option>
                                <option value="b-m">{{@global.str.page_account_set_wid_position_bc}}</option>
                                <option value="b-r">{{@global.str.page_account_set_wid_position_br}}</option>
                                <option value="m-l">{{@global.str.page_account_set_wid_position_cl}}</option>
                                <option value="m-r">{{@global.str.page_account_set_wid_position_cr}}</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>

            <div class="bm-side-settings-item">
                <div class="row">
                    <div class="col-sm-4 col-xs-12">
                        <span class="bm-side-settings-title">{{@global.str.page_account_set_wid_theme}}</span>
                        <span class="bm-side-settings-desc">{{@global.str.page_account_set_wid_theme_slug}}</span>
                    </div>
                    <div class="col-sm-8 col-xs-12">
                        <div class="bm-side-settings-fields">
                            <select name="widget_theme">
                                <option value="light">{{@global.str.page_account_set_wid_theme_l}}</option>
                                <option value="dark">{{@global.str.page_account_set_wid_theme_d}}</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>

            <div class="bm-side-settings-item">
                <div class="row">
                    <div class="col-sm-4 col-xs-12">
                        <span class="bm-side-settings-title">{{@global.str.page_account_set_wid_prefix}}</span>
                        <span class="bm-side-settings-desc">{{@global.str.page_account_set_wid_prefix_slug}}</span>
                    </div>
                    <div class="col-sm-8 col-xs-12">
                        <div class="bm-side-settings-fields">
                            <input name="widget_text" type="text" value="{{@global.str.page_account_set_wid_prefix_value}}">
                        </div>
                    </div>
                </div>
            </div>

            <div class="bm-side-settings-item">
                <div class="row">
                    <div class="col-xs-12">
                        <svg class="bm-side-settings-widget-preview" width="1024px" height="607px" viewBox="0 0 1024 607" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                            <defs>
                                <rect id="path-1" x="0" y="0" width="1024" height="607" rx="2"></rect>
                            </defs>
                            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                <g id="Group">
                                    <g id="Browser-Window">
                                        <g id="window-copy-2">
                                            <g id="Rectangle-Copy">
                                                <mask id="mask-2" fill="white">
                                                    <use xlink:href="#path-1"></use>
                                                </mask>
                                                <use id="Mask" fill="#FFFFFF" xlink:href="#path-1"></use>
                                                <text id="Widget-position" mask="url(#mask-2)" font-family="Helvetica-Bold, Helvetica" font-size="36" font-weight="bold" letter-spacing="1.20000005" fill="#D3D3D3">
                                                    <tspan x="368.18457" y="336.611418">{{@global.str.page_account_set_wid_preview}}</tspan>
                                                </text>
                                                <g id="Group-3" mask="url(#mask-2)">
                                                    <g id="Group-2">
                                                        <rect id="Rectangle-Copy" fill="#EDF1F5" x="0" y="0" width="1024" height="47"></rect>
                                                        <rect id="Rectangle" fill="#F8F9FB" x="85" y="9" width="900" height="30" rx="2"></rect>
                                                    </g>
                                                    <g id="Group" transform="translate(10.000000, 15.000000)">
                                                        <circle id="Oval" fill="#FF6057" cx="7.5" cy="7.5" r="7.5"></circle>
                                                        <circle id="Oval-Copy" fill="#FFC12E" cx="29.5" cy="7.5" r="7.5"></circle>
                                                        <circle id="Oval-Copy-2" fill="#28CA40" cx="53.5" cy="7.5" r="7.5"></circle>
                                                    </g>
                                                </g>
                                            </g>
                                        </g>
                                    </g>
                                </g>
                                <g id="positions">
                                    <rect id="b-l" fill="#ecf0f1" x="0" y="555" width="226" height="52"></rect>
                                    <rect id="b-r" fill="#ecf0f1" x="798" y="555" width="226" height="52"></rect>
                                    <rect id="t-l" fill="#95a5a6" x="0" y="47" width="226" height="52"></rect>
                                    <rect id="t-r" fill="#ecf0f1" x="798" y="47" width="226" height="52"></rect>
                                    <rect id="t-m" fill="#ecf0f1" x="399" y="47" width="226" height="52"></rect>
                                    <rect id="b-m" fill="#ecf0f1" x="399" y="555" width="226" height="52"></rect>
                                    <rect id="m-l" fill="#ecf0f1" transform="translate(26.000000, 322.000000) scale(-1, 1) rotate(90.000000) translate(-26.000000, -322.000000) " x="-87" y="296" width="226" height="52"></rect>
                                    <rect id="m-r" fill="#ecf0f1" transform="translate(998.000000, 322.000000) scale(-1, 1) rotate(90.000000) translate(-998.000000, -322.000000) " x="885" y="296" width="226" height="52"></rect>
                                </g>
                            </g>
                        </svg>
                    </div>
                </div>
            </div>

        </div>

        <div class="bm-side-settings-widget-done">

            <div class="bm-side-settings-item">
                <div class="row">
                    <div class="col-xs-12">
                        <span class="bm-side-settings-title">{{@global.str.page_account_set_wid_copy}}</span>
                        <span class="bm-side-settings-desc">
                            {{@global.str.page_account_set_wid_copy_slug}}
                        </span>

                        <textarea readonly class="bm-side-settings-widget-code" onclick="this.focus();this.select();"></textarea>
                    </div>
                </div>
            </div>

        </div>

    </form>
</div>
</script>



<!-- TEMPLATE: Pages Settings Pro -->
<script id="template-pages-settings-pro" type="text/template7">
<div class="bm-side-settings">
    <form class="settings-form">

        <input name="settings" type="hidden" value="subscription">
        <input name="user_id" type="hidden" value="{{ID}}">

        <div class="bm-side-settings-subscription-start">

            <div class="bm-side-settings-item">
                <div class="row">
                    <div class="col-sm-12 col-xs-12">

                        <div class="bm-side-settings-sub">

                            <div style="margin-bottom: 30px;">
                                <h2>Select a Plan</h2>
                                <span style="margin-top: 5px;display: block;">Pick the Crisp plan you would like to continue on. You can compare which feature you will get when you select the plan and continue.</span>
                            </div>

                            <div class="bm-side-settings-sub-plans">

                                <div class="bm-side-settings-sub-plan tg-plan {{js "((this.pro.subscription_product == 'free') ? 'active' : '')"}} plan-free">
                                    <div class="bm-side-settings-sub-plan-current">Current plan</div>
                                    <div class="bm-side-settings-sub-plan-switch">Choose plan</div>
                                    <div class="bm-side-settings-sub-plan-inner">
                                        <div class="bm-side-settings-sub-plan-inner-area">
                                            <div class="bm-side-settings-sub-plan-id">
                                                <span class="bm-side-settings-sub-plan-id-inner">Free</span>
                                            </div>
                                            <div class="bm-side-settings-sub-plan-desc">
                                                <div class="bm-side-settings-sub-plan-price">$0 free forever</div>
                                                <div class="bm-side-settings-sub-plan-features">
                                                    Build great websites with the free version, even with your own domain. <a target="_blank" href="https://sleek.page/pricing/">What is included?</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="bm-side-settings-sub-plan-confirm cancel tg-submit">
                                            Yes I would like to cancel my subscription
                                        </div>
                                    </div>
                                </div>

                                {{#js_if "this.pro.subscription_product == 'pro_monthly' || this.pro.subscription_product == 'free'"}}
                                <div class="bm-side-settings-sub-plan tg-plan {{js "((this.pro.subscription_product == 'pro_monthly') ? 'active' : '')"}} plan-monthly">
                                    <div class="bm-side-settings-sub-plan-current">Current plan</div>
                                    <div class="bm-side-settings-sub-plan-switch">Choose plan</div>
                                    <div class="bm-side-settings-sub-plan-inner">
                                        <div class="bm-side-settings-sub-plan-inner-area">
                                            <div class="bm-side-settings-sub-plan-id">
                                                <span class="bm-side-settings-sub-plan-id-inner">Pro</span>
                                                <span class="bm-side-settings-sub-plan-id-inner-sub">Monthly</span>
                                            </div>
                                            <div class="bm-side-settings-sub-plan-desc">
                                                <div class="bm-side-settings-sub-plan-price"><price>$<price-inner>4,99</price-inner></price> per month</div>
                                                <div class="bm-side-settings-sub-plan-features">
                                                    Get website analytics, pro themes, set your own meta data and many more. <a target="_blank" href="https://sleek.page/pricing/">Compare plans!</a>
                                                </div>
                                                <div class="bm-side-settings-sub-plan-cc">
                                                    {{js "template.template_load('home-cc')"}}
                                                    <div></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="bm-side-settings-sub-plan-confirm upgrade tg-submit" data-id="pro_monthly">
                                            Let's go pro 🚀
                                        </div>
                                        <div class="bm-side-settings-sub-plan-confirm update tg-submit">
                                            Update your card
                                        </div>
                                        
                                    </div>
                                </div>
                                {{/js_if}}

                                {{#js_if "this.pro.subscription_product == 'pro_yearly' || this.pro.subscription_product == 'free'"}}
                                <div class="bm-side-settings-sub-plan tg-plan {{js "((this.pro.subscription_product == 'pro_yearly') ? 'active' : '')"}} plan-yearly">
                                    <div class="bm-side-settings-sub-plan-current">Current plan</div>
                                    <div class="bm-side-settings-sub-plan-switch">Choose plan</div>
                                    <div class="bm-side-settings-sub-plan-inner">
                                        <div class="bm-side-settings-sub-plan-inner-area">
                                            <div class="bm-side-settings-sub-plan-id">
                                                <span class="bm-side-settings-sub-plan-id-inner">Pro</span>
                                                <span class="bm-side-settings-sub-plan-id-inner-sub">Yearly</span>
                                            </div>
                                            <div class="bm-side-settings-sub-plan-desc">
                                                <div class="bm-side-settings-sub-plan-price"><price>$<price-inner>2,99</price-inner></price> per month<span>, billed annually</span></div>
                                                <div class="bm-side-settings-sub-plan-features">
                                                    Save 50% on the monthly rate with the annual subscription and get all Pro features. <a target="_blank" href="https://sleek.page/pricing/">Compare plans!</a>
                                                </div>
                                                <div class="bm-side-settings-sub-plan-cc">
                                                    {{js "template.template_load('home-cc')"}}
                                                    <div></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="bm-side-settings-sub-plan-confirm upgrade tg-submit" data-id="pro_yearly">
                                            Let's go pro 🚀
                                        </div>
                                        <div class="bm-side-settings-sub-plan-confirm update tg-submit">
                                            Update your card
                                        </div>
                                        
                                    </div>
                                </div>
                                {{/js_if}}

                            </div>

                        </div>

                    </div>
                </div>
            </div>

            <div class="bm-side-settings-item">
                <div class="row">
                    <div class="col-sm-12 col-xs-12">

                        <div class="bm-side-settings-invoice">
                            {{#if pro.invoice}}
                            <table>
                                <tr>
                                    <th>Invoice #</th>
                                    <th>Amount</th> 
                                    <th>Date</th>
                                    <th></th>
                                </tr>
                                {{#each pro.invoice}}
                                <tr>
                                    <td>Invoice: {{ID}}</td>
                                    <td>${{invoice_amount}}</td> 
                                    <td>{{invoice_date}}</td>
                                    <td><a href="{{invoice_url}}">Download</a></td>
                                </tr>
                                {{/each}}
                            </table>
                            {{/if}}
                        </div>
                        
                    </div>
                </div>
            </div>

        </div>

    </form>
</div>
</script>



<!-- TEMPLATE: Pages Settings Navigation -->
<script id="template-pages-settings-navigation" type="text/template7">
<div class="bm-side-settings-nav">
{{#each this}}
    <a href="{{url}}" class="{{class}}">{{name}}</a>
{{/each}}
</div>
</script>



<!-- TEMPLATE: Pages Settings Analytics -->
<script id="template-pages-analytics" type="text/template7">
<div class="bm-side-analytics">
    
    {{#unless @global.system.capabilities.site_analytics}}
        <div class="inline-error">You see an example record of your live stats, to see your real data you need a <a href="/account/settings/pro/"><strong>pro account</strong></a></div>
    {{/unless}}
    
    <div class="row">
        <div class="col-xs-12 col-sm-6">
            <div class="bm-side-analytics-box">
                <div class="bm-side-analytics-box-info">
                    Pageviews 
                    <span>last 30 days</span>
                </div>
                <div class="bm-side-analytics-box-data">{{pageviews.month}}</div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-6">
            <div class="bm-side-analytics-box">
                <div class="bm-side-analytics-box-info">
                    Pageviews 
                    <span>last week</span>
                </div>
                <div class="bm-side-analytics-box-data">{{pageviews.week}}</div>
            </div>
        </div>
    </div>

    <div class="bm-side-analytics-section">
        <h2>Page views in the last month</h2>
        <div class="bm-side-analytics-pageviews">
            <canvas id="analytics_pageviews"></canvas>
        </div>
    </div>

    <div class="bm-side-analytics-section">
        <h2>Link clicks in the last month</h2>
        <div class="bm-side-analytics-links">
            {{#each outgoing}}
            <a href="{{data.link}}" class="analytics-links" data-id="{{@key}}">
                <i class="{{data.icon}}" style="background:{{data.color}}"></i>
                <div class="analytics-links-info">
                    <span>{{month}}</span> clicks <span>({{data.name}})</span>
                </div>
                <div class="analytics-links-chart">
                    <canvas id="analytics-link-{{@key}}"></canvas>
                    <div></div>
                </div>
            </a>
            {{/each}}
        </div>
    </div>

    <div class="bm-side-analytics-section">
        <div class="bm-side-analytics-lists">
            <div class="row">
                <div class="col-xs-4">
                    <h3>Top Pages</h3>
                    <table class="bm-side-analytics-list pages">
                        <tbody>
                            {{#each pageviews.data}}
                            <tr>
                                <td><strong>{{this}}</strong></td> 
                                <td><span>{{@key}}</span></td>
                            </tr>
                            {{/each}}
                        </tbody>
                    </table>
                </div>
                <div class="col-xs-4">
                    <h3>Top Referrals</h3>
                    <table class="bm-side-analytics-list referrals">
                        <tbody>
                            {{#each referrer.data}}
                            <tr>
                                <td><strong>{{this}}</strong></td> 
                                <td><span>{{@key}}</span></td>
                            </tr>
                            {{/each}}
                        </tbody>
                    </table>
                </div>
                <div class="col-xs-4">
                    <h3>Top Devices</h3>
                    <table class="bm-side-analytics-list devices">
                        <tbody>
                            {{#each devices.data}}
                            <tr>
                                <td><strong>{{this}}</strong></td> 
                                <td><span>{{@key}}</span></td>
                            </tr>
                            {{/each}}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

</div>
</script>



<!-- TEMPLATE: Pages Settings Subscriptions -->
<script id="template-pages-subscriptions" type="text/template7">
<div class="bm-side-subscriptions">

    {{#js_if "this.subscribed_total < 1"}}
        <div class="inline-error">Oh, you don't have subscribers yet. Find out how to turn visitors into subscribers.</div>
    {{/js_if}}

    <div class="row">
        <div class="col-xs-12 col-sm-4">
            <div class="bm-side-subscriptions-box">
                <div class="bm-side-subscriptions-box-info">
                    Subscriber 
                    <span>total</span>
                </div>
                <div class="bm-side-subscriptions-box-data">{{subscribed_total}}</div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-4">
            <div class="bm-side-subscriptions-box">
                <div class="bm-side-subscriptions-box-info">
                    Subscriber 
                    <span>active</span>
                </div>
                <div class="bm-side-subscriptions-box-data">{{subscribed_active}}</div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-4">
            <div class="bm-side-subscriptions-box">
                <div class="bm-side-subscriptions-box-info">
                    Unsubscribed
                    <span>total</span>
                </div>
                <div class="bm-side-subscriptions-box-data">{{unsubscribed}}</div>
            </div>
        </div>
    </div>

    <div class="bm-side-subscriptions-section">
        <h2>Latest newsletter</h2>
        <div class="bm-side-subscriptions-newsletter">
            
            {{#each newsletter}}
            <a class="subscriptions-newsletter" data-id="1ad">
                <i class="fas fa-paper-plane" style="background:#7f8c8d"></i>
                <div class="subscriptions-newsletter-info">
                    <span>{{count}}</span> Subscriber
                </div>
                <div class="subscriptions-newsletter-title">
                    {{title}}
                </div>
            </a>
            {{/each}}
            
        </div>
    </div>

</div>
</script>



<!-- TEMPLATE: Pages Settings Subscriptions -->
<script id="template-pages-subscriptions-newsletter" type="text/template7">
<div class="bm-side-subscriptions">

    {{#js_if "this.newsletter_remaining == '0'"}}
        <div class="inline-error">Sorry, you've already reached the weekly limit of one newsletter/week.</div>
    {{/js_if}}
    
    {{#unless @global.system.capabilities.site_analytics}}
        <div class="inline-error">You see an example record of your live stats, to see your real data you need a <a href="/account/settings/pro/"><strong>pro account</strong></a></div>
    {{/unless}}

    <div style="padding: 30px;background: #FFF;border-radius: 10px;">
        <h2 class="bm-side-newsletter-title" style="font-size: 30px;font-weight: 800;margin-bottom: 30px;border-bottom: 2px dashed var(--bg-color-dark)!important;line-height: 1.5;">Title</h2>
        <div class="bm-side-newsletter-content" style="font-size: 18px;line-height: 1.7;"></div>
    </div>

</div>
</script><!-- UI: Popper Box -->
<script id="template-ui-popper" type="text/template7">
<div class="popper {{popper_id}} active">
    <div class="popper-content">{{popper_content}}</div>
    <div class="popper__arrow" x-arrow></div>
</div>
</script>



<!-- UI: Routing Loader -->
<script id="template-ui-routing-loader" type="text/template7">
<div class="bm-routing-loader">
    <div class="bm-routing-loader-inner"></div>
</div>
</script>



<!-- UI: Domain Checker -->
<script id="template-ui-domain-check" type="text/template7">
<div class="bm-check-domain">
    <div class="bm-check-domain-area checking">
        <img src="/assets/media/loader/loader-dark-v2.svg"> ...checking domain
    </div>
    <div class="bm-check-domain-area okay">
        <i class="fas fa-check"></i> Domain availible 🎉
    </div>
    <div class="bm-check-domain-area error">
        <i class="fas fa-times"></i> Domain not availible 😢
    </div>
    <div class="bm-check-domain-area syntax">
        <i class="fas fa-times"></i> Incorrect domain syntax 🤔
    </div>
</div>
</script><!-- HOME: Main Screen -->
<script id="template-home-page" type="text/template7">
<div class="bm-page-home-area {{page_slug}}">

    <div class="bm-page-home-area-inner">
        {{home_page_content}}
    </div>

</div>
</script>



<!-- ELEMENT: Home Main -->
<script id="template-home-login" type="text/template7">
<div class="bm-page-home-auth">

    <div class="row bm-page-home-auth-row">
        
        <div class="col-md-5 col-sm-12 col-xs-12 bm-page-home-auth-main">
            <div class="bm-page-home-auth-inner">

                <div class="bm-page-home-auth-area login">
                    <div class="bm-page-home-auth-top">
                        <h1>{{@global.str.page_home_auth_login}}</h1>
                        <div>
                            Need a Sleek.page account? <a href="/auth/signup/">Create an account!</a>
                        </div>
                    </div>
                    <form class="bm-page-home-auth-form">
                        <input type="text" id="auth_user" placeholder="{{@global.str.page_home_auth_ph_user}}" autofocus>
                        <input type="password" id="auth_pass" placeholder="{{@global.str.page_home_auth_ph_pass}}">
                    </form>
                    <div class="bm-page-home-auth-submit">
                        <div class="bm-page-home-auth-btn btn-general tg-auth-submit">{{@global.str.page_home_auth_login}}</div>
                    </div>
                    <div class="bm-page-home-auth-more">
                        <div class="bm-page-home-auth-more-inner">
                            Trouble with your login? Try to reset your password. <br><a href="/auth/reset/">{{@global.str.page_home_auth_forgot}}</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="col-md-7 col-sm-0 col-xs-0 bm-page-home-auth-screen">
            <div class="background"><div class="rect top-left"></div><div class="rect bottom-right"></div></div>
            <a href="/changelog/" class="bm-home-ui-news external">
                <i class="fas fa-info-circle"></i>
                <div>{{@global.str.page_home_news}}</div>
            </a>
        </div>

    </div>

</div>
</script>



<!-- ELEMENT: Home Main -->
<script id="template-home-signup" type="text/template7">
<div class="bm-page-home-auth">

    <div class="row bm-page-home-auth-row">
        
        <div class="col-md-5 col-sm-12 col-xs-12 bm-page-home-auth-main">
            <div class="bm-page-home-auth-inner">

                <div class="bm-page-home-auth-area signup">
                    <div class="bm-page-home-auth-top">
                        <h1>{{@global.str.page_home_auth_regis}}</h1>
                        <div>
                            Already have an account? <a href="/auth/login/">Log in!</a>
                        </div>
                    </div>
                    {{js "template.template_load('home-userlist', this)"}}
                    {{js "template.template_load('home-plans', this)"}}
                    <form class="bm-page-home-auth-form">
                        <div class="register-validation-area">{{@global.str.page_home_auth_username_error}}</div>
                        <input type="text" id="auth_name" placeholder="{{@global.str.page_home_auth_ph_name}}" autofocus>
                        <input type="text" id="auth_user" placeholder="{{@global.str.page_home_auth_ph_user}}">
                        <input type="text" id="auth_mail" placeholder="{{@global.str.page_home_auth_ph_mail}}">
                        <input type="password" id="auth_pass" placeholder="{{@global.str.page_home_auth_ph_pass}}">
                        {{js "template.template_load('home-cc')"}}
                        <div class="bm-page-home-auth-form-recaptcha" style="margin-top: 10px;margin-bottom: 20px;display:none;">
                            <div class="g-recaptcha" data-sitekey="6Ldy8IcUAAAAACxVJDAGEKLQU_t6_PD2KeeBud_8"></div>
                        </div>
                    </form>
                    <div class="bm-page-home-auth-submit">
                        <div class="bm-page-home-auth-btn btn-general tg-auth-submit">{{@global.str.page_home_auth_regis}}</div>
                    </div>
                    <div class="bm-page-home-auth-more">
                        <div class="bm-page-home-auth-more-inner">
                            <div class="bm-page-home-auth-more-newsletter">
                                <input type="checkbox" id="auth_news" name="auth_news" checked>
                                <label for="auth_news">Keep me up to date about new versions and features</label>
                            </div>
                            {{@global.str.page_home_auth_agree}} Plans rebill unless canceled.
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="bm-page-home-domain"></div>

        <div class="col-md-7 col-sm-0 col-xs-0 bm-page-home-auth-screen">
            <div class="background"><div class="rect top-left"></div><div class="rect bottom-right"></div></div>
            <div class="bm-home-ui-pricing">
                <div class="bm-home-ui-pricing-l">
                    <div class="bm-home-ui-pricing-info">
                        <h2>You'll get that for free!</h2>
                        <ul>
                            <li>Simple Editor</li>
                            <li>Access to all free themes</li>
                            <li>Create up to 4 subpages</li>
                            <li>Embed videos, photos</li>
                            <li>Use contact forms</li>
                            <li>Add your custom domain</li>
                            <li>Free SSL Certificate</li>
                            <li><strong>...and much more</strong></li>
                        </ul>
                    </div>
                </div>
                <div class="bm-home-ui-pricing-r">
                    <i class="fas fa-star icon"></i>
                    <div class="bm-home-ui-pricing-info">
                        <h2> <i class="fas fa-plus"></i> Pro</h2>
                        <ul>
                            <li>Remove branding</li>
                            <li>SEO meta tags</li>
                            <li>Use thousands of different font types</li>
                            <li>Access to all pro themes</li>
                            <li>Create unlimited pages</li>
                            <li>Analytics</li>
                        </ul>
                        <div class="button">
                            <a href="https://sleek.page/pricing/" target="_blank" class="btn btn-general">Read more</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

</div>
</script>



<!-- ELEMENT: Home Main -->
<script id="template-home-reset" type="text/template7">
<div class="bm-page-home-auth">

    <div class="row bm-page-home-auth-row">
        
        <div class="col-md-5 col-sm-12 col-xs-12 bm-page-home-auth-main">
            <div class="bm-page-home-auth-inner">

                <div class="bm-page-home-auth-area auth-reset">
                    <div class="bm-page-home-auth-top">
                        <h1>{{@global.str.page_home_auth_respass}}</h1>
                    </div>
                    <form class="bm-page-home-auth-form">
                        <input type="text" id="auth_mail" placeholder="{{@global.str.page_home_auth_ph_mail}}" autofocus>
                    </form>
                    <div class="bm-page-home-auth-submit">
                        <div class="bm-page-home-auth-btn btn-general tg-auth-submit">{{@global.str.page_home_auth_respass}}</div>
                    </div>
                    <div class="bm-page-home-auth-more">
                        <div class="bm-page-home-auth-more-inner">
                            Fear not. We’ll email you instructions to reset your password.
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="col-md-7 col-sm-0 col-xs-0 bm-page-home-auth-screen">
            <div class="background"><div class="rect top-left"></div><div class="rect bottom-right"></div></div>
            <div class="bm-home-ui-news">
                <i class="fas fa-info-circle"></i>
                <div>{{@global.str.page_home_news}}</div>
            </div>
        </div>

    </div>

</div>
</script>



<!-- ELEMENT: Home Main -->
<script id="template-home-resetpass" type="text/template7">
<div class="bm-page-home-auth">

    <div class="row bm-page-home-auth-row">
        
        <div class="col-md-5 col-sm-12 col-xs-12 bm-page-home-auth-main">
            <div class="bm-page-home-auth-inner">

                <div class="bm-page-home-auth-area auth-resetpass">
                    <div class="bm-page-home-auth-top">
                        <h1>{{@global.str.page_home_auth_newpass}}</h1>
                    </div>
                    <form class="bm-page-home-auth-form">
                        <input type="password" id="auth_pass" placeholder="{{@global.str.page_home_auth_ph_newpass}}" autofocus>
                    </form>
                    <div class="bm-page-home-auth-submit">
                        <div class="bm-page-home-auth-btn btn-general tg-auth-submit">{{@global.str.page_home_auth_newpass}}</div>
                    </div>
                    <div class="bm-page-home-auth-more">
                        <div class="bm-page-home-auth-more-inner">
                            Set your new password.
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="col-md-7 col-sm-0 col-xs-0 bm-page-home-auth-screen">
            <div class="background"><div class="rect top-left"></div><div class="rect bottom-right"></div></div>
            <div class="bm-home-ui-news">
                <i class="fas fa-info-circle"></i>
                <div>{{@global.str.page_home_news}}</div>
            </div>
        </div>

    </div>

</div>
</script>



<!-- ELEMENT: Home Bot Telegram -->
<script id="template-home-bot-telegram" type="text/template7">
<div class="bm-page-home-auth">

    <div class="bm-page-home-authbot">

        <a href="https://t.me/sleekpagebot">
            <div class="bm-page-home-authbot-button">
                <i class="fab fa-telegram-plane" style="background-color: #0088cc;"></i> 
                <span>Chat with <b>@sleekpagebot</b></span>
            </div>
        </a>

        <div class="bm-page-home-authshow">
            <div class="bm-page-home-authshow-inner">
            {{#each user_latest}}
                <a href="/{{user_name}}/"><img src="{{user_img}}" style="z-index:-{{@index}}"></a>
            {{/each}}
            </div>
            <span>{{@global.str.page_home_authshow_slug}}</span>
        </div>

        <div class="bm-page-home-authbot-steps">
            <span class="authbot-step-title">How to get started?</span>
            <a href="https://telegram.org" class="authbot-step-item"><span>1</span>📱 Open Telegram</a>
            <a href="https://t.me/sleekpagebot" class="authbot-step-item"><span>2</span> 🤖 Chat with @sleekpagebot</a>
            <span class="authbot-step-item"><span>3</span> ✅ Done</span>
        </div>

    </div>

</div>
</script>



<!-- ELEMENT: Home Bot Whatsapp -->
<script id="template-home-bot-whatsapp" type="text/template7">
<div style=" background: rgb(255, 75, 110);padding: 10px 20px;border-radius: 10px;margin: 0 auto;margin-bottom: 20px;opacity: 0.6;font-size: 13px;max-width: 450px;">🚧 WhatsApp Bot is currently in sandbox mode. Not everything is working perfectly yet. The phone number of the bot may change.</div>
<div class="bm-page-home-auth">

    <div class="bm-page-home-authbot">

        <a href="https://wa.me/441618507453?text=join%20lust-dunker">
            <div class="bm-page-home-authbot-button">
                <i class="fab fa-whatsapp" style="background-color: #20B038;"></i> 
                <span>Chat with <b>+44 1618507453</b></span>
            </div>
        </a>

        <div class="bm-page-home-authshow">
            <div class="bm-page-home-authshow-inner">
            {{#each user_latest}}
                <a href="/{{user_name}}/"><img src="{{user_img}}" style="z-index:-{{@index}}"></a>
            {{/each}}
            </div>
            <span>{{@global.str.page_home_authshow_slug}}</span>
        </div>

        <div class="bm-page-home-authbot-steps">
            <span class="authbot-step-title">How to get started?</span>
            <a href="https://wa.me/441618507453?text=join%20lust-dunker" class="authbot-step-item"><span>1</span>📱 Chat with +44 1618507453</a>
            <a href="https://wa.me/441618507453?text=join%20lust-dunker" class="authbot-step-item"><span>2</span> 🤖 Write <b>join lust-dunker</b></a>
            <a href="https://wa.me/441618507453?text=%2Fstart" class="authbot-step-item"><span>3</span> ✅ Write: <b>/start</b></a>
        </div>

    </div>

</div>
</script>



<!-- ELEMENT: Home Userlsit -->
<script id="template-home-userlist" type="text/template7">
<div class="bm-page-home-authshow">
    <div class="bm-page-home-authshow-inner">
        <div style=" display: inline-block;margin-right: 15px;">
            {{#each user_latest}}
                <a href="{{#if user_domain}}https://{{user_domain}}{{else}}/{{user_name}}/{{/if}}" target="_blank"><img src="{{user_img}}" style="z-index:-{{@index}}"></a>
            {{/each}}
        </div>
    </div>
</div>
</script>



<!-- ELEMENT: Home Plans -->
<script id="template-home-plans" type="text/template7">
<div class="bm-page-home-plans">
    <label class="bm-page-home-plan tg-plan">
        <input checked="" name="selected_plan" id="selected_plan" type="radio" value="free">
        <div class="plan__name">
            <strong>Free</strong> $0 
            <span style="font-size: 11px;display: block;margin-top: 5px;">lifetime</span>
        </div>
    </label>
    <label class="bm-page-home-plan tg-plan" style="position: relative;">
        <input name="selected_plan" id="selected_plan" type="radio" value="pro_monthly">
        <div class="plan__name">
            <span style="top: -25px;left: 0px;right: 0px;position: absolute;font-weight: 700;">Monthly</span>
            <strong>Pro</strong> $4.99
            <span style="font-size: 11px;display: block;margin-top: 5px;">per month</span>
        </div>
    </label>
    <label class="bm-page-home-plan tg-plan" style="position: relative;">
        <input name="selected_plan" id="selected_plan" type="radio" value="pro_yearly">
        <div class="plan__name">
            <span style="top: -25px;left: 0px;right: 0px;position: absolute;font-weight: 700;">Yearly</span>
            <strong>Pro</strong> $2.99
            <span style="font-size: 11px;display: block;margin-top: 5px;">per month, billed annually</span>
        </div>
    </label>
</div>
</script>



<!-- ELEMENT: Home Creditcard -->
<script id="template-home-cc" type="text/template7">
<div class="bm-page-home-cc">
    <div id="card-errors" role="alert"></div>
    <div id="card-element"></div>
</div>
</script>



<!-- ELEMENT: Home Creditcard -->
<script id="template-home-domain" type="text/template7">
<div class="col-md-5 col-sm-12 col-xs-12 bm-page-home-auth-domain system">
    <div class="bm-page-home-auth-inner">

        <div class="bm-page-home-auth-area signup">
            <div class="bm-page-home-auth-top">
                <h1>Setup a domain</h1>
                <div>
                    Already have a domain? <a class="tg-load-custom">Use your own!</a>
                </div>
            </div>
            <form class="bm-page-home-auth-form">
                <div class="system-domain">
                    <input type="text" id="auth_domain" class="domain-check" placeholder="yourdomain" autofocus autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
                    <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg>
                    <select id="auth_subdomain">
                        {{#each availible}}
                            <option value=".{{this}}">.{{this}}</option>
                        {{/each}}
                    </select>
                </div>
                {{js "template.template_load('ui-domain-check')"}}
            </form>
            <div class="bm-page-home-auth-submit">
                <div class="bm-page-home-auth-btn btn-general tg-domain-submit disabled">Setup domain</div>
            </div>
            <div class="bm-page-home-auth-more">
                <div class="bm-page-home-auth-more-inner">
                    <span class="tg-domain-skip">Skip for now</span>
                </div>
            </div>
        </div>

    </div>
</div>

<div class="col-md-5 col-sm-12 col-xs-12 bm-page-home-auth-domain custom">
    <div class="bm-page-home-auth-inner">

        <div class="bm-page-home-auth-area signup">
            <div class="bm-page-home-auth-top">
                <h1>Setup a domain</h1>
                <div>
                    Don't have a domain? <a class="tg-load-system">Get a free subdomain!</a>
                </div>
            </div>
            <form class="bm-page-home-auth-form">
                <input type="text" id="auth_domain" class="domain-check" placeholder="e.g. domain.com or sub.domain.com" autofocus autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
                {{js "template.template_load('ui-domain-check')"}}
            </form>
            <div class="bm-page-home-auth-submit">
                <div class="bm-page-home-auth-btn btn-general tg-domain-submit disabled">Setup domain</div>
            </div>
            <div class="bm-page-home-auth-more">
                <div class="bm-page-home-auth-more-inner">
                    <span class="tg-domain-skip">Skip for now</span>
                </div>
            </div>
        </div>

    </div>
</div>
</script><!-- Edit: Background Popper Box -->
<script id="template-edit-background" type="text/template7">
<div class="bm-edit-bg">

    <div class="bm-edit-bg-area area-start" style="display:block;">
        <span class="bm-edit-popper-menuitem tg-select-area" data-action="image"> {{@global.str.edit_bg_image}} </span>
        <span class="bm-edit-popper-menuitem tg-select-area" data-action="tag"> {{@global.str.edit_bg_tag}} </span>
        <span class="bm-edit-popper-menuitem tg-select-area" data-action="color"> {{@global.str.edit_bg_color}} </span>
        <span class="bm-edit-popper-menuitem tg-select-area" data-action="gradient"> {{@global.str.edit_bg_gradient}} </span>
        <span class="bm-edit-popper-menuitem tg-select-area" data-action="video"> {{@global.str.edit_bg_video}} </span>
        <span class="bm-edit-popper-menuitem tg-select-area" data-action="map"> {{@global.str.edit_bg_map}} </span>
    </div>

    <div class="bm-edit-bg-area area-image">
        <span class="bm-edit-popper-menuitem tg-back-area"> 
            <i class="fas fa-arrow-circle-left"></i> {{@global.str.edit_bg_action_back}}
        </span>
        <div class="bm-edit-bg-head">
            <i class="fas fa-cloud-upload-alt"></i>
        </div>
        <input type="file" value="" class="bm-edit-bg-action">
        <div class="bm-edit-bg-opaslide">
             <input class="bm-edit-bg-opacity" type="range" min="0" max="90" value="20">
        </div>
        <div class="bm-edit-bg-desc">{{@global.str.edit_bg_image_desc}}</div>
    </div>

    <div class="bm-edit-bg-area area-tag">
        <span class="bm-edit-popper-menuitem tg-back-area"> 
            <i class="fas fa-arrow-circle-left"></i> {{@global.str.edit_bg_action_back}} 
        </span>
        <div class="bm-edit-bg-head">
            <i class="fas fa-hashtag"></i>
        </div>
        <input type="text" placeholder="{{@global.str.edit_bg_tag_ph}}" class="bm-edit-bg-action">
        <div class="bm-edit-bg-opaslide">
             <input class="bm-edit-bg-opacity" type="range" min="0" max="90" value="20">
        </div>
        <div class="bm-edit-bg-desc">{{@global.str.edit_bg_tag_desc}}</div>
    </div>

    <div class="bm-edit-bg-area area-color">
        <span class="bm-edit-popper-menuitem tg-back-area"> 
            <i class="fas fa-arrow-circle-left"></i> {{@global.str.edit_bg_action_back}} 
        </span>
        <div class="bm-edit-bg-head">
            <div id="color-picker-container"></div>
        </div>
        <input type="text" value="#a7bcdb" class="bm-edit-bg-action">
        <div class="bm-edit-bg-desc">{{@global.str.edit_bg_color_desc}}</div>
    </div>

    <div class="bm-edit-bg-area area-gradient">
        <span class="bm-edit-popper-menuitem tg-back-area"> 
            <i class="fas fa-arrow-circle-left"></i> {{@global.str.edit_bg_action_back}} 
        </span>
        <div class="bm-edit-bg-head">
            <div id="color-picker-container-gradient"></div>
        </div>
        <div style=" position: relative;">
            <input type="text" value="#d4fc79" class="bm-edit-bg-action color-a">
            <div class="bm-edit-bg-opaslide" style=" position: absolute; z-index: 10000;right: 0px;top: 0px;width: 100px;">
                <input class="bm-edit-bg-percent color-a" type="range" min="0" max="100" value="0">
            </div>
        </div>
        <div style=" position: relative;">
            <input type="text" value="#96e6a1" class="bm-edit-bg-action color-b">
            <div class="bm-edit-bg-opaslide" style=" position: absolute; z-index: 10000;right: 0px;top: 0px;width: 100px;">
                <input class="bm-edit-bg-percent color-b" type="range" min="0" max="100" value="100">
            </div>
        </div>
        <div class="bm-edit-bg-opaslide">
             <input class="bm-edit-bg-angle" type="range" min="0" max="360" value="120">
        </div>
        <div class="bm-edit-bg-desc">{{@global.str.edit_bg_gradient_desc}}</div>
    </div>

    <div class="bm-edit-bg-area area-video">
        <span class="bm-edit-popper-menuitem tg-back-area"> 
            <i class="fas fa-arrow-circle-left"></i> {{@global.str.edit_bg_action_back}} 
        </span>
        <div class="bm-edit-bg-head">
            <i class="fab fa-youtube"></i>
        </div>
        <input type="text" placeholder="{{@global.str.edit_bg_video_ph}}" class="bm-edit-bg-action">
        <div class="bm-edit-bg-opaslide">
             <input class="bm-edit-bg-opacity" type="range" min="0" max="90" value="20">
        </div>
        <div class="bm-edit-bg-desc">{{@global.str.edit_bg_video_desc}}</div>
    </div>

    <div class="bm-edit-bg-area area-map">
        <span class="bm-edit-popper-menuitem tg-back-area"> 
            <i class="fas fa-arrow-circle-left"></i> {{@global.str.edit_bg_action_back}} 
        </span>
        <div class="bm-edit-bg-head">
            <i class="fas fa-map-marker"></i>
        </div>
        <input type="text" placeholder="{{@global.str.edit_bg_map_ph}}" class="bm-edit-bg-action">
        <div class="bm-edit-bg-opaslide">
             <input class="bm-edit-bg-opacity" type="range" min="0" max="90" value="20">
        </div>
        <div class="bm-edit-bg-desc">{{@global.str.edit_bg_map_desc}}</div>
    </div>

</div>
</script>



<!-- Edit: Link Popper Box -->
<script id="template-edit-link" type="text/template7">
<div class="bm-edit-link">
    <div class="bm-edit-link-inner">
        <div class="bm-edit-link-list">
            <input class="bm-edit-link-search" placeholder="{{@global.str.edit_link_search}}">
            <div class="bm-edit-link-list-inner">
                {{js "template.template_load('edit-link-item', this)"}}
            </div>
        </div>
        <div class="bm-edit-link-add">
            <span class="bm-edit-popper-menuitem tg-back-area"> 
                <i class="fas fa-arrow-circle-left"></i> {{@global.str.edit_link_action_back}} 
                <span>{{@global.str.edit_link_action_save}}</span>
            </span>
            <span class="bm-edit-link-desc"></span>
            <input type="text" class="bm-edit-link-input bm-edit-popper-input">
            <input type="hidden" class="bm-edit-link-input-txt bm-edit-popper-input">
            <select class="bm-edit-popper-select bm-edit-link-select link-type" name="link-type">
                <option value="_self" selected>Open link in same tab</option>
                <option value="_blank">Open link in new tab</option>
            </select>
        </div>
    </div>
</div>
</script>



<!-- Edit: Link Popper Box -->
<script id="template-edit-link-item" type="text/template7">
{{#each this}}
    <span class="bm-edit-popper-menuitem tg-select-link {{#unless active}}active{{/unless}}" data-service="{{@key}}"> <i class="{{icon}}"></i> Add <strong>{{name}}</strong> </span>
{{/each}}
</script>



<!-- Edit: Link edit Popper Box -->
<script id="template-edit-single-link" type="text/template7">
<div class="bm-edit-link">
    <span class="bm-edit-popper-menuitem tg-remove-link"> {{@global.str.edit_link_action_rem}} {{name}} </span>
</div>
</script>



<!-- Edit: CTA Popper Box -->
<script id="template-edit-cta" type="text/template7">
<div class="bm-edit-cta">
    <div class="bm-edit-cta-inner">
        <select class="bm-edit-popper-select bm-edit-cta-select cta-type" name="cta-type">
            <option value="link" selected>External link</option>
            <option value="subscription">Subscription</option>
        </select>
        <input class="bm-edit-cta-input cta-text" placeholder=" {{@global.str.edit_cta_input_text}} " value="{{cta_text}}">
        <input class="bm-edit-cta-input cta-link" placeholder=" {{@global.str.edit_cta_input_link}} " value="{{cta_link}}">
        <span class="bm-edit-popper-menuitem tg-add-cta"> {{@global.str.edit_cta_submit}} </span>
    </div>
</div>
</script>



<!-- Edit: CTA edit Popper Box -->
<script id="template-edit-single-cta" type="text/template7">
<div class="bm-edit-cta">
    <span class="bm-edit-popper-menuitem tg-remove-cta"> {{@global.str.edit_cta_remove}} </span>
    <span class="bm-edit-popper-menuitem tg-edit-cta"> Edit Button </span>
</div>
</script>



<!-- Edit: Page Add -->
<script id="template-edit-add-page" type="text/template7">
<div class="bm-page-menu-item bm-edit-addpage tg-addpage"> 
    <i class="fas fa-plus"></i> 
    <span class="bm-edit-addpage-txt" placeholder="{{@global.str.edit_page_add_ph}}">{{@global.str.edit_page_add_title}}</span> 
    <span class="bm-edit-addpage-action">
        <i class="far fa-check-circle tg-addpage-save"></i>
        <i class="far fa-times-circle tg-addpage-cancel"></i>
    </span>
</div>
<div class="bm-edit-addpage-helper">
    <span class="bm-edit-addpage-helper-title">{{@global.str.edit_page_add_desc_t}}</span>
    <span class="bm-edit-addpage-helper-desc">{{@global.str.edit_page_add_desc_s}}</span>
</div>
</script>



<!-- Edit: Editor -->
<script id="template-edit-editor" type="text/template7">
<div class="bm-editor-menu">
    <i class="fas fa-plus"></i>
    <span class="bm-editor-menu-items">
        <i class="fas fa-camera tg-editor-upload"></i>
        <i class="fas fa-video tg-editor-service"></i>
        <i class="fas fa-align-left tg-editor-template"></i>
        <i class="fas fa-envelope tg-editor-contact"></i>
    </span>
    <input class="tg-editor-upload-helper" type="file">
</div>
</script>



<!-- Edit: Editor -->
<script id="template-edit-editor-template" type="text/template7">
<div class="bm-editor-template">
    {{#each this}}
    <div class="bm-editor-template-item" data-template="{{template_slug}}">
        <i class="fas fa-check-circle"></i> {{@global.str.edit_editor_template_load}} <strong>"{{template_name}}"</strong> {{@global.str.edit_editor_template_temp}} 
    </div>
    {{/each}}
    <div class="bm-editor-template-item" data-template="close">
        <i class="fas fa-times-circle"></i> {{@global.str.edit_editor_template_close}} 
    </div>
</div>
</script>



<!-- Edit: Style -->
<script id="template-edit-theme" type="text/template7">
<div class="bm-edit-theme">
    <div class="bm-edit-theme-inner">

        <div class="bm-edit-theme-top">
            <h1>Let's get you started</h1>
            <span>Choose a starting point for your personal website, blog or portfolio. Not sure which one to use? Select one of the categories below.</span>
        </div>

        <div class="bm-edit-theme-tags">
            <a href="/build/" data-type="all" class="btn btn-general active">All</a>
            <a href="/build/?tag=nameplate" data-type="nameplate" class="btn btn-general">Nameplate Site</a>
            <a href="/build/?tag=blog" data-type="blog" class="btn btn-general">Blog</a>
            <a href="/build/?tag=landing" data-type="landing" class="btn btn-general">Landing Page</a>
            <a href="/build/?tag=cv" data-type="cv" class="btn btn-general">CV</a>
            <a href="/build/?tag=website" data-type="website" class="btn btn-general">Website</a>
            <a href="/build/?tag=portfolio" data-type="portfolio" class="btn btn-general">Portfolio</a>
        </div>

        <div class="bm-edit-theme-select">
            <div class="row">
                {{#each this}}
                    {{js "template.template_load('edit-theme-items', this)"}}
                {{/each}}
                <div class="col-xs-12 col-sm-6 col-md-4 bm-edit-theme-item-outer" data-type="pseudo">
                    <div class="bm-edit-theme-item" style=" box-shadow: inset 0 4px 7px 1px #fff,inset 0 -5px 20px rgba(173,186,204,.25),0 2px 6px rgba(0,21,64,.14),0 10px 20px rgba(0,21,64,.05);height: 236px;margin-bottom: 0px;padding-bottom: 0px;">
                        <div style="display: table;height: 100%;width: 100%;">
                            <div style="display: table-cell;vertical-align: middle;">
                                <svg style=" display: block;text-align: center;font-size: 60px; opacity: 0.2;margin: 0 auto;margin-bottom: 30px;width: 60px;" aria-hidden="true" data-prefix="fas" data-icon="grin-hearts" class="svg-inline--fa fa-grin-hearts fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zM90.4 183.6c6.7-17.6 26.7-26.7 44.9-21.9l7.1 1.9 2-7.1c5-18.1 22.8-30.9 41.5-27.9 21.4 3.4 34.4 24.2 28.8 44.5L195.3 243c-1.2 4.5-5.9 7.2-10.5 6l-70.2-18.2c-20.4-5.4-31.9-27-24.2-47.2zM248 432c-60.6 0-134.5-38.3-143.8-93.3-2-11.8 9.2-21.5 20.7-17.9C155.1 330.5 200 336 248 336s92.9-5.5 123.1-15.2c11.4-3.6 22.6 6.1 20.7 17.9-9.3 55-83.2 93.3-143.8 93.3zm133.4-201.3l-70.2 18.2c-4.5 1.2-9.2-1.5-10.5-6L281.3 173c-5.6-20.3 7.4-41.1 28.8-44.5 18.6-3 36.4 9.8 41.5 27.9l2 7.1 7.1-1.9c18.2-4.7 38.2 4.3 44.9 21.9 7.7 20.3-3.8 41.9-24.2 47.2z"></path></svg>
                                <span style="font-weight: 500;display: block;max-width: 300px;margin: 0 auto;text-align: center; opacity: 0.4;">That's it. Here you will find new templates every month.</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</script>



<!-- Edit: Style Items -->
<script id="template-edit-theme-items" type="text/template7">
<div class="col-xs-12 col-sm-6 col-md-4 bm-edit-theme-item-outer" data-type="{{data.theme_tags}}">
    <div class="bm-edit-theme-item">
        <div class="bm-edit-theme-item-img">
            <img src="{{data.theme_img}}">
        </div>
        <div class="bm-edit-theme-item-overlay">
            <div class="bm-edit-theme-item-overlay-outer">
                <div class="bm-edit-theme-item-overlay-inner">
                    <a href="" class="btn tg-select-theme btn-general" data-theme="{{preset.settings.theme}}">Select</a>
                    <a href="https://theme{{preset.settings.theme}}.sleek.page/" target="_blank" class="btn btn-demo btn-general">Demo</a>
                </div>
            </div>
        </div>
        <div class="bm-edit-theme-item-info">
            <span style="margin-right: 20px;">{{#if data.theme_blog}} <i class="fas fa-rss"></i> Blog {{else}} {{#if data.theme_pages}} <i class="fas fa-plus-circle"></i> Multi Page{{else}} <i class="fas fa-dot-circle"></i> Single Page{{/if}} {{/if}}</span>
            <span>{{#if data.theme_premium}} <i class="fas fa-star"></i> Pro{{else}} <i class="fas fa-check-circle"></i> Free{{/if}}</span>
        </div>
    </div>
</div>
</script>



<!-- Edit: Dropdown Menu -->
<script id="template-menu-popper-menu-post" type="text/template7">
<div class="bm-edit-dropdown-menu">
    <span class="tg-save-post item color" data-action="publish">Publish</span>
    <span class="tg-save-post item" data-action="draft">Save Draft</span>
</div>
</script>



<!-- Edit: Dropdown Menu -->
<script id="template-edit-content-image" type="text/template7">
<div class="bm-edit-dropdown-menu">
    <div class="bm-edit-image-menu">
        <i class="fas fa-align-left tg-image-align-left"></i>
        <i class="fas fa-align-justify tg-image-align-center"></i>
        <i class="fas fa-align-right tg-image-align-right"></i>
        <i class="fas fa-th tg-image-masonry"></i>
        {{#if has_zoom}}<i class="fas fa-search{{#if is_zoom}}-plus{{/if}} tg-image-zoom"></i>{{/if}}
    </div>
</div>
</script><!-- TEMPLATE STYLE ELEMENT: -->
<script id="template-theme-element-settings" type="text/template7">
{{#if font}}
    <link href="https://fonts.googleapis.com/css?family={{js "(this.font).replace(' ', '+')"}}:100,200,300,400,500,600,700,800,900" rel="stylesheet" id="custom-font">
{{/if}}

<style id="custom-style">

    {{#if font}}
        body .bm-page-init {font-family: '{{font}}', sans-serif;}
    {{/if}}

    .theme-main {
        --primary-color: {{#if color_dark}}{{color_dark}}{{else}}#000{{/if}};
        --secondary-color: {{#if color_light}}{{color_light}}{{else}}#FFF{{/if}};
        --theme-color: {{#if color_theme}}{{color_theme}}{{else}}#FFF{{/if}};
        --link-color: {{#if color_link}}{{color_link}}{{else}}#3498db{{/if}};
        --button-color: {{#if color_button}}{{color_button}}{{else}}#000{{/if}};
        --button-text: {{#if color_button_text}}{{color_button_text}}{{else}}#FFF{{/if}};
    }

    .dark-mode {
        --primary-color: {{#if color_light}}{{color_light}}{{else}}#FFF{{/if}}; 
        --secondary-color: {{#if color_dark}}{{color_dark}}{{else}}#000{{/if}};
        --link-color: {{#if color_link}}{{color_link}}{{else}}#FFF{{/if}};
        --button-color: {{#if color_button}}{{color_button}}{{else}}#FFF{{/if}};
        --button-text: {{#if color_button_text}}{{color_button_text}}{{else}}#000{{/if}};
    }

    .light-mode {
        --primary-color: {{#if color_dark}}{{color_dark}}{{else}}#000{{/if}};
        --secondary-color: {{#if color_light}}{{color_light}}{{else}}#FFF{{/if}};
        --link-color: {{#if color_link}}{{color_link}}{{else}}#000{{/if}};
        --button-color: {{#if color_button}}{{color_button}}{{else}}#000{{/if}};
        --button-text: {{#if color_button_text}}{{color_button_text}}{{else}}#FFF{{/if}};
    }

    {{#unless visibility.bookmarks}}.theme-element-bkm {display:none!important;}{{/unless}}
    {{#unless visibility.hashtags}}.theme-element-hashtags {display:none!important;}{{/unless}}
    {{#unless visibility.image}}.theme-element-img {display:none!important;}{{/unless}}
    {{#unless visibility.brand}}.bm-page-branding {display:none!important;}{{/unless}}

</style>
</script>



<!-- TEMPLATE STYLE ELEMENT: -->
<script id="template-theme-element-class" type="text/template7">
theme-{{data.settings.theme}} theme-main {{#each data.settings.visibility}}{{#js_if "this === false"}} {{@key}} {{/js_if}}{{/each}}
</script>



<!-- TEMPLATE STYLE ELEMENT: -->
<script id="template-theme-element-bookmarks" type="text/template7">
<div class="theme-element-bkm">
    <div class="theme-element-bkm-btn">
        <i class="far fa-bookmark bookmark {{#if meta.relation.active}}active{{/if}}" data-uid="{{meta.relation.bookmark_id}}"></i>
    </div>
    <span>
        <div class="theme-element-bkm-by tg-bookmarks" data-uid="{{meta.relation.bookmark_id}}">
            {{#each meta.relation.img}}
                <img src="{{url}}">
            {{/each}}
        </div> 
        <div class="theme-element-bkm-count">
            <span class="count">{{meta.relation.count}}</span> {{@global.str.page_user_bookmarks}}
        </div>
    </span>
</div>
</script>



<!-- TEMPLATE STYLE ELEMENT: -->
<script id="template-theme-element-icons" type="text/template7">
{{#js_if "this.module.edit !== 'true'"}}<div class="theme-element-links">{{/js_if}}
    <span class="theme-element-links-inner">
    {{#each module.links}}
        <a class="tg-service-link" href="{{js "((this.service_data !== true) ? this.service_str : '' )"}}" target="{{service_target}}" data-service="{{service}}" data-id="{{service}}" data-name="{{service_name}}" data-str="{{service_str}}" data-isdata="{{service_data}}" {{#if ../data.is_p}}onclick="tracker.tracker_outgoing( {{../ID}}, '{{service}}', '{{js "((this.service_data !== true) ? this.service_str : '' )"}}' ); return false;"{{/if}}>
            <i class="{{service_icon}} theme-element-social-btn" onMouseOver="this.style.background='{{service_color}}'" onMouseOut="this.style.background='transparent'"></i> <span>{{service_name}}</span>
        </a>
    {{/each}}
    </span>
{{#js_if "this.module.edit !== 'true'"}}</div>{{/js_if}}
</script>



<!-- TEMPLATE STYLE ELEMENT: -->
<script id="template-theme-element-menu" type="text/template7">
{{#if pages}}
<div class="theme-element-menu-content">
    <div class="theme-element-menu-content-inner">
        <span class="theme-element-menu-content-inner-items">
            {{#each pages}}
                <a href="{{@global.system.baseslug}}/{{page_slug}}/" data-id="{{ID}}" class="theme-element-menu-item">{{page_title}}</a>
            {{/each}}
        </span>
    </div>
</div>
{{/if}}
</script>



<!-- TEMPLATE STYLE ELEMENT: -->
<script id="template-theme-element-img" type="text/template7">
<span class="theme-element-img">
    <span class="theme-element-img-inner">
        <img alt="{{data.title}}" src="{{data.img}}">
    </span>
</span>
</script>



<!-- TEMPLATE STYLE ELEMENT: -->
<script id="template-theme-element-text" type="text/template7">
<span class="{{#unless html}}theme-element-text{{else}}theme-element-page{{/unless}} theme-element-content" data-key="{{key}}">
    {{txt}}
</span>
</script>



<!-- TEMPLATE STYLE ELEMENT: -->
<script id="template-theme-element-title" type="text/template7">
<span class="theme-element-title">
    {{data.title}}
</span>
</script>



<!-- TEMPLATE STYLE ELEMENT: -->
<script id="template-theme-element-background" type="text/template7">
{{#js_if "this.edit !== 'true'"}}<div class="theme-element-bg-area" data-key="{{key}}">{{/js_if}}
    <div class="theme-element-bg">
        {{#js_if "this.type == 'tag' || this.type == 'image'"}}<div class="theme-element-bg-img" style="background-image: url('{{val}}');"></div>{{/js_if}}
        {{#js_if "this.type == 'video'"}}<div class="theme-element-bg-vid"><iframe src="{{val}}" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>{{/js_if}}
        {{#js_if "this.type == 'color'"}}<div class="theme-element-bg-col" style="background-color: {{val}};"></div>{{/js_if}}
        {{#js_if "this.type == 'gradient'"}}<div class="theme-element-bg-gra" style="background-image: {{val}};"></div>{{/js_if}}
        {{#js_if "this.type == 'map'"}}<div class="theme-element-bg-map" id="map-{{key}}" data-lat="{{val.lat}}" data-lng="{{val.lng}}"></div>{{/js_if}}
        <div class="theme-element-bg-overlay" style="background-color: rgba(0, 0, 0, {{#if opac}}{{opac}}{{else}}0.3{{/if}});"></div>
    </div>
{{#js_if "this.edit !== 'true'"}}</div>{{/js_if}}
</script>



<!-- TEMPLATE STYLE ELEMENT: -->
<script id="template-theme-element-tags" type="text/template7">
<div class="theme-element-hashtags">
{{#if meta.tags}}
    {{#each meta.tags}}
        <a href="https://app.sleek.page/tag/{{tag_slug}}/"><i class="fas fa-hashtag"></i>{{tag_name}}</a>
    {{/each}}
{{/if}}
</div>
</script>



<!-- TEMPLATE STYLE ELEMENT: -->
<script id="template-theme-element-cta" type="text/template7">
<span class="theme-element-cta">
    {{#if module.cta}}<a href="{{module.cta.cta_link}}" class="theme-element-cta-button">{{module.cta.cta_text}}</a>{{/if}}
</span>
</script>



<!-- TEMPLATE STYLE ELEMENT: -->
<script id="template-theme-element-page-title" type="text/template7">
<span class="theme-element-page-title">
    {{page_title}}
</span>
</script>



<!-- TEMPLATE STYLE ELEMENT: -->
<script id="template-theme-element-page" type="text/template7">
<div class="theme-element-page">
    {{page_content}}
</div>
</script>



<!-- POPPER ELEMENT: Popper Top User bookmarks -->
<script id="template-theme-element-popper-bookmarks" type="text/template7">
<div class="style-top-dropdown-bookmarks">
    
    <div class="style-top-dropdown-bg">
        <i class="fas fa-users"></i>
    </div>

    <div class="style-top-dropdown-bookmarks-items">
        <div class="style-top-dropdown-bookmarks-list"></div>
        <div class="style-top-dropdown-bookmarks-load"></div>
    </div>

</div>
</script>



<!-- POPPER ELEMENT: Popper User bookmark list -->
<script id="template-theme-element-popper-bookmark" type="text/template7">
{{#each this}}
<a href="https://{{user_domain}}">
    <div class="bookmarks-item">
        <div class="row">
            <div class="col-xs">
                <div class="box">
                    <img src="{{user_img}}">
                </div>
                <div class="box bookmarks-item-txt">
                    <span>{{user_full_name}}</span> 
                    <div>{{user_desc}}</div>
                </div>
            </div>
        </div>
    </div>
</a>
{{/each}}
</script>



<!-- TEMPLATE STYLE ELEMENT: Posts -->
<script id="template-theme-element-posts" type="text/template7">
<div class="theme-element-post-area" data-template='{{js "JSON.stringify(this.blog)"}}'>
    {{#js_if "user.user_is_admin( this.ID ) == true"}}
    <div class="theme-element-post-publish tg-add-post">
        New Story 🚀
    </div>
    {{/js_if}}
    <div class="theme-element-post-items">
        {{js "template.template_load('theme-element-posts-items', this)"}}
    </div>
</div>
</script>



<!-- TEMPLATE STYLE ELEMENT: Posts -->
<script id="template-theme-element-posts-items" type="text/template7">
{{#each posts}}
<div class="theme-element-post {{page_status}} {{#if page_img}}image{{/if}}" onclick="router.navigate( '{{@global.system.baseslug}}/{{page_slug}}/', true );">
    <div class="theme-element-post-inner">
        <div class="theme-element-post-info">
            <div class="theme-element-post-info-inner">
                <!-- Title -->
                <a href="{{@global.system.baseslug}}/{{page_slug}}/" data-id="{{ID}}" class="theme-element-post-title">
                    <h2>{{#js_if "this.page_status == 'draft'"}}<span class="status">(draft)</span> {{/js_if}}{{page_title}}</h2>
                </a>
                <div class="theme-element-post-meta">
                    <!-- Date -->
                    {{#if ../blog.date}}<time class="theme-element-post-date" datetime="{{page_date}}">{{page_time}}</time>{{/if}}
                    <!-- Tags -->
                    {{#if ../blog.tags}}<span class="theme-element-post-tags"></span>{{/if}}
                    <!-- Comments -->
                    {{#if ../blog.comments}}<span class="theme-element-post-comments disqus-comment-count" data-disqus-url="">First article</span>{{/if}}
                </div>
                <!-- Short -->
                {{#if ../blog.short}}<div class="theme-element-post-excerpt">{{page_short}}</div>{{/if}}
            </div>
        </div>
        <!-- Image -->
        {{#if ../blog.img}}<div class="theme-element-post-image" style="background-image:url('{{page_img}}');"><div class="theme-element-post-image-inner"></div></div>{{/if}}
    </div>
</div>
{{/each}}
</script>



<!-- TEMPLATE STYLE ELEMENT: Footer -->
<script id="template-theme-element-footer" type="text/template7">
{{js "template.template_load('element-general-footer', this)"}}
</script>
        


        
        <script src="https://browser.sentry-cdn.com/5.0.7/bundle.min.js" crossorigin="anonymous"></script>
        <script>Sentry.init({ dsn: 'https://7d96e77790e5409794b0ecb56770783f@sentry.io/1436702' });</script>

                



    </body>
</html>