Всем добрый день!
Необходимо осуществить верстку страниц.
ВНИМАТЕЛЬНО прочтите ТЗ, указанное ниже. И озвучьте стоимость Ваших услуг.
Не надо делать заоблачные цифры - я ориентируюсь и не считаю, что для профи данная работа сложная.
Предлагайте свои услуги, если Вы реально готовы приступить сразу. Срок не более 3 дней.
В общем читайте, анализируйте и если вы специалист - предлагайте свои услуги.
Техническое задание на верстку
Базовые требования
Платформы: Windows, MacOs.
Браузеры: IE7-9, Chrome (15+), Firefox (15+), Opera (12+), Safari 5 – верстка полностью соответствует дизайну, скрипты работают в соответствии с ТЗ. В IE7-8, могут быть незначительные упрощения, скрипты, связанные с анимацией, могут работать в упрощенном виде.
Стандарты: HTML5/CSS3/JS. HTML - должен проходить валидацию.
1. Использовать flex или сетку bootstrap.
2. Читабельно обозначать классы.
3. Не обращаться к элементам через вложенности классов.
4. Адаптивная верстка.
Соответствие макету: при накладке допустимы незначительные различия.
Ошибки и доработки
Ошибка – не соответствие верстки дизайну (кроме заранее оговоренных отличий) и /или ошибки в работе указанного в ТЗ функционала хотя бы на одной/ом из утвержденных платформах/браузерах.
Ошибки устраняются без доплат. Исключением является поиск ошибок после привязки к серверной части, если они появились при некорректной интеграции верстки и/или самостоятельных внесений изменений в html/css/javascript.
Доработка – изменение дизайна и/или изменение в функциональности и/или api работы front end.
Доработки оговариваются отдельно и не входят в первоначальную оценку работ.
Задачи
Верстка 7 посадочных страниц:
login.psd
- Верстка
- Hover для меню, вход и всех кликабельных частей футера – красный цвет (цвет кнопок).
- Hover для кнопок - цвет #ba0920
- При нажатии на “пользовательского соглашения” открывается окно с пользовательским соглашением.
- При нажатии на кнопу „вход” перекидает на quest1(menu).psd
- При нажатии на кнопку „вперед” блок меняется на следующий (регистрация2)
quest1(menu).psd и quest1.psd
- Верстка
- Анимацию, сдвиг меню и сдвиг всех квестов при скроле, сделать как тут - https://www.jam3.com/work/
- Hover меню, иконки меню – черный.
- При нажатии поиска search.png.
- При нажатии уведомления uw.jpg.
- При нажатии сообщения перекидываемся в message.psd.
- При нажатии на картинку профиля перекидаем в profile2.psd
- При наведении на картинку квестов, картинка плавно заменяется на другую (как в news1.psd).
- При нажатии на картинку квеста перекидываемся на 1.psd (сам квест).
quest2.psd (для незарегистрированных)
- Верстка
- Анимацию, сдвиг меню и сдвиг всех квестов при скроле, сделать как тут - https://www.jam3.com/work/
- Hover меню, иконки меню – черный.
- При наведении на картинку квестов, картинка плавно заменяется на другую (как в news1.psd).
Сделать на одной странице две карточки (из quest1.psd и quest2.psd)
news1.psd
- Верстка
- Анимацию, сдвиг меню и сдвиг всех квестов при скроле, сделать как тут - https://www.jam3.com/work/
- Hover меню, иконки меню – черный.
- Hover нижнего меню – белый.
- При нажатии поиска search.png.
- При нажатии уведомления uw.jpg.
- При нажатии сообщения перекидываемся в message.psd.
- При нажатии на картинку профиля перекидываемся в profile2.psd
- При наведении на картинку новостей, картинка плавно заменяется на другую (как в news1.psd).
- При нажатии на картинку новостей перекидает в news1-click.psd.
news2.psd (для незарегистрированных)
- Верстка
- Анимацию, сдвиг меню и сдвиг всех квестов при скроле, сделать как тут - https://www.jam3.com/work/
- Hover меню, иконки меню – черный.
- Hover нижнего меню – белый.
- При нажатии поиска search.png.
- При нажатии уведомления uw.jpg.
- При нажатии сообщения перекидываемся в message.psd.
- При нажатии на картинку профиля перекидываемся в profile2.psd
- При наведении на картинку новостей, картинка плавно заменяется на другую (как в news1.psd).
- При нажатии на картинку новостей перекидает в news2-click.psd
Сделать на одной странице две карточки (из newst1.psd и new2.psd)
news1-click.psd и news2-click.psd (для незарегистрированных)
- Верстка
- Использовать параллакс на главной картинки страницы.
about1.psd
- Верстка
- Анимацию, сдвиг меню и сдвиг всех квестов при скроле, сделать как тут - https://www.jam3.com/work/
- Hover меню, иконки меню – черный.
- Hover нижнего меню – белый.
- При нажатии поиска search.png.
- При нажатии уведомления uw.jpg.
- При нажатии сообщения перекидываемся в message.psd.
- При нажатии на картинку профиля перекидываемся в profile2.psd
- Скрипты
about2.psd (для незарегистрированных)
- Верстка
- Анимацию, сдвиг меню и сдвиг всех квестов при скроле, сделать как тут - https://www.jam3.com/work/
- Hover меню, иконки меню – черный.
- Hover нижнего меню – белый.
- Скрипты
profile1.psd
- Верстка
- Анимацию, сдвиг меню и сдвиг всех квестов при скроле, сделать как тут - https://www.jam3.com/work/
- Hover меню, иконки меню – черный.
- Hover нижнего меню – белый.
- При нажатии поиска search.png.
- При нажатии уведомления uw.jpg.
- При нажатии сообщения перекидываемся в message.psd.
- При нажатии на картинку профиля перекидываемся в profile2.psd
- При нажатии на кнопку сообщения перекидываемся в message.psd
- При нажатии на кнопку добавить в друзья…
- Скрипты
message.psd
- Верстка
- Анимацию, сдвиг меню и сдвиг всех квестов при скроле, сделать как тут - https://www.jam3.com/work/
- Hover меню, иконки меню – черный.
- Hover нижнего меню – белый.
- При нажатии поиска search.png.
- При нажатии уведомления uw.jpg.
- При нажатии сообщения перекидываемся в message.psd.
- При нажатии на картинку профиля перекидываемся в profile2.psd
- …
- Скрипты
Мои контакты - 0934000284 Игорь
Контакт фронта - 0632350491 Толик
Прилагаю исходники и главную страницы, которая была на верстке - ее надо соединить с остальными.
Жду предложений
