templates/landing/index.html.twig line 1

  1. {% extends 'landing-base.html.twig' %}
  3. {% block body %}
  4.     <!-- Top.Mail.Ru counter -->
  5.     <script type="text/javascript">
  6.         var _tmr = window._tmr || (window._tmr = []);
  7.         _tmr.push({id: "3282187", type: "pageView", start: (new Date()).getTime()});
  8.         (function (d, w, id) {
  9.             if (d.getElementById(id)) return;
  10.             var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id;
  11.             ts.src = "https://top-fwz1.mail.ru/js/code.js";
  12.             var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);};
  13.             if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
  14.         })(document, window, "tmr-code");
  15.     </script>
  16.     <noscript><div><img src="https://top-fwz1.mail.ru/counter?id=3282187;js=na" style="position:absolute;left:-9999px;" alt="Top.Mail.Ru" /></div></noscript>
  17.     <!-- /Top.Mail.Ru counter -->
  18.     <!-- Google Tag Manager (noscript) -->
  19.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MZ9Z5VQ"
  20.                       height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  21.     <!-- End Google Tag Manager (noscript) -->
  22.     <div id="wrapper">
  23.         <header id="header" >
  25.             <div class="holder">
  26.                 <nav class="menu">
  27.                     <strong class="logo"><a href="/"></a></strong>
  28.                     <strong class="menu_of">Цифровой ассистент маркетолога</strong>
  29.                 </nav>
  31.                 <ul class="nav">
  32.                     <li>
  33.                         <a class="enter-link simplebox enter-link-register" onclick="trackEvent({'event':'eresh', 'eventCategory':'регистрация', 'eventAction':'клик', 'eventLabel':'получить доступ', 'eventSocial':'get_access'})" href="/register">Регистрация</a>
  34.                         <a class="link simplebox" href="#request-form1" style="display: none;">Получить доступ</a>
  35.                         <!-- <a class="link simplebox" href="#request-form2">Получить доступ</a> -->
  36.                     </li>
  37.                     <li>
  38.                         <a class="enter-link simplebox" style="background: none;color:#2787F5" href="/login">Войти</a>
  39.                     </li>
  40.                 </ul>
  41.             </div>
  42.         </header>
  43.         <div class="site">
  44.             <main id="main">
  45.                 <div class="index-page">
  46.                     <div class="holder">
  47.                         <div class="maine-screen">    
  48.                         <div class="box bg-box">
  49.                             </div>                    
  50.                             <div class="box info-box">                        
  51.                                  <div class="info-box__1">ERESH 2.0</div>
  52.                                  <div class="info-box__2">Регистрация бесплатна и каждому пользователю предоставляется стартовый баланс 50 000 СС (эквивалент 500,00 рублей)</div>
  53.                             </div>
  54.                         </div>
  55.                     </div>
  56.                     <img class="img-robot" src="{{absolute_url(asset('build/images/new-robot.png'))}}" alt="">
  57.                 </div>
  58.                 
  59.                 
  60.                 
  61.                 <div class="bg-list">
  62.                     <div class="holder">
  63.                         <div class="holder-list">
  64.                             <ul class="list-home">
  65.                                 <li>
  66.                                     <span class="icon icon01"></span>
  67.                                     <h3>Гибкая система управления доступами для ваших проектов</h3>
  68.                                     <p>
  69.                                         Задавайте доступы индивидуально для каждого рекламного аккаунта. Полная прозрачность и безопасность всех операций.
  70.                                     </p>
  71.                                 </li>
  72.                                 <li>
  73.                                     <span class="icon icon02"></span>
  74.                                     <h3>Распределение рекламых бюджетов между площадками</h3>
  75.                                     <p>
  76.                                         Простой перенос баланса между рекламными площадками и проектами: ВКонтакте, VK ADS, Яндекс.Директ, другими.
  77.                                     </p>
  78.                                 </li>
  79.                                 <li></li>
  80.                             </ul>
  81.                             <ul class="list-home">
  82.                                 <li>
  83.                                     <span class="icon icon03"></span>
  84.                                     <h3>Моментальное пополнение баланса</h3>
  85.                                     <p>
  86.                                         Формируйте счета самостоятельно или оплачивайте онлайн банковской картой в 1 клик.
  87.                                     </p>
  88.                                 </li>
  89.                                 <li>
  90.                                     <span class="icon icon04"></span>
  91.                                     <h3>Служба поддержки всегда на связи</h3>
  92.                                     <p>
  93.                                         Опытные специалисты из техподдержки и службы Заботы помогут разобраться с работой рекламных площадок. Регулярные онлайн-мероприятия с обучением и обменом опытом.
  94.                                     </p>
  95.                                 </li>
  96.                                 <li></li>
  97.                             </ul>
  98.                             <ul class="list-home last-list-home">
  99.                                 <li>
  100.                                     <span class="icon icon05"></span>
  101.                                     <h3>Полный комплект закрывающих документов</h3>
  102.                                     <p>
  103.                                         Получите все документы удобным способом: почтой или с помощью ЭДО.
  104.                                     </p>
  105.                                 </li>
  106.                                 <li>
  107.                                     <span class="icon icon06"></span>
  108.                                     <h3>Полное соответствие Федеральному Закону о рекламе № 38-фз</h3>
  109.                                     <p>
  110.                                         Удобная маркировка и автоматическая передача данных  в ОРД.
  111.                                     </p>
  112.                                 </li>
  113.                                 <li style="padding-left: 0">
  114.                                     <script type="text/javascript" src="https://vk.com/js/api/openapi.js?167"></script>
  115.                                     <!-- VK Widget -->
  116.                                     <div id="vk_groups" style="margin: 0 auto;"></div>
  117.                                     <script type="text/javascript">
  118.                                                 VK.Widgets.Group("vk_groups", {mode: 3, width: "350", no_cover: 1}, 177413523);
  119.                                     </script>
  120.                                 </li>
  121.                             </ul>
  122.                         </div>
  123.                     </div>
  124.                 </div>
  125.                 <div class="announcement announcement2">
  126.                     <div class="announcement-content">
  127.                         <div class="links">
  128.                             <a class="enter-link simplebox enter-link-register" onclick="trackEvent({'event':'eresh', 'eventCategory':'регистрация', 'eventAction':'клик', 'eventLabel':'получить доступ', 'eventSocial':'get_access'})" href="/register">Регистрация</a>
  129.                         </div>
  130.                     </div>
  131.                 </div>
  132.             </main>
  133.         <footer id="footer">
  134.             <div class="holder">
  135.                 <div class="holder-box">
  136.                     <div class="box">
  137.                         <div class="holder-block">
  138.                             <div class="block">
  139.                                 <div class="in">
  140.                                     <a href="http://zemedia.ru/" target="_blank">
  141.                                         <strong class="title">ZEMEDIA</strong>
  142.                                         <span class="text">Кибернетический <br>маркетинг</span>
  143.                                     </a>
  144.                                 </div>
  145.                                 <div class="in">
  146.                                     <a href="http://lake.zemedia.ru/" target="_blank">
  147.                                         <strong class="title">LAKE</strong>
  148.                                         <span class="text">Чтобы не <br/>переплачивать за роботов</span>
  149.                                     </a>
  150.                                 </div>
  152.                             </div>
  153.                             <div class="block">
  154.                                 <div class="in"  >
  155.                                     <a href="https://kairos.zemedia.ru/" target="_blank">
  156.                                         <strong class="title">KAIROS</strong>
  157.                                         <span class="text">Рекламные котики с искусственным интеллектом</span>
  158.                                     </a>
  159.                                 </div>
  160.                                 <div class="in">
  161.                                     <a href="https://lead.zemedia.ru"  target="_blank">
  162.                                         <strong class="title">LEAD</strong>
  163.                                         <span class="text">Комплексное продвижение в социальных сетях</span>
  164.                                     </a>
  165.                                 </div>
  166.                             </div>
  167.                             <div class="block">
  168.                                 <div class="in"   >
  169.                                     <a href="http://zemedia.ru/clients/" target="_blank">
  170.                                         <strong class="title">НАШИ КЛИЕНТЫ</strong>
  171.                                         <span class="text">Более 1000 довольных клиентов с 2015 года</span>
  172.                                     </a>
  173.                                 </div>
  174.                                 <div class="in"   >
  175.                                     <a href="https://vk.com/@ereshtarget-keisy-polzovatelei-eresh" target="_blank">
  176.                                         <strong class="title">КЕЙСЫ</strong>
  177.                                         <span class="text">Применение ERESH на практике</span>
  178.                                     </a>
  179.                                 </div>
  181.                             </div>
  182.                             <div class="block comanda-mob">
  183.                                 <div class="in"   >
  184.                                     <a href="#" >
  185.                                         <strong class="title">КОМАНДА</strong>
  186.                                         <span class="text">Сплав цифровых технологий и людей</span>
  187.                                     </a>
  188.                                 </div>
  189.                             </div>
  190.                         </div>
  191.                     </div>
  192.                     <div class="box">
  193.                         <div class="in comanda-desk"   >
  194.                             <a href="#">
  195.                                 <strong class="title">КОМАНДА</strong>
  196.                                 <span class="text">Сплав цифровых технологий и людей</span>
  197.                             </a>
  198.                         </div>
  199.                         <address>
  200.                             <ul class="list list-contacts">
  201.                                 <li>
  202.                                     <a  class="link-tel num-font" href="tel:+78002010076">8 800 201 00 76</a>
  203.                                 </li>
  204.                                 <li>
  205.                                     <a class="link-male" href="mailto:info@zemedia.ru">info@zemedia.ru</a>
  206.                                 </li>
  207.                             </ul>
  208.                             <div>
  209.                                 <ul class="list">
  210.                                     <li>
  211.                                         <div class="text">
  212.                                             <strong class="title">ООО "Зэмедиарус"</strong>
  213.                                             ИНН <a class="small-text" href="#">7733240662</a>
  214.                                             <br>119619, г. Москва
  215.                                         </div>
  216.                                     </li>
  217.                                 </ul>
  218.                                 <ul class="list">
  219.                                     <li>
  220.                                         <div class="bottom-box">
  221.                                             <div class="in-box">
  222.                                                 <p>ZeMediaRus, <br>LLC <span class="num-font">2015-2023</span></p>
  223.                                             </div>
  224.                                             <div class="in-box">
  225.                                                 <a href="https://vk.com/biz/partners#search=zemedia" class="vk-link">
  226.                                                     <img src="{{absolute_url(asset('build/images/svgs/vk-cert.svg'))}}" width="134" alt="">
  227.                                                 </a>
  228.                                             </div>
  229.                                         </div>
  231.                                     </li>
  232.                                 </ul>
  233.                             </div>
  234.                         </address>
  235.                     </div>
  236.                 </div>
  237.             </div>
  238.         </footer>
  239.     </div>
  240.     </div>
  241.     <div class="modal modal-blue" id="request-form1">
  242.         <span class="close"></span>
  243.         <h3>Доcтуп предоставляется действующим <br>клиентам ZeMedia.ru:</h3>
  244.         <h3 style="font-weight:normal;">Kairos, Lake, Lead, LiME.
  245.             <br /><br />Ещё не с нами и хотите начать сотрудничество?</h3>
  246.         <div class="in">
  247.             <a class="btn btn-white" href="mailto:register@zemedia.ru?subject=Eresh : Запрос доступа">Напишите нам!</a>
  248.         </div>
  249.     </div>
  250.     <div class="modal modal-blue" id="request-form-access">
  251.         <span class="close"></span>
  252.         <div class="in">
  253.             <h3>Получить доступ</h3>
  254.             <form action="" id="registrForm">
  256.                 <div class="holder">
  257.                     <div  class="text-field">
  258.                         <input name="email" id="email2" value="" class="input-text" placeholder="E-mail" type="email"/>
  259.                     </div>
  260.                     <div class="text-field">
  261.                         <input name="" id="password2" value="" class="input-text" placeholder="Пароль" type="password"/>
  262.                     </div>
  263.                 </div>
  264.                 <div class="hold-checkbox">
  265.                     <input type="checkbox" id="check01">
  266.                     <label for="check01">Даю согласие на обработку персональных данных в соответствии с <a href="https://zemedia.ru/confidential_policy.pdf" target="_blank">политикой
  267.                             конфиденциальности</a></label>
  268.                 </div>
  269.                 <div class="hold-checkbox">
  270.                     <input type="checkbox" id="check02">
  271.                     <label for="check02">Принимаю условия <a href="https://zemedia.ru/puboferta_eresh.pdf">договора оферты</a></label>
  272.                 </div>
  273.                 <div class="hold-checkbox referal">
  274.                     <input type="checkbox" id="check03">
  275.                     <label for="check03">У меня есть реферальный код</label>
  276.                 </div>
  277.                 <div class="holder" style="display: none;" id="reg-hash-container">
  278.                     <div class="text-field">
  279.                         <input name="reg-hash" id="reg-hash" value="" class="input-text" placeholder="Реферальный код" type="text" />
  280.                     </div>
  281.                 </div>
  282.                 <p style="display: none; padding-bottom: 5px;" class="emial-success">На указанный вами адрес электронной почты отправлено письмо. Перейдите по ссылке в письме для подтверждения регистрации</p>
  283.                 <p style="display: none; padding-bottom: 15px; color: red;" class="text-error emial-error error-content">Такой e-mail уже существует в системе</p>
  284.                 <p style="display: none; padding-bottom: 15px; color: red;" class="text-error pass-error">Пароль должен быть не менее 4 символов</p>
  285.                 <div class="hold-form" style="margin: 20px 0;">
  286.                     <input type="submit" class="fake-link" value="Отправить" disabled />
  287.                     <a href="#" class="btn btn-white" id="reg-btn">Зарегистрироваться</a>
  288.                 </div>
  290.                 <div class="hold-link">
  291.                     <a class="link simplebox" href="#request-form3">Уже зарегистрированы?</a>
  292.                 </div>
  294.             </form>
  295.             <div style="display: none;" id="reg-is-off">
  296.                 <p>Привет!</p>
  297.                 <p>Регистрация временно прекращена. Ведутся работы на сервере. Приносим извинения  за возможные неудобства.</p>
  298.                 <p>Подпишитесь на нашу официальную страницу  в VK чтобы быть в курсе новостей:
  299.                     <span class="hold-link">
  300.                             <a class="link simplebox" href="https://vk.com/ereshtarget">https://vk.com/ereshtarget</a>
  301.                         </span>
  302.                 </p>
  303.             </div>
  304.             <div style="display: none;" id="reg-is-success">
  305.                 <p>На указанный вами адрес электронной почты отправлено письмо. Перейдите по ссылке в письме для подтверждения регистрации</p>
  306.             </div>
  307.         </div>
  308.     </div>
  310.     <div class="modal modal-blue" id="request-form2">
  311.         <span class="close"></span>
  312.         <p>Доcтуп предоставляется действующим <br>клиентам ZeMedia.ru: Kairos, Lake, Lead</p>
  313.         <div class="in">
  314.             <h3>Хотите начать сотрудничество? Напишите нам!</h3>
  315.             <form method="post" id="feedback">
  317.                 <input type="text"  name="name" placeholder="Ваше имя">
  318.                 <input type="text" name="email" placeholder="E-mail">
  319.                 <textarea placeholder="Комментарий" name="comment"></textarea>
  320.                 <input type="submit" name="subm" class="btn btn-white" value="Отправить">
  322.             </form>
  323.         </div>
  324.     </div>
  325.     <div class="modal modal-blue" id="request-form3">
  326.         <span class="close"></span>
  327.         <div class="in">
  328.             <h3>Перейти к управлению</h3>
  329.             <form action="#" id="loginForm">
  331.                 <input  type="text" placeholder="Ваш e-mail" name="email" id="email" value="">
  332.                 <input type="password" placeholder="Пароль" name="password" id="password">
  333.                 <span style="display: none;  padding-bottom: 15px; color: red;" class="text-error error-content">Неправильный пароль. Будьте внимательны! Попробуйте ещё раз.</span>
  334.                 <button type="submit" class="btn btn-white">Войти</button>
  335.                 <div class="hold-link">
  336.                     <a class="link simplebox" href="#request-form5">Забыли пароль?</a>
  337.                 </div>
  339.             </form>
  340.         </div>
  341.     </div>
  343.     <div class="modal modal-blue" id="request-form5">
  344.         <span class="close"></span>
  345.         <div class="in">
  346.             <h3>Восстановление доступа</h3>
  347.             <form action="" id="recoveryPassForm">
  349.                 <input  type="text" placeholder="Укажите  e-mail" name="email" id="email-restore" value="">
  350.                 <div class='user-not-fount' style="display: none;  padding-bottom: 15px; color: red;" class="text-error error-content">Не нашли Вас в системе, проверьте пожалуйста реквизиты доступа, либо <a class="link simplebox" style="color: red;" href="#request-form-access" >зарегистрируйтесь</a></div>
  351.                 <button type="submit" class="btn btn-white" id="recovery-btn">Восстановить</button>
  353.             </form>
  354.         </div>
  355.     </div>
  357.     <div class="modal modal-blue" id="reset-form">
  358.         <span class="close"></span>
  359.         <div class="in">
  360.             <h3>Смена пароля</h3>
  361.             <form action="" id="resetPassForm">
  363.                 <input  type="password" placeholder="Укажите новый пароль" name="passwd" id="passwd" value="">
  364.                 <input  type="password" placeholder="Повторите пароль" name="repasswd" id="repasswd" value="">
  365.                 <span style="display: none;  padding-bottom: 15px; color: red;" class="text-error">Что-то пошло не так, попробуйте ещё раз!</span>
  366.                 <button type="submit" id="reset-btn" class="btn btn-white">Сменить пароль</button>
  368.             </form>
  369.         </div>
  370.     </div>
  371.     <div class="modal modal-blue" id="confirm-form">
  372.         <span class="close"></span>
  373.         <div class="in">
  374.             <h3>Подтверждение почты</h3>
  375.             <form action="" id="confirmForm">
  377.                 <p style="padding-bottom: 15px; text-align: center;" id="text-wait">Пожалуйста, подождите</p>
  378.                 <p style="display: none; padding-bottom: 15px; text-align: center; color: red;" class="text-error" id="text-error1">Что-то пошло не так, попробуйте ещё раз!</p>
  379.                 <p style="display: none; padding-bottom: 15px; text-align: center;" id="text-success">Ваш адрес электронной почты подтвержден, используйте для входа в систему вместе с паролем, указанным при регистрации</p>
  380.                 <button type="button" style="display: none; margin: 30px auto 0; cursor: pointer;" id="login-btn" class="btn btn-white">Войти</button>
  382.             </form>
  383.         </div>
  384.     </div>
  385.     <div class="modal modal-blue" id="request-form4">
  386.         <span class="close"></span>
  387.         <h3>Спасибо!
  388.             <br>Мы ответим в ближайшее
  389.             <br>время на указанный
  390.             <br>вами адрес</h3>
  391.     </div>
  392.     <div class="modal modal-blue" id="request-form7">
  393.         <span class="close"></span>
  394.         <h3>Спасибо!
  395.             <br>На указанную почту
  396.             <br>отправлены дальнейшие
  397.             <br>инструкции</h3>
  398.     </div>
  399.     <div class="modal modal-blue" id="password_changed-form">
  400.         <span class="close"></span>
  401.         <h3>Пароль изменён</h3>
  402.         <div class="hold-link">
  403.             <a class="link simplebox" href="#request-form3">Авторизация</a>
  404.         </div>
  405.     </div>
  406.     <div class="modal modal-blue" id="Payment popup">
  407.         <span class="close"></span>
  408.         <div class="in">
  409.             <h3>Смена пароля</h3>
  410.             <form action="" id="resetPassForm">
  412.                 <input  type="password" placeholder="Укажите новый пароль" name="passwd" id="passwd" value="">
  413.                 <input  type="password" placeholder="Повторите пароль" name="repasswd" id="repasswd" value="">
  414.                 <span style="display: none;  padding-bottom: 15px; color: red;" class="text-error">Что-то пошло не так, попробуйте ещё раз!</span>
  415.                 <button type="submit" id="reset-btn" class="btn btn-white">Сменить пароль</button>
  417.             </form>
  418.         </div>
  419.     </div>
  422.     <!-- Yandex.Metrika counter -->
  423.     <script type="text/javascript" >
  424.         var YA_COUNTER_ID = 87054919;
  425.         window.YA_COUNTER_ID = YA_COUNTER_ID;
  426.     </script>
  427.     <script type="text/javascript" >
  428.         (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
  429.             m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
  430.         (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
  432.         ym(window.YA_COUNTER_ID, "init", {
  433.             clickmap:true,
  434.             trackLinks:true,
  435.             accurateTrackBounce:true,
  436.             webvisor:true
  437.         });
  438.     </script>
  439.     <noscript><div><img src="https://mc.yandex.ru/watch/87054919" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
  440.     <!-- /Yandex.Metrika counter -->
  442. {% endblock %}
  443. {% block javascripts %}
  444.    {{parent()}} 
  445.         <!-- COMPANY-SLIDER JS -->
  446.         <script src="{{absolute_url(asset('build/plugins/company-slider/slider.js'))}}"></script>
  448.         <!-- OWL CAROUSEL JS -->
  449.         <script src="{{absolute_url(asset('build/plugins/owl-carousel/owl.carousel.js'))}}"></script>
  451.         <!-- LANDING JS -->
  452.         {{ encore_entry_script_tags('js/landing') }}
  454. {% endblock %}