It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://nko-rf.ru

  1. <!DOCTYPE html>
  2. <html lang="ru">
  3. <head>
  4.        <meta charset="UTF-8">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="apple-touch-icon" sizes="180x180" href="/assets/templates/img/icons/apple-touch-icon.png">
  6.    <link rel="icon" type="image/png" sizes="32x32" href="/assets/templates/img/icons/favicon-32x32.png">
  7.    <link rel="icon" type="image/png" sizes="16x16" href="/assets/templates/img/icons/favicon-16x16.png">
  8.    <link rel="manifest" href="/assets/templates/img/icons/site.webmanifest">
  9.    <link rel="mask-icon" href="/assets/templates/img/icons/safari-pinned-tab.svg" color="#ffab00">
  10.    <meta name="msapplication-TileColor" content="#2b5797">
  11.    <meta name="theme-color" content="#ffffff">
  12.    <meta http-equiv="X-UA-Compatible" content="ie=edge">
  13.    <link rel="stylesheet" href="/assets/templates/css/main.css">
  14.    <title>Главная | Правовая среда</title>
  15. </head>
  16. <body>
  17.         <header class="header--main">
  18.        <div class="menu">
  19.            <div class="menu__topline topline">
  20.                <div class="topline__container">
  21.                    <div class="topline__row">
  22.                        <div class="topline__logo">
  23.                            <a href="https://nko-rf.ru/" class="topline__main-link">
  24.                                <img src="/assets/templates/img/logo.svg" alt="Правовая среда">
  25.                                <span>Правовая среда</span>
  26.                            </a>
  27.                            <p class="topline__enterprise">Автономная некоммерческая организация</p>
  28.                        </div>
  29.                        <form action="https://nko-rf.ru/search.html" method="get" class="site-search">
  30.                            <span class="site-search__wrapper">
  31.                                <input type="text" class="site-search__input" value="" name="query" placeholder="Поиск по порталу">
  32.                            </span>
  33.                        </form>
  34.                        
  35.                        <div class="topline__auth auth">
  36.                            <img src="/assets/templates/img/icons/avatar.svg" class="auth__img login">
  37.                            <div class="auth__right">
  38.                                <div class="auth__upper">
  39.                                    <button class="auth__sign-in login">Войти</button>
  40.                                    <span> | </span>
  41.                                    <button class="auth__sign-up signup">Регистрация</button>
  42.                                </div>
  43.                                <div class="auth__lower">
  44.                                    <span class="auth__text login">Личный кабинет</span>
  45.                                </div>
  46.                            </div>
  47.                        </div>
  48.                        
  49.                        <div class="mmenu-burger"><img src="/assets/templates/img/icons/menu.svg"></div>
  50.                    </div>
  51.                </div>
  52.            </div>
  53.            <nav class="menu__nav">
  54.                
  55.            </nav>
  56.        </div>
  57.        
  58.        <div class="header__container">
  59.            <div class="header__row">
  60.                <div class="header__info">
  61.                    <h1 class="site-heading">Сделаем вместе нашу страну лучше!</h1>
  62.                    <p class="site-description">Автономная некоммерческая организация <br> по содействию в развитии общественного сектора
  63.                        страны "Правовая среда"</p>
  64.                    <div class="header__buttons-wrapper">
  65.                        <button class="btn btn--yellow btn--header-register login">Присоединиться</button>
  66.                        <button class="btn btn--consult">Консультация</button>
  67.                    </div>
  68.                </div>
  69.            </div>
  70.        </div>
  71.        
  72.    </header>
  73.    <div class="mmenu-overlay"></div>
  74.    <menu class="mmenu">
  75.        <div class="mmenu-title">Меню</div>
  76.        <form action="https://nko-rf.ru/search.html" method="get" class="site-search">
  77.            <span class="site-search__wrapper">
  78.                <input type="search" class="site-search__input site-search__input--mmenu" value="" name="query" placeholder="Поиск по порталу">
  79.            </span>
  80.        </form>
  81.        <div class="mmenu-controls">
  82.            
  83.            <a href="#" class="mmenu-button signup">Регистрация</a>
  84.            <a href="#" class="mmenu-button login">Личный кабинет</a>
  85.            
  86.            
  87.            <button class="mmenu-close">&times;</button>
  88.        </div>
  89.        <div class="mmenu-copyright">&copy; 2019 НКО Правовая среда</div>
  90.    </menu>
  91.  
  92.    <main>
  93.        <section class="infocard__container">
  94.            <div class="section-title__wrapper">
  95.                <h2 class="section-title">Наши основные миссии</h2>
  96.                <p class="section-subtitle">Мы занимаемся различными направлениями</p>
  97.            </div>
  98.            <div class="infocard__row">
  99.                                <div class="infocard infocard--home">
  100.                    <div class="infocard__wrapper">
  101.                        <div class="infocard__icon"></div>
  102.                        <div class="infocard__text">
  103.                            <h5 class="infocard__title">Жителям</h5>
  104.                            <p class="infocard__description">Объединить всю информацию о прекрасных событиях Вашего города в одном месте</p>
  105.                        </div>
  106.                    </div>
  107.                </div>                <div class="infocard infocard--home">
  108.                    <div class="infocard__wrapper">
  109.                        <div class="infocard__icon"></div>
  110.                        <div class="infocard__text">
  111.                            <h5 class="infocard__title">Волонтерам</h5>
  112.                            <p class="infocard__description">Помощь стать участником добрых дел и получать всю информацию о проектах</p>
  113.                        </div>
  114.                    </div>
  115.                </div>                <div class="infocard infocard--home">
  116.                    <div class="infocard__wrapper">
  117.                        <div class="infocard__icon"></div>
  118.                        <div class="infocard__text">
  119.                            <h5 class="infocard__title">НКО</h5>
  120.                            <p class="infocard__description">Создать возможность делиться своими новостями, событиями и другой информацией</p>
  121.                        </div>
  122.                    </div>
  123.                </div>
  124.            </div>
  125.        </section>
  126.        <section class="home__info">
  127.            <div class="section-title__wrapper">
  128.                <h2 class="section-title">Полезная информация</h2>
  129.                <p class="section-subtitle">Каждый найдёт для себя что-то полезное</p>
  130.            </div>
  131.            <div class="info">
  132.                <aside class="info__nav articles-nav">
  133.                    <div class="articles-nav__mobile">Все</div>
  134.                    <ul class="articles-nav__list">
  135.                        <li><span data-category="" class="articles-nav__link async_categories active">Все</span></li>
  136.                        <li><span data-category="Новости" class="articles-nav__link async_categories">Новости</span></li>
  137.                        <li><span data-category="Статьи" class="articles-nav__link async_categories">Статьи</span></li>
  138.                        <li><span data-category="Кейсы" class="articles-nav__link async_categories">Кейсы</span></li>
  139.                        <li><span data-category="События" class="articles-nav__link async_categories">События</span></li>
  140.                        <li><span data-category="Отчёты" class="articles-nav__link async_categories">Отчёты</span></li>
  141.                        <li><span data-category="Полезно" class="articles-nav__link async_categories">Полезно</span></li>
  142.                    </ul>
  143.                </aside>
  144.                <div class="info__slider-wrapper">
  145.                    <div class="info__slider swiper-container">
  146.                        <div class="swiper-wrapper">
  147.                            <a href="https://nko-rf.ru/sobyitiya/event-5ddf6a0d878b8.html" class="swiper-slide article-preview">
  148.                                <img src="/assets/templates/img/uploads/3/2019-11-28_9-32-45_1.jpg" alt="Тестовое мероприятие" class="article-preview__heading">
  149.                                <div class="article-preview__body">
  150.                                    <h3 class="article-preview__title">Тестовое мероприятие</h3>
  151.                                    <p class="article-preview__text">Тестовое описание тестового мероприятия</p>
  152.                                    <div class="article-preview__info">
  153.                                        <span class="article-preview__category">События</span> /
  154.                                        <date class="article-preview__date">28.11.2019</date>
  155.                                    </div>
  156.                                </div>
  157.                            </a>
  158. <a href="https://nko-rf.ru/sobyitiya/event-5dde544eef3b9.html" class="swiper-slide article-preview">
  159.                                <img src="/assets/templates/img/uploads/39/2019-11-27_13-47-42_1.jpg" alt="Форум "Мама - пчелка"" class="article-preview__heading">
  160.                                <div class="article-preview__body">
  161.                                    <h3 class="article-preview__title">Форум "Мама - пчелка"</h3>
  162.                                    <p class="article-preview__text"></p>
  163.                                    <div class="article-preview__info">
  164.                                        <span class="article-preview__category">События</span> /
  165.                                        <date class="article-preview__date">27.11.2019</date>
  166.                                    </div>
  167.                                </div>
  168.                            </a>
  169. <a href="https://nko-rf.ru/sobyitiya/event-5dde5320ed436.html" class="swiper-slide article-preview">
  170.                                <img src="/assets/templates/img/uploads/39/2019-11-27_13-42-40_1.jpg" alt="Лаборатория счастья" class="article-preview__heading">
  171.                                <div class="article-preview__body">
  172.                                    <h3 class="article-preview__title">Лаборатория счастья</h3>
  173.                                    <p class="article-preview__text">В пятницу 13 декабря  2019 в прекрасном атмосферном пространстве Лофта bulgakov.space мы проведем очередную Лабораторию счастья совместно с Анваром Кадыровым."Лаборатория&#8230;</p>
  174.                                    <div class="article-preview__info">
  175.                                        <span class="article-preview__category">События</span> /
  176.                                        <date class="article-preview__date">27.11.2019</date>
  177.                                    </div>
  178.                                </div>
  179.                            </a>
  180. <a href="https://nko-rf.ru/sobyitiya/event-5dbf0842008b0.html" class="swiper-slide article-preview">
  181.                                <img src="/assets/templates/img/uploads/3/2019-11-03_20-02-57_1.jpg" alt="Событие от рядового НКО" class="article-preview__heading">
  182.                                <div class="article-preview__body">
  183.                                    <h3 class="article-preview__title">Событие от рядового НКО</h3>
  184.                                    <p class="article-preview__text">событие</p>
  185.                                    <div class="article-preview__info">
  186.                                        <span class="article-preview__category">События</span> /
  187.                                        <date class="article-preview__date">03.11.2019</date>
  188.                                    </div>
  189.                                </div>
  190.                            </a>
  191. <a href="https://nko-rf.ru/sobyitiya/event-5dbd55d92e437.html" class="swiper-slide article-preview">
  192.                                <img src="/assets/templates/img/uploads/1/2019-11-02_12-34-55_1.jpg" alt="Ещё одно событие" class="article-preview__heading">
  193.                                <div class="article-preview__body">
  194.                                    <h3 class="article-preview__title">Ещё одно событие</h3>
  195.                                    <p class="article-preview__text">Описание описание </p>
  196.                                    <div class="article-preview__info">
  197.                                        <span class="article-preview__category">События</span> /
  198.                                        <date class="article-preview__date">02.11.2019</date>
  199.                                    </div>
  200.                                </div>
  201.                            </a>
  202. <a href="https://nko-rf.ru/sobyitiya/event-5dbd4e2d05f0c.html" class="swiper-slide article-preview">
  203.                                <img src="/assets/templates/img/uploads/1/2019-11-02_12-36-45_1.jpg" alt="Какое-нибудь событие" class="article-preview__heading">
  204.                                <div class="article-preview__body">
  205.                                    <h3 class="article-preview__title">Какое-нибудь событие</h3>
  206.                                    <p class="article-preview__text">описание</p>
  207.                                    <div class="article-preview__info">
  208.                                        <span class="article-preview__category">Без метки</span> /
  209.                                        <date class="article-preview__date">02.11.2019</date>
  210.                                    </div>
  211.                                </div>
  212.                            </a>
  213. <a href="https://nko-rf.ru/sobyitiya/event-5dbd4dbfc1b83.html" class="swiper-slide article-preview">
  214.                                <img src="/assets/templates/img/uploads/1/2019-11-02_12-34-55_1.jpg" alt="Какое-нибудь событие" class="article-preview__heading">
  215.                                <div class="article-preview__body">
  216.                                    <h3 class="article-preview__title">Какое-нибудь событие</h3>
  217.                                    <p class="article-preview__text">описание</p>
  218.                                    <div class="article-preview__info">
  219.                                        <span class="article-preview__category">тест</span> /
  220.                                        <date class="article-preview__date">02.11.2019</date>
  221.                                    </div>
  222.                                </div>
  223.                            </a>
  224. <a href="https://nko-rf.ru/sobyitiya/event-5dbd4cfb50a24.html" class="swiper-slide article-preview">
  225.                                <img src="/assets/templates/img/uploads/1/2019-11-02_12-31-39_1.jpg" alt="Какое-нибудь событие" class="article-preview__heading">
  226.                                <div class="article-preview__body">
  227.                                    <h3 class="article-preview__title">Какое-нибудь событие</h3>
  228.                                    <p class="article-preview__text">описание</p>
  229.                                    <div class="article-preview__info">
  230.                                        <span class="article-preview__category">Без метки</span> /
  231.                                        <date class="article-preview__date">02.11.2019</date>
  232.                                    </div>
  233.                                </div>
  234.                            </a>
  235. <a href="https://nko-rf.ru/sobyitiya/event-5dbd4c879b54c.html" class="swiper-slide article-preview">
  236.                                <img src="/assets/templates/img/uploads/1/2019-11-02_12-29-43_1.jpg" alt="Какое-нибудь событие" class="article-preview__heading">
  237.                                <div class="article-preview__body">
  238.                                    <h3 class="article-preview__title">Какое-нибудь событие</h3>
  239.                                    <p class="article-preview__text">описание</p>
  240.                                    <div class="article-preview__info">
  241.                                        <span class="article-preview__category">Без метки</span> /
  242.                                        <date class="article-preview__date">02.11.2019</date>
  243.                                    </div>
  244.                                </div>
  245.                            </a>
  246. <a href="https://nko-rf.ru/sobyitiya/event-5dbd4bc5c3d7a.html" class="swiper-slide article-preview">
  247.                                <img src="/assets/templates/img/uploads/1/2019-11-02_12-26-29_1.jpg" alt="Какое-нибудь событие" class="article-preview__heading">
  248.                                <div class="article-preview__body">
  249.                                    <h3 class="article-preview__title">Какое-нибудь событие</h3>
  250.                                    <p class="article-preview__text">описание</p>
  251.                                    <div class="article-preview__info">
  252.                                        <span class="article-preview__category">Без метки</span> /
  253.                                        <date class="article-preview__date">02.11.2019</date>
  254.                                    </div>
  255.                                </div>
  256.                            </a>
  257.                        </div>
  258.                        <div class="slider-controls info__controls">
  259.                            <div class="slider-controls__pagination-wrapper">
  260.                                <div class="swiper-pagination slider-controls__pagination info__pagination"></div>
  261.                                <div class="swiper-button-prev slider-controls__prev info__prev"></div>
  262.                                <div class="swiper-button-next slider-controls__next info__next"></div>
  263.                            </div>
  264.                            <div class="swiper-scrollbar slider-controls__scrollbar info__scrollbar"></div>
  265.                        </div>
  266.                    </div>
  267.                </div>
  268.            </div>
  269.            <div class="info__footer-buttons">
  270.                <div class="two-xl-col-offset"></div>
  271.                <div class="info__buttons-col">
  272.                    <a href="" class="btn btn--news">Все новости</a>
  273.                    <!--<button class="subscribe-btn">Подписаться на рассылку</button>-->
  274.                </div>
  275.            </div>
  276.        </section>
  277.        <section class="map-heading">
  278.            <div class="section-title__wrapper">
  279.                <h2 class="section-title">Карта событий на сегодня</h2>
  280.                <p class="section-subtitle">Все мероприятия в Вашем городе отражены на карте</p>
  281.            </div>
  282.        </section>
  283.        <section class="map">
  284.            <div class="map-form__container">
  285.                <div class="map-form__wrapper">
  286.                    <form action="https://nko-rf.ru/mapssearch.html" class="map-form form">
  287.                        <h5 class="form__title">Выберите интересующие Вас параметры поиска</h5>
  288.                        <div class="form__input-wrapper">
  289.                            <label for="event" class="form__label">Событие</label>
  290.                            <input id="event" type="text" name="query" class="form__input form__input--map" placeholder="Поиск">
  291.                        </div>
  292.                        <div class="form__input-wrapper">
  293.                            <label for="eventType" class="form__label">Тип события</label>
  294.                            <input id="eventType" type="text" name="event_type" class="form__input form__input--map" placeholder="Выбор категории">
  295.                        </div>
  296.                        <div class="form__input-wrapper">
  297.                            <label for="period" class="form__label">Период</label>
  298.                            <div class="form__input-group">
  299.                                <input id="period" type="text" name="date_from" class="form__input form__input--map date">
  300.                                <input type="text" name="date_to" class="form__input form__input--map date">
  301.                            </div>
  302.                        </div>
  303.                        <div class="map-form__buttons">
  304.                            <button class="btn btn--search">Поиск</button>
  305.                            <button class="btn btn--yellow btn--clear-form">Очистить</button>
  306.                        </div>
  307.                    </form>
  308.                </div>
  309.            </div>
  310.            <div class="map__cloud"></div>
  311.            <div class="map-screen" id="map"></div>
  312.        </section>
  313.        <section class="joint-action">
  314.            <div class="section-title__wrapper">
  315.                <h2 class="section-title">Совместная деятельность с НКО</h2>
  316.                <p class="section-subtitle">Мы драйвер для ваших проектов в социальной сфере</p>
  317.            </div>
  318.            <div class="joint-action__row">
  319.                <div class="joint-action__col card">
  320.                    <div class="card__head">
  321.                        <img src="/assets/templates/img/joint-action-1.png" class="card__image">
  322.                    </div>
  323.                    <h4 class="card__title">База ресурсов</h4>
  324.                    <p class="card__description">Обучающие программы, семинары, кейсы и консультации для НКО</p>
  325.                </div>
  326.                <div class="joint-action__col card">
  327.                    <div class="card__head">
  328.                        <img src="/assets/templates/img/joint-action-2.png" class="card__image">
  329.                    </div>
  330.                    <h4 class="card__title">Поиск финансирования</h4>
  331.                    <p class="card__description">Данные о конкурсах <br> на получение грантов и субсидий для вашего проекта</p>
  332.                </div>
  333.                <div class="joint-action__col card">
  334.                    <div class="card__head">
  335.                        <img src="/assets/templates/img/joint-action-3.png" class="card__image">
  336.                    </div>
  337.                    <h4 class="card__title">Освещение деятельности</h4>
  338.                    <p class="card__description">Возможность добавить свои мероприятия в календарь самых интересных событий города</p>
  339.                </div>
  340.                <form action="#" class="form joint-action__col">
  341.                    <h5 class="form__title">Присоединяйтесь к нашей команде, введите данные для регистрации ниже:</h5>
  342.                    <div class="form__input-wrapper">
  343.                        <label for="joinEmail" class="form__label">Ваш адрес Email</label>
  344.                        <input id="joinEmail" type="email" class="form__input email-input" placeholder="example@mail.com">
  345.                    </div>
  346.                    <button class="btn btn--yellow btn--joint-action">Приоединиться к проекту</button>
  347.                </form>
  348.            </div>
  349.        </section>
  350.        <section class="useful-info">
  351.            <div class="section-title__wrapper">
  352.                <h2 class="section-title">Полезный материал для НКО</h2>
  353.                <p class="section-subtitle">Только отборная информация, где каждый найдет, что-то актуальное для себя</p>
  354.            </div>
  355.            <div class="useful-info__slider swiper-container">
  356.                <div class="swiper-wrapper">
  357.                    <a href="https://nko-rf.ru/novosti-i-stati/stati-dlya-nko/nko-1.html" class="useful-info__slide slide swiper-slide">
  358.                        <div class="slide__head">
  359.                            <div class="slide__number">01</div>
  360.                            <img src="/assets/templates/img/icons/arrow-gradient-right.svg" class="slide__arrow">
  361.                        </div>
  362.                        <p class="slide__description">К участию приглашаются все, у кого есть собственный волонтерский&#8230;</p>
  363.                    </a>
  364. <a href="https://nko-rf.ru/novosti-i-stati/stati-dlya-nko/kopiya-nko-2.html" class="useful-info__slide slide swiper-slide">
  365.                        <div class="slide__head">
  366.                            <div class="slide__number">02</div>
  367.                            <img src="/assets/templates/img/icons/arrow-gradient-right.svg" class="slide__arrow">
  368.                        </div>
  369.                        <p class="slide__description">К участию приглашаются все, у кого есть собственный волонтерский&#8230;</p>
  370.                    </a>
  371. <a href="https://nko-rf.ru/novosti-i-stati/stati-dlya-nko/kopiya-nko-1.html" class="useful-info__slide slide swiper-slide">
  372.                        <div class="slide__head">
  373.                            <div class="slide__number">03</div>
  374.                            <img src="/assets/templates/img/icons/arrow-gradient-right.svg" class="slide__arrow">
  375.                        </div>
  376.                        <p class="slide__description">К участию приглашаются все, у кого есть собственный волонтерский&#8230;</p>
  377.                    </a>
  378.                </div>
  379.                <div class="slider-controls useful-info__controls">
  380.                    <div class="slider-controls__pagination-wrapper">
  381.                        <div class="swiper-pagination slider-controls__pagination useful-info__pagination"></div>
  382.                        <div class="swiper-button-prev slider-controls__prev useful-info__prev"></div>
  383.                        <div class="swiper-button-next slider-controls__next useful-info__next"></div>
  384.                    </div>
  385.                    <div class="swiper-scrollbar slider-controls__scrollbar useful-info__scrollbar"></div>
  386.                </div>
  387.            </div>
  388.        </section>
  389.        <section class="about">
  390.            <div class="about__container">
  391.                <div class="section-title__wrapper">
  392.                    <h2 class="section-title">О нас и нашем портале</h2>
  393.                </div>
  394.                <div class="about__row">
  395.                    <div class="about__main">
  396.                        <div class="about__statistics">
  397.                            <div class="about__numbers">
  398.                                <span class="title">1 500+</span>
  399.                                <p class="description">опубликованных мероприятий</p>
  400.                            </div>
  401.                            <div class="about__numbers">
  402.                                <span class="title">1 000+</span>
  403.                                <p class="description">волонтеров <br> на сервисе</p>
  404.                            </div>
  405.                            <div class="about__numbers">
  406.                                <span class="title">120+</span>
  407.                                <p class="description">полезных <br> материалов</p>
  408.                            </div>
  409.                            <div class="about__numbers">
  410.                                <span class="title">87</span>
  411.                                <p class="description">Некоммерческих организаций</p>
  412.                            </div>
  413.                        </div>
  414.                        <p class="about__text">Многофункциональный интернет-портал АНО «Правовая среда» посвящен актуальным темам
  415.                            некоммерческого сектора страны и объединяет жителей, волонтеров, НКО и представителей органов
  416.                            исполнительной власти.</p>
  417.                        <p class="about__text">Здесь ежедневно будут размещаются новости, анонсы, репортажи о ключевых событиях
  418.                            некоммерческого сектора и работе отдельных НКО, интервью с ведущими экспертами, «кейсы» лучших
  419.                            общественных инициатив, предоставляемых органами власти страны, образовательные программы и курсы,
  420.                            позволяющие повысить эффективность работы организаций третьего сектора, актуальные новости о волонтерском
  421.                            движении в стране.</p>
  422.                    </div>
  423.                    <div class="about__img"></div>
  424.                </div>
  425.            </div>
  426.        </section>
  427.    </main>
  428.    
  429.        <footer class="footer">
  430.        <div class="footer__row">
  431.            <div class="footer__copyright">
  432.                <img src="/assets/templates/img/logo.svg" alt="Правовая среда" class="footer__logo">
  433.                <p class="footer__name">Правовая среда</p>
  434.                <p class="footer__desc">Автономная некоммерческая организация &copy;2019</p>
  435.            </div>
  436.            <menu class="footer__menu">
  437.                <div class="footer__menu-wrapper">
  438.                    
  439.                    <a href="#" class="privacy-policy">Политика конфиденциальности</a>
  440.                    <p class="footer__corp-data">ИНН: 7708346224, КПП: 770801001, ОГРН: 1197700004743</p>
  441.                </div>
  442.            </menu>
  443.            <div class="footer__contacts">
  444.                <div class="footer__socials socials">
  445.                    <p class="socials-title">Мы в социальных сетях</p>
  446.                    <div class="socials-wrapper">
  447.                        <a href="#" class="socials-link"><img src="/assets/templates/img/icons/social/vk.svg" alt="ВКонтакте"></a>
  448.                        <a href="#" class="socials-link"><img src="/assets/templates/img/icons/social/fb.svg" alt="Facebook"></a>
  449.                        <a href="#" class="socials-link"><img src="/assets/templates/img/icons/social/inst.svg" alt="Instagram"></a>
  450.                        <a href="#" class="socials-link"><img src="/assets/templates/img/icons/social/twitter.svg" alt="Twitter"></a>
  451.                        <a href="#" class="socials-link"><img src="/assets/templates/img/icons/social/youtube.svg" alt="YouTube"></a>
  452.                    </div>
  453.                </div>
  454.                <p class="footer__address">107140, город Москва, тупик Краснопрудный Б., дом 8/12, эт/пом/ком 0/2/4/офис33</p>
  455.            </div>
  456.        </div>
  457.    </footer>
  458.            <script type="text/x-template" id="modal-template">
  459.            <transition name="vue-modal">
  460.                <div v-if="item.shown" class="modal">
  461.                    <div class="modal-wrapper">
  462.                        <form :action="item.action" class="modal-container form">
  463.                            <div class="modal-head">
  464. <slot name="modal-head">
  465. <button type="button" class="modal-close" @click="closeModal(item)">&times;</button>
  466. <h4 class="modal-title">{{ item.title }}</h4>
  467. </slot>
  468. </div>
  469. <div class="modal-body">
  470. <div class="modal-errors" v-if="item.errors.length">
  471. <div class="error" v-for="error in item.errors">{{ error }}</div>
  472. </div>
  473. <slot name="modal-body"></slot>
  474. </div>
  475. <div class="modal-footer">
  476. <slot name="modal-footer"></slot>
  477. </div>
  478.                        </form>
  479.                    </div>
  480.                </div>
  481.            </transition>
  482.        </script>
  483.        
  484. <div class="app">
  485. <vue-modal :item="modals.login" @close="closeModal">
  486. <!-- <div slot="modal-body" class="modal-radios-wrapper account-type">
  487. <label class="modal-custom-radio"><input type="radio" name="account-type" checked><span>Житель</span></label>
  488. <label class="modal-custom-radio"><input type="radio" name="account-type" value="2" v-model="modals.login.fields.accountType"><span>Волонтер</span></label>
  489. <label class="modal-custom-radio"><input type="radio" name="account-type" value="4" v-model="modals.login.fields.accountType"><span>НКО</span></label>
  490. </div> -->
  491. <div slot="modal-body" class="modal-input-wrapper">
  492. <label class="form__label" for="modalEmail">Ваш Email адрес</label>
  493. <input class="form__input form__input--modal" type="email" name="username" id="modalEmail" v-model="modals.login.fields.username" placeholder="myemail@mail.com">
  494. </div>
  495. <div slot="modal-body" class="modal-input-wrapper">
  496. <label class="form__label" for="modalPassword">Пароль</label>
  497. <input class="form__input form__input--modal" type="password" name="password" id="modalPassword" v-model="modals.login.fields.password" placeholder="Введите пароль">
  498. </div>
  499. <div slot="modal-body" class="recover-pwd" @click="showModal('recoverPwd')">Забыли пароль? Восстановить</div>
  500. <button slot="modal-body" class="btn btn--yellow" @click="processLogin(modals.login, $event)">Войти на сайт</button>
  502. <div slot="modal-footer" class="modal-footer-wrapper">Не зарегистрированы? <span @click="showModal('signup')">Регистрация</span></div>
  503. </vue-modal>
  505. <vue-modal :item="modals.signup" @close="closeModal">
  506. <div slot="modal-body" class="modal-radios-wrapper account-type">
  507. <!-- <label class="modal-custom-radio"><input type="radio" name="account-type" checked><span>Житель</span></label> -->
  508. <label class="modal-custom-radio"><input type="radio" name="account_type" value="2" v-model="modals.signup.fields.accountType"><span>Волонтер</span></label>
  509. <label class="modal-custom-radio"><input type="radio" name="account_type" value="4" v-model="modals.signup.fields.accountType"><span>НКО</span></label>
  510. </div>
  511. <div slot="modal-body" class="modal-input-wrapper">
  512. <label class="form__label" for="modalEmail">Ваш Email адрес</label>
  513. <input class="form__input form__input--modal" type="email" name="email" id="modalEmail" v-model="modals.signup.fields.email" placeholder="myemail@mail.com">
  514. </div>
  515. <div slot="modal-body" class="modal-input-wrapper">
  516. <label class="form__label" for="modalPwd">Пароль</label>
  517. <input class="form__input form__input--modal" type="password" name="password" id="modalPwd" v-model="modals.signup.fields.password">
  518. </div>
  519. <div slot="modal-body" class="modal-input-wrapper">
  520. <label class="form__label" for="modalRepeatPwd">Повторите пароль</label>
  521. <input class="form__input form__input--modal" type="password" name="repeatPassword" id="modalRepeatPwd" v-model="modals.signup.fields.repeatPassword">
  522. </div>
  523. <button slot="modal-body" class="btn btn--yellow" @click="processSignup(modals.signup, $event)">Присоединиться к проекту</button>
  525. <div slot="modal-footer" class="modal-footer-wrapper">Уже зарегистрированы? <span @click="showModal('login')">Войти на сайт</span></div>
  526. </vue-modal>
  528. <vue-modal :item="modals.recoverPwd" @close="closeModal">
  529. <!-- <div slot="modal-body" class="modal-radios-wrapper account-type">
  530. <label class="modal-custom-radio"><input type="radio" name="recovery-method" value="email" v-model="modals.recoverPwd.recoveryMethod"><span>Email</span></label>
  531. <label class="modal-custom-radio"><input type="radio" name="recovery-method" value="phone" v-model="modals.recoverPwd.recoveryMethod"><span>Телефон</span></label>
  532. </div> -->
  533. <div slot="modal-body" class="modal-input-wrapper">
  534. <label class="form__label" for="modalEmail">Ваш Email адрес</label>
  535. <input class="form__input form__input--modal" type="email" name="email" id="modalEmail" v-model="modals.recoverPwd.fields.email" placeholder="myemail@mail.com">
  536. </div>
  537. <button slot="modal-body" class="btn btn--yellow" @click="processRecovery(modals.recoverPwd, $event)">Восстановить пароль</button>
  539. <div slot="modal-footer" class="modal-footer-wrapper">Знаете пароль? <span @click="showModal('login')">Войти на сайт</span></div>
  540. </vue-modal>
  542. <vue-modal :item="modals.sms" @close="closeModal">
  543. <div slot="modal-body" class="modal-confirmation">
  544. На номер: <br>
  545. <span>+7 (999) 999-99-99</span> Вам было отправлено SMS с кодом подтверждения.
  546. </div>
  547. <div slot="modal-body" class="modal-input-wrapper">
  548. <input class="form__input form__input--modal" type="text" name="smsCode" v-model="modals.sms.fields.code" placeholder="Код SMS">
  549. </div>
  550. <button slot="modal-body" class="btn btn--yellow" @click="checkSms($event)">Подтвердить номер телефона</button>
  552. <div slot="modal-footer" class="modal-footer-wrapper">Отправить повторно SMS</div>
  553. </vue-modal>
  554.        </div>
  555.  
  556.    
  557.    <script src="/assets/templates/js/main.js"></script>
  558.    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCWiwyLc1VGU9bYLpZkRcJGForXIB3H1_8&callback=initMap" async defer></script>
  559. </body>
  560. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda