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

src/html/contacts.html
285 строк18 KB
PauloChaser
move content from branch dev to master
12 фев 2025, 18:06
12 фев 2025, 18:06a2e2735
<!DOCTYPE html>
<html lang="ru">
<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</title>

    <!-- Основные мета-теги -->
    <meta name="description"
          content="Свяжитесь с нами по вопросам поддержки, продаж или сотрудничества. Контактная информация, адрес офиса, телефон и email компании DoXML.">
    <meta name="keywords"
          content="контакты DoXML, техподдержка DoXML, офис продаж DoXML, юридическая информация, адрес компании DoXML, телефон DoXML">

    <!-- Open Graph для социальных сетей -->
    <meta property="og:title" content="Контакты | DoXML">
    <meta property="og:description" content="Свяжитесь с нами по вопросам поддержки, продаж или сотрудничества.">
    <meta property="og:image" content="images/contact-banner.jpg">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://doxml.ru/contacts.html">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Контакты | DoXML">
    <meta name="twitter:description" content="Свяжитесь с нами по вопросам поддержки, продаж или сотрудничества.">
    <meta name="twitter:image" content="images/contact-banner.jpg">


    <!-- Подключение CSS -->
    <!--    <link rel="stylesheet" href="/src/styles.css">-->
</head>
<body>

<header class="header container">
    <div class="header__row container__row">
        <div class="header__logoWrapper">
            <a href="/"><img src="/logo.svg" alt="logo" class="header__logo"></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>

    <!-- Breadcrumbs -->
    <section class="container">
        <div class="container__row">
            <nav class="breadcrumbs">
                <a href="/" class="breadcrumbs__link">Главная</a> /
                <span class="breadcrumbs__current">Контакты</span>
            </nav>
        </div>
    </section>
</main>
<section class="contacts container">
    <div class="container__row container__row--column">
        <div class="contacts__content">
            <div class="contacts__contentLeft">
                <div class="contacts__formTile">
                    <h3 class="contacts__formTitle title title--h2">Свяжитесь со мной</h3>
                    <p class="contacts__formDescription text text--p2">
                        Не знаете, к какой категории отнести свой вопрос или хотите чтобы мы написали первыми?
                        Просто оставьте свои контакты в форме ниже и нажмите "Отправить" – мы сами свяжемся с вами.
                    </p>
                    <form action="" id="form-contacts" class="promo__form form js-form">
                        <div class="form__captchaContainer"></div>
                        <label for="contacts-mail" class="form__label">
                            <span class="form__labelText">Ваш email</span>
                            <input class="form__input js-input" type="text" id="contacts-mail" name="email" placeholder="Email">
                            <span class="form__errorMessage">Введите корректный email адрес</span>
                        </label>
                        <label for="contacts-phone" class="form__label">
                            <span class="form__labelText">Телефон</span>
                            <input class="form__input js-input" type="text" id="contacts-phone" name="phone"
                                   placeholder="+7 ...">
                            <span class="form__errorMessage">Введите номер телефона</span>
                        </label>
                        <label for="contacts-name" class="form__label">
                            <span class="form__labelText">Как к вам обращаться?</span>
                            <input class="form__input js-input" type="text" id="contacts-name" name="name"
                                   placeholder="Введите имя">
                            <span class="form__errorMessage">Введите имя</span>
                        </label>
                        <button class="form__button js-submit-button" id="submit-button">
                            <span class="form__buttonText">Отправить</span>
                            <span class="spinner"></span>
                        </button>
                        <p class="form__agreement">
                            Нажимая кнопку "Отправить", вы соглашаетесь с
                            <a href="privacy-policy.html" class="">условиями политики конфиденциальности</a> и
                            с условиями
                            <a href="user-agreement.html" class="js-open-modal"> обработки персональных данных</a>
                        </p>
                    </form>
                </div>
            </div>

            <div class="contacts__infoTiles">
                <div class="contacts__infoTile">
                    <h3 class="contacts__infoTitle title title--h3">Офис продаж</h3>
                    <p class="contacts__infoText text text--p3">Телефон: <a href="tel:+79910066777"
                                                                            class="contacts__infoLink">+7 (991)
                        00-66-777</a></p>
                    <p class="contacts__infoText text text--p3">Электронная почта: <a href="mailto:sales@doxml.ru"
                                                                                      class="contacts__infoLink">sales@doxml.ru</a>
                    </p>
                    <p class="contacts__infoText text text--p3">График работы: Пн-Пт: 9:00–18:00, Сб-Вс: выходной</p>
                </div>
                <div class="contacts__infoTile">
                    <h3 class="contacts__infoTitle title title--h3">Техническая поддержка</h3>
                    <p class="contacts__infoText text text--p3">Телефон: <a href="tel:+79910066777"
                                                                            class="contacts__infoLink">+7
                        (991)
                        00-66-777</a></p>
                    <p class="contacts__infoText text text--p3">Электронная почта: <a href="mailto:support@doxml.ru"
                                                                                      class="contacts__infoLink">support@doxml.ru</a>
                    </p>
                    <p class="contacts__infoText text text--p3">График работы: Пн-Пт: 9:00–18:00, Сб-Вс: выходной</p>
                </div>
                <div class="contacts__infoTile">
                    <h3 class="contacts__infoTitle title title--h3">Юридическое лицо</h3>
                    <p class="contacts__infoText text text--p3">Общество с ограниченной ответственностью «Энжин
                        Юнити»</p>
                    <p class="contacts__infoText text text--p3">Адрес: 121351, г. Москва, вн. тер. г. Муниципальный
                        округ Кунцево, ул.
                        Партизанская, дом 26, помещение 3/1</p>
                    <p class="contacts__infoText text text--p3">Телефон: <a href="tel:+79778521987"
                                                                            class="contacts__infoLink">+7-977-852-19-87</a>
                    </p>
                    <p class="contacts__infoText text text--p3">Электронная почта: <a href="mailto:info@engineunity.ru"
                                                                                      class="contacts__infoLink">info@engineunity.ru</a>
                    </p>
                </div>
                <div class="contacts__infoTile">
                    <h3 class="contacts__infoTitle title title--h3">Банковские реквизиты</h3>
                    <p class="contacts__infoText text text--p3">Расчётный счёт: 40702810220000132579</p>
                    <p class="contacts__infoText text text--p3">Название банка: ООО "Банк Точка"</p>
                    <p class="contacts__infoText text text--p3">БИК: 044525104</p>
                    <p class="contacts__infoText text text--p3">Корреспондентский счёт: 30101810745374525104</p>
                    <p class="contacts__infoText text text--p3">ИНН: 9731139029 КПП: 773101001</p>
                </div>
            </div>
        </div>
    </div>
