Заказчик

Имеется вебсайт с заинтегрированной вёрсткой: ссылку дам позже, здесь нельзя их публиковать.
Имеется также новый дизайн, который необходимо применить к вёрстке по-минимуму изменяя структуру HTML, в идеале просто добавлением CSS файла с новыми правилами, соответствующими новому дизайну.

Для внутренних частей страниц (между хедером и футером) нет ограничений по структуре HTML.
Всплывающие модальные окна верстаются внутри стандартных bootstrap modals.

Дизайн: ссылку дам позже, здесь нельзя их публиковать.
Есть более детальное описание задачи, оно касается нюансов интеграции дизайна – выдам уже выранному исполнителю вместе с существующей вёрсткой.

Требования к вёрстке:
– PIXEL PERFECT!
– Вёрстка должна сохранять работоспособность и внешний вид на разных разрешениях устройств шириной до 320px, при верстке на разные ширины экранов – вы сами определяете расположение элементов.
– одинаковое отображение в IE11, Chrome, FF, Safari, Opera.

Неопытным верстальщикам, а также студиям со своими предложениями цены: пожалуйста, не тратьте своё и моё время. Если вы не уверены в своих силах и/или не умеете делать работу в срок – лучше сразу откажитесь.

Необходим адекватный опытный верстальщик (ещё раз повторю, не студия!), который сделает работу за 1-2 дня в срок и в хорошем качестве. При хорошем результате можем продолжить сотрудничество на постоянной основе.

Необходимо сверстать страницу по макету, pixel perfect, на bootstrap 3 или 4, как показано в приложенном макете (уменьшенный).

Для мобильных версий и меньших размеров экрана вы можете сами выбрать расположение элементов, чтобы это оставалось читаемым и прокручиваемым.

Тёмный фон в первой секции это параллакс, должен оставаться на месте. Больше параллакса на странице нет.
Вторая секция на красном фоне яваскриптовый слайдер, должен крутиться на мобильниках смахиванием.
Пятая секция на белом фоне яваскриптовый слайдер, должен крутиться на мобильниках смахиванием.
Всё, что не помещается на экран при загрузке страницы, должно появляться ("приезжать") на страницу слева и справа, в общем по-разному, по мере прокрутки страницы вниз.

Страница должна адекватно смотреться на ширине экрана от 320 пикс до бесконечности, при ширине больше ширины макета, содержимое не увеличивается, увеличивается только фон.

Страница должна одинаково выглядеть и вести себя в браузерах IE10, Chrome, FF, Safari, Opera. Функциональность по прокрутке слайдеров должна работать на андроидах и IOS.

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

Ещё раз упомяну важные для нас вещи:

- адекватность отображения на разных разрешениях (плохой пример я вам прислал в виде на уже выполненную работу)
- pixel perfect всё должно быть на тех местах, на каких нарисовано и использованы шрифты, использованные в дизайне (в крайнем случае максимально похожие)
- одинаковое отображение в IE10, Chrome, FF, Safari, Opera.

Необъходимо сверстать одну страницу на bootstrap 3, как показано в приложенном макете (уменьшенный).

Тёмный фон в первой секции – это параллакс, должен оставаться на месте. Больше параллакса на странице нет.
Вторая секция на красном фоне – яваскриптовый слайдер, должен крутиться на мобильниках смахиванием.
Пятая секция на белом фоне – яваскриптовый слайдер, должен крутиться на мобильниках смахиванием.
Всё, что не помещается на экран при загрузке страницы, должно появляться ("приезжать") на страницу слева и справа, в общем по-разному, по мере прокрутки страницы вниз, вроде этого: seantheme.com/color-admin...

Страница должна адекватно смотреться на ширине экрана от 320 пикс до бесконечности, при ширине больше 1920 (ширина макета), содержимое не увеличивается, увеличивается только фон.

Страница должна одинаково выглядеть и вести себя в браузерах IE10, Chrome, FF, Safari, Opera. Функциональность по прокрутке слайдеров должна работать на андроидах и IOS.

верстка 6 html страниц c использованием bootstrap 3

Макеты PSD:
www.dropbox.com/sh/nlba9v...

Вёрстка должна быть респонсивной: мобильники, планшеты, десктопы. Специально сдизайненных видов для меньших экранов нет, поэтому на усмотрение верстальщика, главное для меньших экранов – чтобы всё влезало в экран и смотрелось хорошо.

Необходимо сверстать страницу в HTML5 без скриптов, только вёрстка. Исходные данные – PSD файл 1,920 x 15,800 пикселей.
Текст должен быть вставлен прямо из PSD без ошибок.

Совместимость – хром, мозилла, IE 8,9,10, опера, сафари под мак и PC,

Дополнительные требования:

– минимизировать вес страницы с используемыми файлами
– при этом сохранить вменяемое кач-во изображений
– всё, что выглядит, как горизонтально ориентированный текст – делать текстом
– все картинки, похожие на кнопки или ссылки – делать ссылками
– минимальная ширина страницы без прокрутки = 1200 пикселей, по размеру верхнего видео.
– верхнее видео – вставить любое видео из youtube с подходящими пропорциями


Исходный макет страницы: toasterbridge.com/landing... (Если не открывается – пишите сообщение, пришлю корректную ссылку)
Размер файла 200 с чем-то метров.