BeLawyer

Всем добрый день!

Необходимо осуществить верстку страниц. 

ВНИМАТЕЛЬНО прочтите ТЗ, указанное ниже. И озвучьте стоимость Ваших услуг. 

Не надо делать заоблачные цифры - я ориентируюсь и не считаю, что для профи данная работа сложная.

Предлагайте свои услуги, если Вы реально готовы приступить сразу. Срок не более 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
  • При нажатии на кнопку добавить в друзья…
• Скрипты
  • Cлайдер
  • ?

message.psd 

• Верстка
  • Анимацию, сдвиг меню и сдвиг всех квестов при скроле, сделать  как тут - https://www.jam3.com/work/
  • Hover меню, иконки меню – черный.
  • Hover нижнего меню – белый.
  • При нажатии поиска search.png.
  • При нажатии уведомления uw.jpg.
  • При нажатии сообщения перекидываемся в message.psd.
  • При нажатии на картинку профиля перекидываемся в profile2.psd
  • …
• Скрипты
  • Cлайдер
  • ?

Мои контакты - 0934000284 Игорь

Контакт фронта - 0632350491 Толик

Прилагаю исходники и главную страницы, которая была на верстке - ее надо соединить с остальными.

Жду предложений