</section>

<footer class="footer container">
        <div class="container__row footer__row">
            <div class="footer__top">
                <div class="footer__logoWrapper">
                    <img src="/logo.svg" alt="logo" class="footer__logo">
                </div>
                <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>

<!-- Модалка для формы регистрации -->
<div class="modal" id="registration-modal">
    <div class="modal__wrapper modal--registration">
        <div class="modal__closeWrapper js-close-modal"><span class="modal__close">&times;</span></div>
        <div class="modal__inner">
            <div class="modal__heading">
                <h2 class="modal__title title title--h2">Спасибо за интерес к нашему сервису!<br>Оставьте заявку и получите месяц бесплатного доступа</h2>
                <div class="modal__description text text--p3 text--gray">Доступ для всех зарегистрированных откроется одновременно с утверждением минстроем xml-схемой
                </div>
            </div>
            <form id="registration-form" class="promo__form form js-form">
<!--                <div class="form__captchaContainer" id="captcha-container"></div>-->
                <div class="form__captchaContainer"></div>
                <label for="mail" class="form__label">
                    <input class="form__input js-reg-input" type="text" id="mail" name="email" placeholder="Email">
                    <span class="form__errorMessage">Введите корректный email адрес</span>
                </label>
                <label for="full_name" class="form__label">
                    <input class="form__input js-reg-input" type="text" id="full_name" name="full_name" placeholder="ФИО">
                    <span class="form__errorMessage">Введите ФИО</span>
                </label>
                <button class="form__button js-submit-button" type="submit">
                    <span class="form__buttonText">Оставить заявку</span>
                    <span class="spinner"></span>
                </button>
                <p class="form__agreement">
                    Нажимая кнопку "Оставить заявку", вы соглашаетесь с
                    <a href="privacy-policy.html">условиями политики конфиденциальности</a> и
                    с условиями
                    <a href="user-agreement.html">обработки персональных данных</a>
                </p>
            </form>
        </div>
    </div>
</div>

<!-- Модалка для результата формы-->
<div class="modal modal--narrow" id="result-modal">
    <div class="modal__wrapper">
        <div class="modal__closeWrapper js-close-modal" id="close-modal"><span class="modal__close">&times;</span>
        </div>
        <div class="modal__content">
            <h2 class="modal__title title title--h2">Спасибо за&nbsp;доверие, мы&nbsp;свяжемся с&nbsp;Вами в
                ближайшее время</h2>
            <span class="modal__countdown">Окно закроется через <span id="countdown">5</span></span>
        </div>
    </div>
</div>
<!-- Кукисы -->
<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>
<!-- Yandex invisible captcha -->
<script
        src="https://smartcaptcha.yandexcloud.net/captcha.js?render=onload&onload=onloadFunction"
></script>
<!---->

<script type="module" src="/src/scripts.js"></script>
</body>
</html>