<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="yandex-tableau-widget" content="logo=/html/images/logo-cs300.png, color=#57b0ff, feed=feed.json" />
    <title>Title</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="/bitrix/cache/css/s1/main/template_3fef4faa8725149ac2bb71dce614d513/template_3fef4faa8725149ac2bb71dce614d513_v1.css?17897506486044" type="text/css"  data-template-style="true" rel="stylesheet" />
<script type="text/javascript">var _ba = _ba || []; _ba.push(["aid", "45bb12e9ce1fd7a4746d7f4a72771272"]); _ba.push(["host", "cogasystem.ru"]); (function() {var ba = document.createElement("script"); ba.type = "text/javascript"; ba.async = true;ba.src = (document.location.protocol == "https:" ? "https://" : "http://") + "bitrix.info/ba.js";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(ba, s);})();</script>


    <!-- Loading Bootstrap -->
    <link href="/html/css/bootstrap.css" rel="stylesheet">
    <!-- Loading Elements Styles -->
    <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500&amp;subset=latin,cyrillic&amp;display=swap' rel='stylesheet' type='text/css'>
    <link href="/html/css/style.css?v=20260929-hero-balanced" rel="stylesheet">
    <!-- Loading Font Styles -->
    <link href="/html/css/iconfont-style.css" rel="stylesheet">
        <!-- Styles for popup, animations and datepicker on inner pages -->
    <link href="/html/css/magnific-popup.css" rel="stylesheet">
    <link href="/html/scripts/animations/animate.css" rel="stylesheet">
    <link href="/html/css/bootstrap-datepicker3.min.css" rel="stylesheet">
        <!-- Favicons -->
    <link rel="icon" href="/html/images/favicons/favicon.png">
    <link rel="apple-touch-icon" href="/html/images/favicons/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/html/images/favicons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/html/images/favicons/apple-touch-icon-114x114.png">
    <link rel="yandex-tableau-widget" href="ya_tablo_manifest.json">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
      <script src="scripts/html5shiv.js"></script>
      <script src="scripts/respond.min.js"></script>
    <![endif]-->
    <!--headerIncludes-->
<!-- Top.Mail.Ru counter -->
<script type="text/javascript">
var _tmr = window._tmr || (window._tmr = []);
_tmr.push({id: "3414363", type: "pageView", start: (new Date()).getTime()});
(function (d, w, id) {
  if (d.getElementById(id)) return;
  var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id;
  ts.src = "https://top-fwz1.mail.ru/js/code.js";
  var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);};
  if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
})(document, window, "tmr-code");
</script>
<noscript><div><img src="https://top-fwz1.mail.ru/counter?id=3414363;js=na" style="position:absolute;left:-9999px;" alt="Top.Mail.Ru" /></div></noscript>
<!-- /Top.Mail.Ru counter -->
</head>

<body data-spy="scroll" data-target=".navMenuCollapse" class="not_main">
	    <div id="wrap">
<nav class="site-header" aria-label="Основная навигация">
    <div class="container">
        <div class="site-header__inner">

            <a class="site-header__logo" href="/" aria-label="CogaSystem">
                <img src="/html/images/uploads/лого.png" alt="CogaSystem">
            </a>

            <button class="site-header__burger" type="button" aria-label="Открыть меню" aria-expanded="false" aria-controls="site-header-menu">
                <span></span>
                <span></span>
                <span></span>
            </button>

            <div class="site-header__menu" id="site-header-menu">

                
    <ul class="site-header__nav">
                    <li>
                <a href="/price/">
                    Цены                </a>
            </li>
                    <li>
                <a href="/uslugi/">
                    Услуги                </a>
            </li>
                    <li>
                <a href="/baza-znanij/">
                    База знаний                </a>
            </li>
                    <li>
                <a href="/blog/">
                    Блог                </a>
            </li>
                    <li>
                <a href="/contacts/">
                    Контакты                </a>
            </li>
            </ul>

                <div class="site-header__actions">
                    <noindex>
                        <a class="site-header__login" href="https://lk.cogasystem.ru/login" rel="nofollow">
                            <i class="icon icon-key"></i>
                            Вход
                        </a>
                    </noindex>

                    <noindex>
                        <a class="site-header__signup" href="https://lk.cogasystem.ru/sign_up" rel="nofollow">
                            <i class="icon icon-user"></i>
                            Регистрация
                        </a>
                    </noindex>
                </div>

            </div>

        </div>
    </div>
