Нужно сверстать и интегрировать в WordPress сайт по PSD шаблону.

Веб-программированиеЗакрыт8 заявок1161 просмотр
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Добрый день.

Нужно сверстать и интегрировать в WordPress сайт по PSD шаблону. Верстка PixelPerfect. Сайт нарисован по модульной сетке (12 колонок)

ТЗ по верстке:

  • Кроссбраузерность. Сайт должен корректно отображаться во всех популярных браузерах (IExplorer, Chrom, Opera, Safari, Mozilla и т.д.)
  • Сайт должен быть адаптивный, нормально выглядеть на всех устройствах, включая ПК, Ноутбуки, планшеты, телефоны. При различных расширениях.
  • Первый экран должен полностью попадать в окно ноутбука или планшета типа IPAD независимо от разрешения без всяких прокруток (то есть первий экран должен быть по всей высоте диагонали монитора/планшета)
  • В будущем сайт будет иметь «мультиязычность» (Eng > Ru)
  • Скорость загрузки сайта должна быть в зеленой зоне по сервису https://developers.google.com/speed/pagespeed/insights/?hl=ru
Всего есть 3 страницы:

Анимации которые должны быть на сайте:
  • Синие квадраты должны иметь эффект параллакса (screen: http://joxi.ru/KAx3Y3qUKejV12 )
  • При наведении на меню/соц. сети - появляется круг с противоположным цветом (screen: http://joxi.ru/xAe7Y7WSX1qVJm )
  • К курсору должен быть прикреплен круг (screen: http://joxi.ru/a2XLWLot4zWpL2 )
  • Соц сети и "scroll down" будут прикреплены к низу экрана, при скролле, они всегда будут на экране (screen: http://joxi.ru/4AkMzMRHk9n1Gm )
  • При наведении на проект, появляется кружок с текстом «view» и на фотку наложується темная плашка с прозрачностью (screen: http://joxi.ru/YmEbyboHMkxLP2 )
  • При нажатии на табы, меняются проекты (screen: http://joxi.ru/Y2LbeboHEXDevr )
  • При нажатии на + плавно появляются следующие 4 проекта (screen: http://joxi.ru/KAx3Y3qUKejql2 )
  • При нажатии на + он прокручивается. (screen: http://joxi.ru/KAx3Y3qUKejql2 )
  • При нажатии на эл. Почту открывается почта (screen: http://joxi.ru/EA4gKgxupzyxx2 )
  • Изменение заднего фона Серый > Белый > Серый тоже должна быть анимирована. Пример сброшу после интервью.
Сайт должен быть:

  • Код HTML не имеет ошибок при проверке с помощью validator.w3.org.
  • Нет ошибок в синтаксисе CSS при проверке на jigsaw.w3.org.
  • Код JavaScript не содержит ошибок в codebeautify.org.
  • На сайте используется кодировка UTF-8. Проверка с помощью last-modified.com, поле Content-Type.
  • Файлы CSS в разделе head подключены до файлов JavaScript.
  • Стили CSS прописаны в отдельном файле. Определения стилей с помощью тега
JavascriptWordPressHTMLCSS
3 года назад
guest_16038288813706
3 года в сервисе
Был
3 года назад