src/html/index.html - master - engineunity_sub/doxml_work_site

src/html/index.html
489 строк32 KB
PauloChaser
move content from branch dev to master
12 фев 2025, 18:06
12 фев 2025, 18:06a2e2735
<!doctype html>
<html lang="en">
<head>
    <link rel="icon" type="image/svg+xml" href="https://doxml.ru/favicon.svg"/>
    <link rel="icon" type="image/x-icon" href="https://doxml.ru/favicon.ico" sizes="any">
    <link rel="apple-touch-icon" sizes="180x180" href="https://doxml.ru/favicon-180x180.svg">
    <link rel="icon" type="image/svg+xml" sizes="120x120" href="https://doxml.ru/favicon-120x120.svg">
    <link rel="icon" type="image/svg+xml" sizes="64x64" href="https://doxml.ru/favicon-64x64.svg">
    <link rel="icon" type="image/svg+xml" sizes="32x32" href="https://doxml.ru/favicon-32x32.svg">
    <link rel="icon" type="image/svg+xml" sizes="16x16" href="https://doxml.ru/favicon-16x16.svg">

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DoXML&nbsp;&mdash; Веб-сервис для создания машиночитаемых документов</title>

    <!-- SEO Meta Tags -->
    <meta name="description"
          content="DoXML - это веб-сервис для создания документов в формате XML для строительного проектирования. Быстрый старт, рекомендации от экспертов и удобство использования.">
    <meta name="keywords"
          content="DoXML, веб-сервис, XML документы, строительное проектирование, задание на проектирование, пояснительная записка, экспертиза, Минстрой РФ, машиночитаемый формат">
    <meta name="author" content="DoXML">
    <meta name="robots" content="index, follow">

    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="DoXML - Веб-сервис для создания машиночитаемых документов">
    <meta property="og:description"
          content="DoXML - это веб-сервис для создания документов в формате XML для строительного проектирования. Быстрый старт, рекомендации от экспертов и удобство использования.">
    <meta property="og:image" content="images/cover-full.jpg">
    <meta property="og:url" content="https://doxml.ru">
    <meta property="og:type" content="website">

    <meta property="vk:image" content="https://doxml.ru/images/cover-small.jpg">

    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="DoXML - Веб-сервис для создания машиночитаемых документов">
    <meta name="twitter:description"
          content="DoXML - это веб-сервис для создания документов в формате XML для строительного проектирования. Быстрый старт, рекомендации от экспертов и удобство использования.">
    <meta name="twitter:image" content="images/cover-twitter.jpg">
    <!-- Подключение CSS -->
    <!--    <link rel="stylesheet" href="src/styles.css">-->

    <!-- Подключаем Splide.js -->
    <!--  <link rel="stylesheet" href="src/plugins/splide.min.css">-->
    <!--  <script src="src/plugins/splide.min.js"></script>-->

    <!-- Подключаем fancybox -->
    <!--  <script src="src/plugins/fancybox.umd.js"></script>-->
    <!--  <link rel="stylesheet" href="src/plugins/fancybox.css"/>-->
    <style>

    </style>

    <!-- Yandex.Metrika counter -->
    <script type="text/javascript">
        (function (m, e, t, r, i, k, a) {
            m[i] = m[i] || function () {
                (m[i].a = m[i].a || []).push(arguments)
            };
            m[i].l = 1 * new Date();
            for (var j = 0; j < document.scripts.length; j++) {
                if (document.scripts[j].src === r) {
                    return;
                }
            }
            k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
        })
        (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

        ym(97684173, "init", {
            clickmap: true,
            trackLinks: true,
            accurateTrackBounce: true,
            webvisor: true
        });
    </script>
    <!-- /Yandex.Metrika counter -->
</head>
<body>
<noscript>
    <div>
        <img src="https://mc.yandex.ru/watch/97684173" style="position:absolute; left:-9999px;" alt=""/>
    </div>
</noscript>

<header class="header container">
    <div class="header__row container__row">
        <div class="header__logoWrapper">
            <a href="/">
                <svg class="header__logo">
                    <use href="./spritemap.svg#icon-logo" />
                </svg>
            </a>
        </div>
        <nav class="header__nav">
            <a class="header__navLink" href="faq.html">FAQ</a>
            <a class="header__navLink" href="feedback.html">Идеи</a>

            <div class="header__navDropdown">
                <span class="header__navText">О нас</span>
                <div class="header__dropdownMenu">
                    <a class="header__dropdownItem" href="about.html">О компании</a>
                    <a class="header__dropdownItem" href="products.html">О продуктах</a>
                </div>
            </div>

            <a class="header__navLink" href="tariffs.html">Тарифы</a>
            <a class="header__navLink" href="contacts.html">Контакты</a>
            <a class="header__navLink" href="links.html">Ссылки</a>
        </nav>
        <div class="header__rightSide"><a href="https://app.doxml.ru/login" class="header__button">Войти</a>
        </div>
        <div class="header__burger js-burger">
            <span class="header__burgerLine"></span>
            <span class="header__burgerLine"></span>
            <span class="header__burgerLine"></span>
        </div>
    </div>
</header>

<main>
    <section class="container banner banner--main">
        <div class="container__row banner__row">
            <div class="banner__content">
                <h1 class="banner__title"><span>Простой и удобный</span>
                    <br>способ создания <br> документов <br>в <span>XML формате</span>
                </h1>
                <p class="banner__subtitle text text--p3 text--gray">
                    <span class="banner__textIconWrapper">
                         <svg class="banner__textIcon">
                            <use href="./spritemap.svg#icon-check" />
                         </svg>
                    </span>
                    в полном соответствии с требованиями Приказа от 12.05.2017 №783/пр.
                </p>
            </div>
        </div>
        <div class="container__row container__row--column description">
            <p class="description__text text text--p2">
                Пояснительные записки, ведомости объемов работ, сметная документация, заключения экспертизы… Эти и
                многие
                другие документы в сфере градостроительства необходимо оформлять в машиночитаемом формате.
                <br>Минстрой России уже утвердил более 20 схем для их создания.
            </p>
            <p class="description__text text text--p2">
                Наша команда одной из первых разработала не формальный, а действительно эффективный инструмент для
                работы с XML-форматами на стадии подготовки проектной документации.
            </p>

            <!--            <p class="description__text text text--p1">-->
            <!--                DoXML — ваш надежный помощник при работе с машиночитаемым форматом.-->
            <!--            </p>-->
            <span class="description__icon"></span>
        </div>
        <div class="banner__arrow">
            <a href="#about" class="banner__arrowIconWrap">
                <svg class="banner__arrowIcon">
                    <use href="./spritemap.svg#icon-arrow-down" />
                </svg>
            </a>
        </div>
    </section>

    <section class="container about about--main" id="about">
        <div class="container__row ">
            <div class="about__wrapper">
                <div class="about__heading">
                    <h2 class="about__title title title--h2">О&nbsp;сервисе</h2>
                    <p class="about__description text text--p2 text--gray">DoXML — это мощный инструмент, созданный
                        специально для того, чтобы упростить процесс создания заданий на проектирование и обеспечить
                        полное соответствие требованиям Минстроя России. Наши сервера автоматически осуществляют
                        ежедневные проверки актуальности текущей схемы, размещенной Минстроем на официальном сайте, и
                        сверка с которой будет осуществляться при разработке документов. Это гарантировано позволит вам
                        избежать ошибок и сократить время на подготовку документов до минимума.
                        <!--                        <br>-->
                        <!--                        <br>-->
                        <!--                        DoXML выделяется среди конкурентов несколькими ключевыми аспектами. Во-первых, это интуитивно-->
                        <!--                        понятный интерфейс, который делает работу с программой максимально удобной и комфортной: цвета,-->
                        <!--                        форма и расположение элементов тщательно продуманы, чтобы минимизировать количество кликов и-->
                        <!--                        снизить нагрузку на глаза при длительном использовании. Во-вторых, обширный функционал: в вашем-->
                        <!--                        распоряжении разнообразные инструменты, направленные на повышение качества и эффективности-->
                        <!--                        работы, включая личный кабинет для управления проектами и автоматическое заполнение полей из-->
                        <!--                        общедоступных реестров. И конечно же, качественная техническая поддержка, которая всегда готова-->
                        <!--                        оказать необходимую помощь.-->
                        <!--                        <br>-->
                        <!--                        <br>-->
                        <!--                        Мы непрерывно ведем работу над расширением функциональности и сервиса, а прямо сейчас вам-->
                        <!--                        доступны следующие возможности:-->
                    </p>
                </div>
                <div class="about__advantages">
                    <div class="about__advantagesItem">
                        <h3 class="title title--h3">Обширный функционал</h3>
                        <p class="text text--p3">Инструменты для повышения качества и эффективности вашей работы.
                            Используйте личный кабинет для управления проектами и автоматического заполнения полей из
                            общедоступных реестров. </p>
                    </div>
                    <div class="about__advantagesItem">
                        <h3 class="title title--h3">Интуитивно понятный интерфейс</h3>
                        <p class="text text--p3">Минимизируем количество кликов и снижаем нагрузку на глаза за счет
                            продуманных цветов и форм.</p>
                    </div>
                    <div class="about__advantagesItem">
                        <h3 class="title title--h3">Качественная техническая поддержка</h3>
                        <p class="text text--p3">При возникновении проблем оперативно и качественно окажем необходимую
                            помощь</p>
                    </div>
                </div>
                <h2 class="about__possibilitiesTitle title title--h2">Возможности&nbsp;сервиса</h2>
                <div class="about__cards">
                    <div class="card about__card">
                        <h3 class="about__cardTitle title title--h3">Работайте онлайн</h3>
                        <p class="about__cardText text text--p2">Без лишних установок — запускайте DoXML прямо в
                            браузере</p>
                    </div>
                    <div class="card about__card">
                        <h3 class="about__cardTitle title title--h3">Доступ с любого устройства</h3>
                        <p class="about__cardText text text--p2">Независимо от операционной системы — Windows, macOS,
                            Linux и других</p>
                    </div>
                    <div class="card about__card">
                        <h3 class="about__cardTitle title title--h3">Ошибки? Исправим!</h3>
                        <p class="about__cardText text text--p2">Автоматическая проверка убережет вас от досадных
                            недочетов</p>
                    </div>
                    <div class="card about__card">
                        <h3 class="about__cardTitle title title--h3">Гибкий экспорт</h3>
                        <p class="about__cardText text text--p2">Получите готовый документ в нужном формате — PDF, DOC,
                            XML</p>
                    </div>
                    <div class="card about__card">
                        <h3 class="about__cardTitle title title--h3">Защита данных</h3>
                        <p class="about__cardText text text--p2">Ваш личный кабинет надежно хранит всю информацию по
                            проектам</p>
                    </div>
                    <div class="card about__card">
                        <h3 class="about__cardTitle title title--h3">Контроль изменений</h3>
                        <p class="about__cardText text text--p2">Сохраняйте и отслеживайте каждую версию документа</p>
                    </div>
                    <div class="card about__card">
                        <h3 class="about__cardTitle title title--h3">Интеграция с реестрами</h3>
                        <p class="about__cardText text text--p2">Данные из открытых источников подставляются
                            автоматически</p>
                    </div>
                    <a href="#registration-modal" class="card about__card about__card--link js-open-modal">
                        <p class="about__cardText">Начните пользоваться DoXML и убедитесь, что у машиночитаемого формата
                            тоже может быть "человеческое лицо"!</p>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <section class="container splider">
        <div class="container__row container__row--column splider__row">
            <div class="splide" id="slider-gallery">
                <div class="splider__heading">
                    <h2 class="splider__title title title--h2">Удобный интерфейс</h2>
                    <!--                    <div class="splide__arrows">-->
                    <!--                        <button class="splide__arrow splide__arrow--prev"></button>-->
                    <!--                        <button class="splide__arrow splide__arrow--next"></button>-->
                    <!--                    </div>-->
                </div>
                <div class="splide__track">
                    <ul class="splide__list">
                        <li class="splide__slide">
                            <a data-src="/images/screenshots/0-login.webp" data-fancybox="gallery"
                               data-caption="Страница входа">
                                <picture>
                                    <source srcset="/images/screenshots/0-login.webp" type="image/webp">
                                    <img src="/images/screenshots/0-login.png" alt="Страница входа">
                                </picture>
                            </a>
                        </li>
                        <li class="splide__slide">
                            <a data-src="/images/screenshots/1-registracia.webp" data-fancybox="gallery"
                               data-caption="Регистрация">
                                <picture>
                                    <source srcset="/images/screenshots/1-registracia.webp" type="image/webp">
                                    <img src="/images/screenshots/1-registracia.png" alt="Регистрация">
                                </picture>
                            </a>
                        </li>
                        <li class="splide__slide">
                            <a data-src="/images/screenshots/2.0-pervichnaya%20stranica%20projectov.webp"
                               data-fancybox="gallery" data-caption="Страница проектов после регистрации и входа">
                                <picture>
                                    <source srcset="/images/screenshots/2.0-pervichnaya%20stranica%20projectov.webp" type="image/webp">
                                <img src="/images/screenshots/2.0-pervichnaya%20stranica%20projectov.png"
                                     alt="Страница проектов после регистрации и входа">
                                </picture>
                            </a>
                        </li>
                        <li class="splide__slide">
                            <a data-src="/images/screenshots/2.2-spisok%20projektov%20paginaciya.webp"
                               data-fancybox="gallery" data-caption="Страница проектов">
                                <picture>
                                    <source srcset="/images/screenshots/2.2-spisok%20projektov%20paginaciya.webp" type="image/webp">
                                <img src="./../images/screenshots/2.2-spisok%20projektov%20paginaciya.png"
                                     alt="Страница проектов">
                                </picture>
                            </a>
                        </li>
                        <li class="splide__slide">
                            <a data-src="/images/screenshots/3.0-sozdanie%20projekta.webp"
                               data-fancybox="gallery" data-caption="Страница проектов">
                                <picture>
                                    <source srcset="/images/screenshots/3.0-sozdanie%20projekta.webp" type="image/webp">
                                <img src="/images/screenshots/3.0-sozdanie%20projekta.png"
                                     alt="Страница проектов">
                                </picture>
                            </a>
                        </li>
                        <li class="splide__slide">
                            <a data-src="/images/screenshots/3.1-sozdanie projekta-vvod dannyh.webp"
                               data-fancybox="gallery" data-caption="Страница проектов">
                                <picture>
                                    <source srcset="/images/screenshots/3.1-sozdanie projekta-vvod dannyh.webp" type="image/webp">
                                <img src="/images/screenshots/3.1-sozdanie projekta-vvod dannyh.png"
                                     alt="Страница проектов">
                                </picture>
                            </a>
                        </li>
                        <li class="splide__slide">
                            <a data-src="/images/screenshots/3.5-otkrytie%20proekta.webp"
                               data-fancybox="gallery" data-caption="Страница проектов">
                                <picture>
                                    <source srcset="/images/screenshots/3.5-otkrytie%20proekta.webp" type="image/webp">
                                <img src="/images/screenshots/3.5-otkrytie%20proekta.png"
                                     alt="Страница проектов">
                                </picture>
                            </a>
                        </li>
                        <li class="splide__slide">
                            <a data-src="/images/screenshots/3.6-redaktirovanie%20info%20proekta.webp"
                               data-fancybox="gallery" data-caption="Страница проектов">
                                <picture>
                                    <source srcset="/images/screenshots/3.6-redaktirovanie%20info%20proekta.webp" type="image/webp">
                                <img src="/images/screenshots/3.6-redaktirovanie%20info%20proekta.png"
                                     alt="Страница проектов">
                                </picture>
                            </a>
                        </li>
                        <li class="splide__slide">
                            <a data-src="/images/screenshots/4.1-proekt-menu%20pri%20skrolle.webp"
                               data-fancybox="gallery" data-caption="Страница проектов">
                                <picture>
                                    <source srcset="/images/screenshots/4.1-proekt-menu%20pri%20skrolle.webp" type="image/webp">
                                <img src="/images/screenshots/4.1-proekt-menu%20pri%20skrolle.png"
                                     alt="Страница проектов">
                                </picture>
                            </a>
                        </li>
                        <li class="splide__slide">
                            <a data-src="/images/screenshots/4.6-proekt-tultip.webp"
                               data-fancybox="gallery" data-caption="Страница проектов">
                                <picture>
                                    <source srcset="/images/screenshots/4.6-proekt-tultip.webp" type="image/webp">
                                <img src="/images/screenshots/4.6-proekt-tultip.png"
                                     alt="Страница проектов">
                                </picture>
                            </a>
                        </li>
                        <li class="splide__slide">
                            <a data-src="/images/screenshots/4.7-proekt-poisk%20po%20proekty.webp"
                               data-fancybox="gallery" data-caption="Страница проектов">
                                <picture>
                                    <source srcset="/images/screenshots/4.7-proekt-poisk%20po%20proekty.webp" type="image/webp">
                                <img src="/images/screenshots/4.7-proekt-poisk%20po%20proekty.png"
                                     alt="Страница проектов">
                                </picture>
                            </a>
                        </li>
                        <li class="splide__slide">
                            <a data-src="/images/screenshots/4.12-proekt-oshibki.webp"
                               data-fancybox="gallery" data-caption="Страница проектов">
                                <picture>
                                    <source srcset="/images/screenshots/4.12-proekt-oshibki.webp" type="image/webp">
                                <img src="/images/screenshots/4.12-proekt-oshibki.png"
                                     alt="Страница проектов">
                                </picture>
                            </a>
                        </li>
                        <li class="splide__slide">
                            <a data-src="/images/screenshots/4.13-proekt-oshibki.webp"
                               data-fancybox="gallery" data-caption="Страница проектов">
                                <picture>
                                    <source srcset="/images/screenshots/4.13-proekt-oshibki.webp" type="image/webp">
                                <img src="/images/screenshots/4.13-proekt-oshibki.png"
                                     alt="Страница проектов">
                                </picture>
                            </a>
                        </li>
                        <li class="splide__slide">
                            <a data-src="/images/screenshots/4.14-proekt-progres%20bar.webp"
                               data-fancybox="gallery" data-caption="Страница проектов">
                                <picture>
                                    <source srcset="/images/screenshots/4.14-proekt-progres%20bar.webp" type="image/webp">
                                <img src="/images/screenshots/4.14-proekt-progres%20bar.png"
                                     alt="Страница проектов">
                                </picture>
                            </a>
                        </li>
                        <li class="splide__slide">
                            <a data-src="/images/screenshots/4.15-proekt-zagruzka%20file.webp"
                               data-fancybox="gallery" data-caption="Страница проектов">
                                <picture>
                                    <source srcset="/images/screenshots/4.15-proekt-zagruzka%20file.webp" type="image/webp">
                                <img src="/images/screenshots/4.15-proekt-zagruzka%20file.png"
                                     alt="Страница проектов">
                                </picture>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>


    <footer class="footer container">
        <div class="container__row footer__row">
            <div class="footer__top">
                <a href="/" class="footer__logoWrapper">
                    <svg class="footer__logo">
                        <use href="./spritemap.svg#icon-logo" />
                    </svg>
                </a>
                <div class="footer__section footer__contacts">
                    <h4 class="footer__heading title title--h3">Контакты</h4>
                    <p class="footer__item"><strong>Телефон:</strong> <a href="tel:+79778521987">+7 977 852-19-87</a>
                    </p>
                    <p class="footer__item"><strong>Email:</strong> <a href="mailto:info@engineunity.ru">info@engineunity.ru</a>
                    </p>
                    <p class="footer__item"><strong>Адрес:</strong> г. Москва, ул. Партизанская, д.26</p>
                </div>
                <div class="footer__section footer__callback">
                    <h4 class="footer__heading title title--h3">Заказать обратный звонок</h4>
                    <div class="footer__formContainer">
                        <form action="" id="form-footer-callback" class="footer__form form js-form">
                            <div class="form__captchaContainer"></div>
                            <label for="footer-phone" class="form__label">
                                <!--                                <span class="form__labelText">Ваш телефон</span>-->
                                <input class="form__input form__input--small js-input" type="text" id="footer-phone"
                                       name="footer-phone" placeholder="+7 (000) 000-00-00">
                                <span class="form__errorMessage">Введите корректный номер телефона</span>
                            </label>
                            <label for="footer-name" class="form__label">
                                <!--                                <span class="form__labelText">Ваше имя</span>-->
                                <input class="form__input form__input--small js-input" type="text" id="footer-name"
                                       name="name" placeholder="Введите имя">
                                <span class="form__errorMessage">Введите имя</span>
                            </label>
                            <button class="form__button form__button--small js-submit-button" id="footer-submit-button">
                                <span class="form__buttonText">Заказать звонок</span>
                                <span class="spinner"></span>
                            </button>
                        </form>
                    </div>
                </div>
            </div>
            <div class="footer__bottom">
                <p class="footer__copyright">© 2025 ООО "Энжин Юнити". Все права защищены.</p>
                <p class="footer__policy"><a href="privacy-policy.html">Политика конфиденциальности</a></p>
                <p class="footer__policy footer__agreement"><a href="user-agreement.html">Пользовательское
                    соглашение</a></p>
            </div>
        </div>
    </footer>
    <!-- Кукисы -->
    <section class="cookie js-cookie">
        <p class="cookie__text">
            Этот сайт использует <a href="cookie-policy.html" class="cookie__link ">cookies.</a>
        </p>
        <button class="cookie__button js-cookie-accept">ОК</button>
    </section>
</main>




<!-- Yandex invisible captcha -->
<script
        src="https://smartcaptcha.yandexcloud.net/captcha.js?render=onload&onload=onloadFunction"
></script>

<!--<script type="module" src="./index.js"></script>-->
</body>
</html>