</nav>
        
        <!-- INTRO CENTER IMAGE BLOCK -->
        <header id="intro-center-image" class="intro-block bg-color1 dark-bg text-center zero-bottom fixed-bg" style="background-image: url(/upload/bg55.jpg); background-attachment: scroll; background-color: rgb(37, 40, 48); background-size: cover; background-repeat: no-repeat;">
            <div class="container">
				            </div>
        </header>
(function () {
  'use strict';
  if (!/^\/portfolio\/?$/.test(location.pathname)) return;
  var dialog = document.getElementById('coga-portfolio-exit');
  if (!dialog || !dialog.showModal || dialog.dataset.installed) return;
  dialog.dataset.installed = '1';
  var counter = 17266678, prefix = 'coga_portfolio_exit_v1_', start = Date.now();
  var shown = false, engaged = false, suppressed = false, preview = false, previousFocus;
  var desktop = window.matchMedia('(min-width: 992px) and (hover: hover) and (pointer: fine)');
  function read(store, key) { try { return window[store].getItem(prefix + key); } catch (e) { return null; } }
  function write(store, key, value) { try { window[store].setItem(prefix + key, value); } catch (e) {} }
  function tracking(method, value) {
    if (preview) return;
    try {
      var c = window['yaCounter' + counter];
      if (c && typeof c[method] === 'function') c[method](value);
      else if (typeof window.ym === 'function') window.ym(counter, method, value);
    } catch (e) {}
  }
  function closeBanner() { if (!dialog.open) return; tracking('reachGoal','PORTFOLIO_EXIT_CLOSE'); dialog.close(); if (previousFocus && previousFocus.isConnected) previousFocus.focus({preventScroll:true}); }
  function openBanner(isPreview) {
    if (dialog.open) return;
    preview = !!isPreview;
    previousFocus = document.activeElement;
    dialog.showModal();
    if (!preview) { shown=true; write('sessionStorage','shown','1'); write('localStorage','last',String(Date.now())); tracking('reachGoal','PORTFOLIO_EXIT_SHOW'); }
  }
  var previewButton = document.getElementById('coga-exit-preview');
  if (previewButton) previewButton.addEventListener('click',function(){openBanner(true);});
  dialog.querySelector('.coga-exit__close').addEventListener('click',closeBanner);
  dialog.addEventListener('cancel',function(e){e.preventDefault();closeBanner();});
  dialog.addEventListener('click',function(e){if(e.target===dialog){var r=dialog.getBoundingClientRect();if(e.clientX<r.left||e.clientX>r.right||e.clientY<r.top||e.clientY>r.bottom)closeBanner();}});
  dialog.addEventListener('click',function(e){var a=e.target.closest('a');if(!a||!dialog.contains(a))return;if(preview){e.preventDefault();return;}tracking('reachGoal','PORTFOLIO_EXIT_CLICK');suppressed=true;});
  document.addEventListener('click',function(e){var a=e.target.closest('a[href]');if(!a||dialog.contains(a))return;try{if(new URL(a.href,location.href).hostname==='lk.cogasystem.ru'){suppressed=true;write('sessionStorage','acted','1');}}catch(err){}},true);
  function progress(){var max=document.documentElement.scrollHeight-window.innerHeight;if(max>0&&window.scrollY/max>=.5)engaged=true;}
  window.addEventListener('scroll',progress,{passive:true});progress();
  document.documentElement.addEventListener('mouseleave',function(e){
    if(e.clientY>0||!desktop.matches||document.visibilityState!=='visible'||shown||suppressed||previewButton||Date.now()-start<40000||!engaged)return;
    if(read('sessionStorage','shown')||read('sessionStorage','acted')||Date.now()-Number(read('localStorage','last')||0)<604800000)return;
    if(document.querySelector('dialog[open],.modal.show,.modal.in,.mfp-wrap'))return;
    var active=document.activeElement;if(active&&(/INPUT|TEXTAREA|SELECT/.test(active.tagName)||active.isContentEditable))return;
    var group=read('localStorage','group');if(group!=='banner'&&group!=='control'){group=Math.random()<.5?'banner':'control';write('localStorage','group',group);}
    tracking('params',{portfolio_exit_test_v1:group});
    if(group==='control'){shown=true;return;}
    openBanner(false);
  });
}());
<footer id="footer-list-2" class="coga-footer" aria-label="Информация о CogaSystem">
  <div class="container">
    <div class="coga-footer__grid">
      <div class="coga-footer__brand">
        <a class="coga-footer__logo" href="/" aria-label="CogaSystem — на главную"><img src="/html/images/uploads/лого.png" width="150" alt="CogaSystem" loading="lazy"></a>
        <p class="coga-footer__description">От первого письма<br>до постоянных клиентов.</p>
        <a class="coga-footer__cta" href="https://lk.cogasystem.ru/sign_up" rel="nofollow">Начать бесплатно <span aria-hidden="true">→</span></a>
      </div>
      <nav class="coga-footer__group" aria-label="Возможности сервиса">
        <h2 class="coga-footer__heading">Возможности</h2>
        <ul class="links-list">
    <li><a href="/builder/">Конструктор писем</a></li>
    <li><a href="/portfolio/">Шаблоны писем</a></li>
    <li><a href="/blog/nevalidnyy-email-chto-eto/">Проверка email-адресов</a></li>
