Леонид Велесов [realityshop]
realityshop
Леонид Велесов [realityshop]
На сайте 5 лет и 7 месяцев (заходил 2 дня назад)
+ 135  0  - 0
96
9870.03
Рейтинг9870.03
9870.03
Отзывы+ 135  0  - 0
+ 135  0  - 0
Все (1)       Проекты (1)        Вакансии (0)       Конкурсы (0)
Опубликовать проект
16 Сентября 2019, Понедельник
Бюджет: 3000 ₽
Техзадание на адаптивную, кроссбраузерную верстку макета лендинга:

PSD + шрифты: присоединил к проекту в архиве

Также внутри Вы найдете 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-формы пусть будут, но не нужно делать отправку письма на почту – это потом мы спрограммим сами.

Важно:
- Верхнее горизонтальное меню должно быть видно и при прокрутке вниз. При прокрутке вниз, оно уменьшается вдвое по высоте (лого и пункты меню тоже) и постоянно присутствует вверху экрана. Добавить тень для блока с меню, чтобы хорошо смотрелось.

- В исходнике есть отдельными группами слоев, присутствуют изображение мужской и женской версии коробочки и флакончика:
prntscr.com/p6w0by
(в макете есть три места где встречается изображение коробки с флаконом, во всех есть две группы слоев, мужская и женская).
Нужно чтобы через три секунды, мужская версия плавно (не резко) менялась на женскую, например с помощью JQuery-плагинов, во всех трех местах.


!! Одинаковое отображение верстки и шрифтов в Opera, Firefox, Chrome, IE9 и выше !!

Срок: 2 дня
3000 руб. Оплата по СБР или по факту (вебмани или пластиковая карта)

Прошло времени с момента публикации: 2 дня 2 часа 6 минут
Раздел: Разработка сайтов / Верстка