Адаптивная, кроссбраузерная верстка одностраничника
Исходники + шрифты:
Также внутри Вы найдете JPG-картинку макета.
Обязательные требования
- Все тексты должны быть в конечной верстке также текстами.
- Максимальная, насколько это возможно, оптимизация и сжатие картинок (но, чтобы не отразилось при этом на качестве) при сохранении в Фотошопе.
- По возможности сохранение не в PNG, а в JPG, а то объем картинок получается огромный.
- Адаптивность и кроссбраузерность (обязательно помимо адаптивности нужна и кроссбраузерность, чтобы во всех браузерах в том числе и мобильных выглядело одинаково). Проверить открытие также в Opera, FireFox, IE, Chrome, Edge, а также на мобильных устройствах. Нужно чтобы помимо обычных мониторов, хорошо отображалось на мобильных и планшетах.
- Отсутствие ошибок валидации кода.
- Все кнопки и ссылки сверстать с эффектом наведения мыши. Должно выглядеть стильно и красиво.
- Кодировка UTF-8
- Весь CSS, JS и картинки вынести за пределы HTML-кода и подгружать из каталога ./css, ./js и ./img.
- Свести использование JS к минимуму. Не допускать избыточность. Не использовать js-bootstrap. Не подгружать JS извне, весь JS пусть лежит в подкаталоге JS.
- Красивое адаптивное меню на мобильных и планшетах. Верхнее горизонтальное меню c лого всегда должно быть на экране.
Важно:
- Верхнее горизонтальное меню должно быть видно и при прокрутке вниз. При прокрутке вниз, оно уменьшается вдвое по высоте (лого и пункты меню тоже) и постоянно присутствует вверху экрана. Добавить тень для блока с меню, чтобы хорошо смотрелось.
- В меню, при клике на ТАРИФЫ должен быть плавный скролл до блока с тарифами, ВОЗМОЖНОСТИ скроллят до блока "Больше, чем просто колл-центр".
- сделать легкую анимацию элементов, которая была бы видна при прокрутке от блока к блоку.
- в левой части экрана должна быть всегда виден переключатель разворачивания и сворачивания кнопки со скидкой
При нажатии всплывает вот этот слой:
Обратите внимание, что опросник состоит их четырех экранов, с кнопкой перехода к следующему шагу.
Завершается опросник вот этой формой:
- При попытке ухода со страницы должен открываться вот этот всплывающий слой:
!! Одинаковое отображение верстки и шрифтов в Opera, Firefox, Chrome, IE11 !!
Оплата: 6000 руб.
Строго СБР или по факту.
Срок: 2 дня