</ul>
      </nav>
      <nav class="coga-footer__group" aria-label="Помощь и контакты">
        <h2 class="coga-footer__heading">Помощь</h2>
        <ul class="links-list">
    <li><a href="/baza-znanij/#faq">Вопросы и ответы</a></li>
    <li><a href="/baza-znanij/api-dokumentatsiya/">API-документация</a></li>
    <li><a href="/contacts/">Контакты</a></li>
</ul>
      </nav>
      <nav class="coga-footer__group" aria-label="Документы">
        <h2 class="coga-footer__heading">Документы</h2>
        <ul class="links-list">
    <li><a href="/dogovor-oferty/">Договор оферты</a></li>
    <li><a href="/antispam-soglashenie/">Антиспам-соглашение</a></li>
    <li><a href="/politika-konfidentsialnosti/">Политика конфиденциальности</a></li>
    <li><a href="/sitemap/">Карта сайта</a></li>
</ul>
      </nav>
    </div>
    <div class="coga-footer__bottom">
      <p>© 2011–2026 CogaSystem <span>Сервис email-рассылок</span></p>
      <p>ИП Бухарев А.Л. <span>ИНН 181301580142</span></p>
      <a class="coga-footer__top" href="#wrap">Наверх <span aria-hidden="true">↑</span></a>
    </div>
  </div>
</footer>
    </div>
    <!-- /#wrap -->
    <!-- JavaScript -->
    <script src="/html/scripts/jquery-1.11.2.min.js"></script>
    <script src="/html/scripts/bootstrap.min.js"></script>
    <script src="/html/scripts/jquery.validate.min.js"></script>
    <script src="/html/scripts/smoothscroll.js"></script>
    <script src="/html/scripts/jquery.smooth-scroll.min.js"></script>
    <script src="/html/scripts/placeholders.jquery.min.js"></script>
    <script src="/html/scripts/jquery.magnific-popup.min.js"></script>
    <script src="/html/scripts/jquery.counterup.min.js"></script>
    <script src="/html/scripts/waypoints.min.js"></script>
    <script src="/html/scripts/video.js"></script>
    <script src="/html/scripts/bigvideo.js"></script>
    <script src="/html/scripts/animations/wow.min.js"></script>
    <script src="/html/scripts/jquery.jCounter-0.1.4.js"></script>
    <script src="/html/scripts/bootstrap-datepicker.min.js"></script>
    <script src="/html/scripts/audio.min.js"></script>
    <script src="/html/scripts/goodshare.min.js"></script>


<script>
$(function(){

    $('.hide-urls b').replaceWith(function(){
        return '<a target="_blank" href="' + $(this).data('href') + '" title="' + $(this).text() + '">' + $(this).html() + '</a>';
    });

    function formatNumber(value) {
        return String(value).replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
    }

    $.ajax({
        type: "GET",
        url: "/prices.php",
        dataType: "json",
        success: function(data){

            $(".slider").each(function(){

                var $slider = $(this);
                var tarif = data[$slider.data('tarif')];

                if (!tarif) return;

                var onChange = function(event, ui) {
                    var item = tarif[ui.value];

                    $slider
                        .closest('.tariff-card')
                        .find('.cnt div')
                        .text(formatNumber(item.CNT));

                    $slider
                        .closest('.tariff-card')
                        .find('.sum div')
                        .text(formatNumber(item.PRICE) );
                };

                var startValue = Math.floor((tarif.length - 1) / 2);

                $slider.slider({
                    value: startValue,
                    min: 0,
                    max: tarif.length - 1,
                    step: 1,
                    change: onChange,
                    slide: onChange
                });

                $slider.slider('value', startValue);
            });

            $('[data-price-table]').each(function(){

                var $tbody = $(this);
                var tarifId = $tbody.data('price-table');
                var tarif = data[tarifId];

                if (!tarif) return;

                $tbody.empty();

                $.each(tarif, function(index, item){
                    $tbody.append(
                        '<tr>' +
                            '<td>' + formatNumber(item.CNT) + '</td>' +
                            '<td>' + formatNumber(item.PRICE) + '</td>' +
                        '</tr>'
                    );
                });

            });

        }
    });

});
</script>
<script src="/html/scripts/ui/jquery-ui.min.js"></script>
<link rel="stylesheet" href="/html/scripts/ui/jquery-ui.min.css">
    <script src="/html/scripts/custom.js?v=portfolio-exit-2"></script>

        <!-- MODAL CONTACT WINDOWS-->
        <div class="modal fade" id="modalAuth" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
            <div class="modal-dialog" style="margin-top: 60px; transform: none; -webkit-transform: none;">
                <div class="modal-content" style="padding: 50px 20px;">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<div class="modal-title" role="heading" aria-level="2">Вход в личный кабинет</div><br>
