psd в html

Только верстка в html

Область контентна имеет ширину 1000 – от желтой полоски слева в верхнем экране до конца сине-зеленого тикета сбербанка.
Область контента отображается всегда, при ширине экрана менее 1000 – с горизонтальной прокруткой, при ширине от 1000 до 2000 контент по центру, слева и справа – фон из макета, при ширине еще больше дополняется #fff

Неизвестные ссылки ведут на #
У текстовых ссылок прописаны ховеры: если в макете подчеркивание нет, то по ховеру оно добавляется, и наоборот
заголовки "инфраструктура", "описание объекта", "преимущества объекта" – h2 со вставкой img для иконки, заголовки белым текстом – h2 class="white"
Общий вес графики должен быть в пределах 1-1.5 мб. Для сжатия больших png используйте tinypng.com, для сжатия jpg – пункт "сохранить для веба" в фотошопе.
Иконки должны иметь формат png (чтобы не расплывались линии), тексты должны быть текстами (чтобы их можно было потом редактировать без фотошопа, исключения из этого правила озвучены явно)
Напишите в отзыве "я не бот и дочитал ТЗ до этого места, прежде чем отвечать на проект"

заголовок
логотип – картинка со ссылкой, ссылки по середине – ссылки на #, телефоны – код <span>343</span> 257 77 80

1 экран
логотип сбера – картинка, иконка со стрелочкой вниз – картинка, тексты – текстом, высота экрана фиксированная

2 экран
карта с указателем – картинка фоном (она немножко шире контента), текст на указателе – часть картинки
надписи справа от карты – текстом, иконки – картинкой
высота экрана должна адаптироваться под изменение блока с текстом: если текста меньше – карта и то что поверх нее поднимаются, если больше – опускаются, сохраняя отступ между блоком с текстом и картой

3 экран
серый подзаголовок – h3
высота экрана адаптируется под высоту текста слева. если он больше слайдера – то низ отодвигается. реализовать нижним паддингом

4 экран
однотипные блоки div, отличающиеся текстом и картинкой. не должно "ехать" ни при каком тексте. должно предусматривать возможность изменения количества блоков. блоки разместить как inline-block или как float left

5 экран
скругление – часть фоновой картинки, она вроде нормально получится ужатым png, если выйдет шибко большой – то в jpg
табы 1 очередь, 2 очередь – переключатель. активный элемент – темно-синий со стрелочкой, неактивный – серый без стрелочки, отменяется наличием или отсутствием класса active
блоки ниже – контент табов (у 2 очереди он другой, переключается тычком)
блоки с картинками сделать float left или выравниванием по ширине (трюк с justify)
ховеры у картинки и у кнопки прорисованы
по тычку на картинку открывается увеличенная картинка через fancybox

6 экран
просто форма, сделать html, валидацию и скрипты сервера – не надо
ховер кнопки – полностью голубой фон

футер
<h4>Адрес</h4>
ул. Розы Люксембург ....
<h4>Телефон</h4>

Ссылка ведет на #