Необходимо создать адаптивную рекламную страници авторизации сети WiFi для контролера "UniFi Network Management Controller"
Требование:
1. Кроссбраузерность(Google Chrome, Android Browser, Safari, Firefox, Microsoft Edge, и т.д.)
2. Адаптивность (Изображения разные)
• 320х480
• 480х320
• 1024х580
• 1600+х800
3. HTML 5 и CSS 3
4. Минимальное использование JS
5. Все стили должны быть вынесены в style.css
6. Блочный вариант верстки
7. Код должен быть структурирован
8. Не использовать подзаголовки h1, h2, h3
9. Все теги должны быть корректно закрыты
10. Без использования внешних скриптов\ресурсов
Страница:
HEADER – Место для размещения логотипа, заказа звонка(номер телефона)
BODY – Место для динамической (от расширения) картинки, блока скрытого текста.
FOOTER – Чекбокс + текст с ссылкой на скрытый блок
Описание \ Функционал:
HEADER – высота 50 px.
Логотип расположен с левой стороны в блоке HEADER, отцентрован по вертикали, маштабирование по высоте
Номер телефона расположен с правой стороны, отцентрован по вертикали, кликабелен для мобильных устройств.
BODY – Динамическая картинка (видео, форми CRM), вписанная между HEADER и FOOTER
Также поверх картинки расположен скрытый блок(при необходимости со скролингом) с «пользовательское соглашение» и возможностью закрытия(скрытия)
FOOTER - неактивная кнопка с текстом и таймером обратного отсчета(5 секунд), после истечения 5 сек. смена текста кнопки на заданный и ее активация. При неактивном Чекбоксе уведомление о необходимости подтвердить прочтение скрытого текста.