Добрый день.

Нужно сверстать и интегрировать в WordPress сайт по PSD шаблону. Верстка PixelPerfect. Сайт нарисован по модульной сетке (12 колонок) 

ТЗ по верстке:[list=1][*]Кроссбраузерность. Сайт должен корректно отображаться во всех популярных браузерах (IExplorer, Chrom, Opera, Safari, Mozilla и т.д.)[*]Сайт должен быть адаптивный, нормально выглядеть на всех устройствах, включая ПК, Ноутбуки, планшеты, телефоны. При различных расширениях.[*]Первый экран должен полностью попадать в окно ноутбука или планшета типа IPAD независимо от разрешения без всяких прокруток (то есть первий экран должен быть по всей высоте диагонали монитора/планшета)[*]В будущем сайт будет иметь «мультиязычность» (Eng > Ru)[*]Скорость загрузки сайта должна быть в зеленой зоне по сервису [url=https://developers.google.com/speed/pagespeed/insights/?hl=ru]https://developers.google.com/speed/pagespeed/insights/?hl=ru[/url] [/list]
Всего есть 3 страницы:
[list=1][*]Главная страница (screen:
[url=http://joxi.ru/82QbeblH9MW9BA]http://joxi.ru/82QbeblH9MW9BA[/url] ).[*]Страница с проектом (screen: [url=http://joxi.ru/p270R0yiNRYnZA]http://joxi.ru/p270R0yiNRYnZA[/url] ).[*]Расширенная страница с проектами (добавляются заголовки и фотографии) (screen: [url=http://joxi.ru/v29vOv8TpnwRKA]http://joxi.ru/v29vOv8TpnwRKA[/url] ).[/list]
Анимации которые должны быть на сайте:[list=1][*]Синие квадраты должны иметь эффект параллакса (screen: [url=http://joxi.ru/KAx3Y3qUKejV12]http://joxi.ru/KAx3Y3qUKejV12[/url] )[*]При наведении на меню/соц. сети - появляется круг с противоположным цветом (screen: [url=http://joxi.ru/xAe7Y7WSX1qVJm]http://joxi.ru/xAe7Y7WSX1qVJm[/url] )[*]К курсору должен быть прикреплен круг (screen: [url=http://joxi.ru/a2XLWLot4zWpL2]http://joxi.ru/a2XLWLot4zWpL2[/url] )[*]Соц сети и "scroll down" будут прикреплены к низу экрана, при скролле, они всегда будут на экране (screen: [url=http://joxi.ru/4AkMzMRHk9n1Gm]http://joxi.ru/4AkMzMRHk9n1Gm[/url] )[*]При наведении на проект, появляется кружок с текстом «view» и на фотку наложується темная плашка с прозрачностью (screen: [url=http://joxi.ru/YmEbyboHMkxLP2]http://joxi.ru/YmEbyboHMkxLP2[/url] )[*]При нажатии на табы, меняются проекты (screen: [url=http://joxi.ru/Y2LbeboHEXDevr]http://joxi.ru/Y2LbeboHEXDevr[/url] )[*]При нажатии на + плавно появляются следующие 4 проекта (screen: [url=http://joxi.ru/KAx3Y3qUKejql2]http://joxi.ru/KAx3Y3qUKejql2[/url] )[*]При нажатии на + он прокручивается. (screen: [url=http://joxi.ru/KAx3Y3qUKejql2]http://joxi.ru/KAx3Y3qUKejql2[/url] )[*]При нажатии на эл. Почту открывается почта (screen: [url=http://joxi.ru/EA4gKgxupzyxx2]http://joxi.ru/EA4gKgxupzyxx2[/url] )[*]Изменение заднего фона Серый > Белый > Серый тоже должна быть анимирована. Пример сброшу после интервью.[/list]
Сайт должен быть:
[list=1][*]Код HTML не имеет ошибок при проверке с помощью [url=https://freelancehunt.com/out/https%3A%2F%2Fvalidator.w3.org%2F]validator.w3.org[/url]. [*]Нет ошибок в синтаксисе CSS при проверке на [url=https://freelancehunt.com/out/http%3A%2F%2Fjigsaw.w3.org%2Fcss-validator%2F]jigsaw.w3.org[/url].[*]Код JavaScript не содержит ошибок в [url=https://freelancehunt.com/out/https%3A%2F%2Fcodebeautify.org%2Fjsvalidate]codebeautify.org[/url].[*]На сайте используется кодировка UTF-8. Проверка с помощью [url=https://freelancehunt.com/out/https%3A%2F%2Flast-modified.com%2F]last-modified.com[/url], поле Content-Type.[*]Файлы CSS в разделе head подключены до файлов JavaScript.[*]Стили CSS прописаны в отдельном файле. Определения стилей с помощью тега <style> или инлайн CSS нужно избегать.[*]Код CSS, HTML и JavaScript оптимизирован — удалены лишние пробелы, рабочие комментарии верстальщика и т. п.[*]Микроразметка не содержит ошибок при проверке в [url=https://search.google.com/structured-data/testing-tool/u/0/]валидаторе Google[/url] и [url=https://passport.yandex.ru/auth?mode=auth&retpath=https%3A%2F%2Fwebmaster.yandex.ru%2Ftools%2Fmicrotest%2F]валидаторе Яндекса[/url].[/list]
Описал общие моменты по верстке. Больше информации после интервью. Если что-то не понятно, всегда на связи.

Возможно дальнейшее сотрудничество в рамках проектной деятельности.

Добрый день.

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

ТЗ по верстке:<ul><li>Кроссбраузерность. Сайт должен корректно отображаться во всех популярных браузерах (IExplorer, Chrom, Opera, Safari, Mozilla и т.д.)</li><li>Сайт должен быть адаптивный, нормально выглядеть на всех устройствах, включая ПК, Ноутбуки, планшеты, телефоны. При различных расширениях.</li><li>Первый экран должен полностью попадать в окно ноутбука или планшета типа IPAD независимо от разрешения без всяких прокруток (то есть первий экран должен быть по всей высоте диагонали монитора/планшета)</li><li>В будущем сайт будет иметь «мультиязычность» (Eng &gt; Ru)</li><li>Скорость загрузки сайта должна быть в зеленой зоне по сервису <a href="https://developers.google.com/speed/pagespeed/insights/?hl=ru" rel="nofollow noopener noreferrer" target="_blank">https://developers.google.com/speed/pagespeed/insights/?hl=ru</a></li></ul>Всего есть 3 страницы:
<ul><li>Главная страница (screen:
<a href="http://joxi.ru/82QbeblH9MW9BA" rel="nofollow noopener noreferrer" target="_blank">http://joxi.ru/82QbeblH9MW9BA</a> ).<li>Страница с проектом (screen: <a href="http://joxi.ru/p270R0yiNRYnZA" rel="nofollow noopener noreferrer" target="_blank">http://joxi.ru/p270R0yiNRYnZA</a> ).</li><li>Расширенная страница с проектами (добавляются заголовки и фотографии) (screen: <a href="http://joxi.ru/v29vOv8TpnwRKA" rel="nofollow noopener noreferrer" target="_blank">http://joxi.ru/v29vOv8TpnwRKA</a> ).</li></li></ul>Анимации которые должны быть на сайте:<ul><li>Синие квадраты должны иметь эффект параллакса (screen: <a href="http://joxi.ru/KAx3Y3qUKejV12" rel="nofollow noopener noreferrer" target="_blank">http://joxi.ru/KAx3Y3qUKejV12</a> )</li><li>При наведении на меню/соц. сети - появляется круг с противоположным цветом (screen: <a href="http://joxi.ru/xAe7Y7WSX1qVJm" rel="nofollow noopener noreferrer" target="_blank">http://joxi.ru/xAe7Y7WSX1qVJm</a> )</li><li>К курсору должен быть прикреплен круг (screen: <a href="http://joxi.ru/a2XLWLot4zWpL2" rel="nofollow noopener noreferrer" target="_blank">http://joxi.ru/a2XLWLot4zWpL2</a> )</li><li>Соц сети и "scroll down" будут прикреплены к низу экрана, при скролле, они всегда будут на экране (screen: <a href="http://joxi.ru/4AkMzMRHk9n1Gm" rel="nofollow noopener noreferrer" target="_blank">http://joxi.ru/4AkMzMRHk9n1Gm</a> )</li><li>При наведении на проект, появляется кружок с текстом «view» и на фотку наложується темная плашка с прозрачностью (screen: <a href="http://joxi.ru/YmEbyboHMkxLP2" rel="nofollow noopener noreferrer" target="_blank">http://joxi.ru/YmEbyboHMkxLP2</a> )</li><li>При нажатии на табы, меняются проекты (screen: <a href="http://joxi.ru/Y2LbeboHEXDevr" rel="nofollow noopener noreferrer" target="_blank">http://joxi.ru/Y2LbeboHEXDevr</a> )</li><li>При нажатии на + плавно появляются следующие 4 проекта (screen: <a href="http://joxi.ru/KAx3Y3qUKejql2" rel="nofollow noopener noreferrer" target="_blank">http://joxi.ru/KAx3Y3qUKejql2</a> )</li><li>При нажатии на + он прокручивается. (screen: <a href="http://joxi.ru/KAx3Y3qUKejql2" rel="nofollow noopener noreferrer" target="_blank">http://joxi.ru/KAx3Y3qUKejql2</a> )</li><li>При нажатии на эл. Почту открывается почта (screen: <a href="http://joxi.ru/EA4gKgxupzyxx2" rel="nofollow noopener noreferrer" target="_blank">http://joxi.ru/EA4gKgxupzyxx2</a> )</li><li>Изменение заднего фона Серый &gt; Белый &gt; Серый тоже должна быть анимирована. Пример сброшу после интервью.</li></ul>Сайт должен быть:
<ul><li>Код HTML не имеет ошибок при проверке с помощью <a href="https://freelancehunt.com/out/https%3A%2F%2Fvalidator.w3.org%2F" rel="nofollow noopener noreferrer" target="_blank">validator.w3.org</a>.</li><li>Нет ошибок в синтаксисе CSS при проверке на <a href="https://freelancehunt.com/out/http%3A%2F%2Fjigsaw.w3.org%2Fcss-validator%2F" rel="nofollow noopener noreferrer" target="_blank">jigsaw.w3.org</a>.</li><li>Код JavaScript не содержит ошибок в <a href="https://freelancehunt.com/out/https%3A%2F%2Fcodebeautify.org%2Fjsvalidate" rel="nofollow noopener noreferrer" target="_blank">codebeautify.org</a>.</li><li>На сайте используется кодировка UTF-8. Проверка с помощью <a href="https://freelancehunt.com/out/https%3A%2F%2Flast-modified.com%2F" rel="nofollow noopener noreferrer" target="_blank">last-modified.com</a>, поле Content-Type.</li><li>Файлы CSS в разделе head подключены до файлов JavaScript.</li><li>Стили CSS прописаны в отдельном файле. Определения стилей с помощью тега </li></ul>

Гость guest_16038288813706