<!-- <div class="alert alert-danger" role="alert">
 <b><span style="color: #ff0000;">Возникли проблемы на сервере. Техники занимаются восстановлением. Приносим извинения за неудобство</span></b>
</div> -->			<form class="user_data_form" action="//lk.cogasystem.ru/common/auth_new.php" target="_blank" role="form" method="POST" novalidate="novalidate">
				<input type="hidden" name="referrer" class="av-hidden" value="/" id="referrer">
				<div class="form-group">
					<input type="text" class="form-control" id="contact_name" placeholder="Логин" name="username">
				</div>
				<div class="form-group">
					<input type="password" class="form-control" id="contact_email" placeholder="Пароль" name="password">
				</div>
				<br><br>
				<button type="submit" id="contact_submit" data-loading-text="•••" class="btn btn-lg btn-block btn-primary" style="color: rgb(255, 255, 255); border-color: rgb(68, 157, 68); border-width: 1px; border-radius: 5px; font-size: 20px; background-color: rgb(68, 157, 68);"><i class="icon icon-lock-open"></i>Войти</button>
			</form>
                </div>
            </div>
        </div>
        <!-- MODAL CONTACT WINDOWS-->
        <div class="modal fade" id="modalReg" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
            <div class="modal-dialog" style="margin-top: 60px; transform: none; -webkit-transform: none;">
		<div class="modal-content" style="padding: 50px 20px;">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <div class="modal-title" role="heading" aria-level="2">Регистрация</div>
<h4>Отправляйте&nbsp;500 писем в месяц БЕСПЛАТНО&nbsp;сразу после регистрации</h4>
<!--<b><div class="alert alert-danger" role="alert">
 <span style="color: #ff0000;">Кабинет временно недоступен. Техники занимаются восстановлением. Приносим извинения за неудобство</span></b>
</div>
 <br>-->

<!--<div class="alert alert-danger" role="alert">
 <b><span style="color: #ff0000;">Кабинет временно недоступен.Сервера на техническом обслуживании. Приносим свои извинения за неудобства.</span></b>
</div>
 <br>-->

<!--<div class="alert alert-danger" role="alert">
 <b><span style="color: #ff0000;">В работе кабинета возможны временные перебои. Незапланированные технические работы. Приносим извинения за неудобства.</span></b>
</div>
 <br>-->

<!--<div class="alert alert-danger" role="alert">
 <span style="color: #ff0000;">В период с 8:00 утра 14  мая по 23:59 15 мая на сервисе будут проходить плановые работы по улучшению работоспособности, отказоустойчивости и безопасности сервиса. 

Проведение рассылок (их создание, модерация, отправка) в обозначенный период может быть затруднено или полностью недоступно. </span>
</div>
 <br>-->			<form class="user_data_form" action="//lk.cogasystem.ru/common/auth.php" target="_blank" role="form" method="POST" novalidate="novalidate">
				<input type="hidden" name="referrer" class="av-hidden" value="/" id="referrer">
				<input type="hidden" name="partner_id" value="4081">
				<input type="hidden" name="registration" class="av-hidden" value="new" id="registration">
				<div class="form-group">
					<input type="text" class="form-control" id="contact_name" placeholder="Ваш E-mail" name="email">
				</div>
				<div class="form-group">
					<input type="text" class="form-control" id="contact_name" placeholder="Придумайте Логин" name="username">
				</div>
				<div class="form-group">
					<input type="text" class="form-control" id="contact_phone" placeholder="Напишите телефон" name="phone">
				</div>
				<div class="form-group">
					<input type="password" class="form-control" id="contact_email" placeholder="Пароль (не менее 6 символов)" name="password">
				</div>
				<br><br>
