feat: интеграция Fancybox и добавление формы обратной связи
All checks were successful
Build and Push Docker Image / build (push) Successful in 27s
All checks were successful
Build and Push Docker Image / build (push) Successful in 27s
- Подключён Fancybox для улучшения пользовательского интерфейса - Добавлена интерактивная форма обратной связи в секции FAQ - Обновлены стили и скрипты для поддержки новых функций - Исправлена ссылка на страницу входа в header
This commit is contained in:
@@ -42,10 +42,41 @@
|
||||
|
||||
</div>
|
||||
|
||||
<div id="back-form" style="display: none;" class="back-form">
|
||||
<h2>НЕ НАШЛИ ОТВЕТ НА ВАШ ВОПРОС?</h2>
|
||||
<form action="">
|
||||
<label class="q-label" for="name" style="margin-top: 69px;">
|
||||
<input type="text" placeholder="Имя" id="name">
|
||||
</label>
|
||||
|
||||
<label class="q-label" for="number">
|
||||
<input type="text" placeholder="Номер телефона" id="number">
|
||||
</label>
|
||||
|
||||
<label class="q-label" for="question">
|
||||
<input type="text" placeholder="Ваш вопрос" id="question">
|
||||
</label>
|
||||
|
||||
<div class="back-form-accept-checkbox">
|
||||
<input type="checkbox" id="accept" name="accept">
|
||||
<label for="accept">Я согласен с политикой обработки персональных данных</label>
|
||||
</div>
|
||||
|
||||
<button class="back-form-submit" type="submit">ОТПРАВИТЬ ВОПРОС</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="faq-cta">
|
||||
<a href="#">
|
||||
<a href="#back-form" data-fancybox>
|
||||
<div>?</div>
|
||||
ЗАДАТЬ ВОПРОС
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
Fancybox.bind('[data-fancybox]')
|
||||
})
|
||||
</script>
|
||||
Reference in New Issue
Block a user