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