<header class="header black-bg">
<div class = "row">

            <!--logo start-->

        <div class = "col-lg-4">

            <a href = "{{siteUrl('/')}}" class = "logo"><img src = "{{assetUrl}}img/gear.png" alt = ""><h1>TARGET<span>VK</span>.RU</h1></a>
        </div>
        <div class = "col-lg-8">
            <!--logo end-->
            <div class="nav notify-row" id="top_menu" style="margin-top: 0px;">
                <!--  notification start -->
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (d, w, c) {
    (w[c] = w[c] || []).push(function() {
        try {
            w.yaCounter30568312 = new Ya.Metrika({id:30568312,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true});
        } catch(e) { }
    });

    var n = d.getElementsByTagName("script")[0],
        s = d.createElement("script"),
        f = function () { n.parentNode.insertBefore(s, n); };
    s.type = "text/javascript";
    s.async = true;
    s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";

    if (w.opera == "[object Opera]") {
        d.addEventListener("DOMContentLoaded", f, false);
    } else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="//mc.yandex.ru/watch/30568312" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
                <ul class="nav top-menu" style="margin-top: 7px; margin-bottom: 5px;">
                    <li><a class="logout" href="{{ urlFor('userapp') }}"><h5>Ретаргетинг</h5></a></li>
                    <!--li><a class="logout" href="{{ urlFor('userapp_search') }}"><h5>Лидсканер</h5></a></li-->
                    <li><a class="logout" href="{{ urlFor('userapp_search') }}"><h5>Поиск ЦА</h5></a></li>
                    <li><a class="logout" href="{{ urlFor('docs') }}/utm"><h5>Utm-метки <img src = "{{assetUrl}}img/glyphicons-503-map.png" alt = "vk.com" style = "height:20px; width:20px; display:inline-block; margin-top:-2px; margin-left:5px;"></h5></a></li>

                    <li><a class="logout" href="{{ urlFor('docs') }}"><h5>Нужна помощь?</h5></a></li>
                    <li><a class="logout" href="https://vk.com/targetvkru" target="_blank"><h5>Группа вконтакте<img src = "{{assetUrl}}img/vkico.png" alt = "vk.com" style = "height:20px; width:20px; display:inline-block; margin-top:-2px; margin-left:5px;"></h5></a></li>
                </ul>
                <!--  notification end -->
            </div>
            <div class="top-menu dont-show">


                <ul class="nav pull-right top-menu dropdown-toggle" style="margin: 10px 30px 0 0; margin-bottom: 5px;">
                    <li class="dropdown"><a class="logout dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true"><h5 class="centered">{{username}}<span class="caret"></span></h5></a>
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                        <li role="presentation"><a role="menuitem" tabindex="-1" href="{{ urlFor('logout') }}">Выход</a></li>
                        <li role="presentation"><a role="menuitem" tabindex="-1" href="#"> </a></li>
                        </ul>
                    </li>
                </ul>



                <div class="pull-right" style="margin-right:10px; margin-top: 5px; margin-bottom: 5px;"><img src="{{userphoto}}" class="img-circle" width="60"></div>
            </div>
            </div>
            </div>
        </header>