<noindex> <span style="font-size: 10pt;">Регистрируясь вы соглашаетесь с </span><a target="_blank" href="/dogovor-oferty/"><span style="font-size: 10pt;">Договором Офертой</span></a><span style="font-size: 10pt;">, </span><a target="_blank" href="/politika-konfidentsialnosti/"><span style="font-size: 10pt;">Политикой Конфиденциальности</span></a><span style="font-size: 10pt;"> и </span><a target="_blank" href="/antispam-soglashenie/"><span style="font-size: 10pt;">АнтиСпам Соглашением</span></a><span style="font-size: 10pt;">.</span><br>
 </noindex>				<br><br>
				<button onClick="yaCounter17266678.reachGoal('reg');" type="submit" id="contact_submit" data-loading-text="•••" class="btn btn-lg btn-block btn-primary" style="color: rgb(255, 255, 255); border-color: rgb(68, 157, 68); border-width: 1px; border-radius: 5px; font-size: 20px; background-color: rgb(68, 157, 68);"><i class="icon icon-user"></i>Зарегистрироваться</button>
			</form>
                </div>
            </div>
        </div>

<!-- Yandex.Metrika counter -->
<script type="text/javascript">
    (function (d, w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                w.yaCounter17266678 = new Ya.Metrika({
                    id:17266678,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true,
                    webvisor: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 = "https://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="https://mc.yandex.ru/watch/17266678" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-59080506-1', 'auto');
  ga('send', 'pageview');
</script>

<script>
document.addEventListener('DOMContentLoaded', function () {
    var header = document.querySelector('.site-header');
    if (!header) return;
    var burger = header.querySelector('.site-header__burger');
    var menu = header.querySelector('.site-header__menu');
    if (!burger || !menu) return;

    var panel = document.getElementById('bx-panel');
    if (panel) {
        var panelFrame = 0;
        function syncPanelOffset() {
            panelFrame = 0;
            var bounds = panel.getBoundingClientRect();
            var offset = getComputedStyle(panel).display === 'none' ? 0 : Math.max(0, bounds.bottom);
            header.style.setProperty('--coga-panel-offset', offset + 'px');
        }
        function queuePanelOffset() {
            if (!panelFrame) panelFrame = requestAnimationFrame(syncPanelOffset);
        }
        syncPanelOffset();
        window.addEventListener('scroll', queuePanelOffset, {passive:true});
        window.addEventListener('resize', queuePanelOffset);
        if (window.ResizeObserver) new ResizeObserver(queuePanelOffset).observe(panel);
    }
    var mobile = window.matchMedia('(max-width: 991px)');
    function setOpen(open, restoreFocus) {
        document.body.classList.toggle('menu-open', open);
        burger.setAttribute('aria-expanded', String(open));
        burger.setAttribute('aria-label', open ? 'Закрыть меню' : 'Открыть меню');
        if (restoreFocus) burger.focus();
    }
    burger.addEventListener('click', function () { setOpen(!document.body.classList.contains('menu-open')); });
    document.addEventListener('click', function (event) {
        if (document.body.classList.contains('menu-open') && !header.contains(event.target)) setOpen(false);
    });
    menu.addEventListener('click', function(event) { if (event.target.closest('a')) setOpen(false); });
    document.addEventListener('keydown', function(event) {
        if (event.key === 'Escape' && document.body.classList.contains('menu-open')) setOpen(false, true);
    });
    header.addEventListener('focusout', function() {
        setTimeout(function() { if (!header.contains(document.activeElement)) setOpen(false); }, 0);
    });
    function onLayoutChange() { setOpen(false); }
    if (mobile.addEventListener) mobile.addEventListener('change', onLayoutChange);
    else mobile.addListener(onLayoutChange);
    // Keep active section correct even when Bitrix serves a cached menu.
    var path = window.location.pathname;
    menu.querySelectorAll('.site-header__nav a').forEach(function(link) {
        var target = new URL(link.href, window.location.href).pathname;
        if (path === target || (target !== '/' && path.indexOf(target) === 0)) {
            link.setAttribute('aria-current', path === target ? 'page' : 'location');
        } else link.removeAttribute('aria-current');
    });
});
</script>
</body>

</html>
