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

src/html/modals.html
48 строк3 KB
PauloChaser
move content from branch dev to master
12 фев 2025, 18:06
12 фев 2025, 18:06a2e2735

<!-- Модалка для формы регистрации -->
<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>