Требуется качественная кроссбраузерная верстка двух небольших вебстраниц.
Ссылка на исходники:
Объем верстки:
1. Главная страница.
2. Второстепенная страница
3. Всплывающие слои:
3.1. Всплывающий слой с формой авторизации.
3.2. Всплывающий слой с формой регистрации.
3.3. Всплывающий слой с формой восстановления пароля.
Сделать ссылки в всплывающих слоях рабочими (один слой исчезает другой появляется). При нажатии на затемненный фон опять доступна главная страница.
Обязательные требования:
- Все тексты должны быть в конечной верстке также текстами.
- Максимальная, насколько это возможно, оптимизация и сжатие картинок (чтобы не отразилось при этом на качестве) при сохранении в Фотошопе.
- По возможности сохранение не в PNG а в JPG, а то объем картинок получается огромный.
- Кроссбраузерность: Opera, FireFox, IE, Chrome, Edge
- Нужно чтобы помимо обычных мониторов, хорошо отображалось на мобильных и планшетах.
- Отсутствие ошибок валидации кода.
- Все кнопки сверстать с эффектом наведения мыши. Должно выглядеть стильно и красиво.
- Кодировка UTF-8
- Весь JS и картинки вынести за пределы кода и подгружать из каталога js и img (обработка в CSS-файле).
- Свести использование JS к минимуму. Не использовать js-bootstrap
Требуемая структура верстки:
index.php – страница
каталог img – для картинок
каталог js – для яваскриптов
каталог css – для файлов стилей
Дополнительно:
На всплывающих слоях нужно сделать проверку ввода email на валидность, и проверку что нажат чекбокс с соглашением с правилами системы. При ошибке поле емайла и чекбокс должны иметь border красного цвета. Предполагается использование плагина Jquery validate.
Со своей стороны буду готов оперативно принять работу. Если правки и будут то только по существу и в рамках ТЗ.
Строго СБР. 2 дня.