Сайт ramenki33.ru сделан в конструкторе — Редимаге. На сайте пять страниц. Надо сверстать одну страницу с интерактивным элементом вместо пяти страниц. Внедрять код в Редимаг не надо, сверстать отдельно.

Расположение элементов на сайте выверено до пикселя. Поэтому пиксель-перфект — важно.

Название, контакты, описание и две ссылки — одинаковые элементы на каждой странице.


Всё, что ниже, меняется. Этот элемент и надо сделать единым. Можно с помощью табов или другим способом на ваше усмотрение.


Высота страницы должна меняться при открытии другого блока/таба/вкладки, называйте как угодно. Объем информации в каждом табе разный.

При переключении с таба на таб, контент плавно исчезает за 0,5 сек., а новый появляется за те же 0,5 сек.

Ссылки должны работать.

Не путайте дефис и тире, если будете набирать вручную. На Маке длинное тире ставиться нажатием Shift+Alt+- (шифт, альт, дефис). На Винде и Линуксе не знаю.

Обратите внимание, что точки и запятые после ссылок не являются частью ссылки, но имеют такой же цвет, как у ссылки: #346499.

Ширина страницы фиксирована — 1024.

Шрифт PT Sans Caption Bold 60 только у названия. Остальное — PT Sans Regular, Italic, Bold 14 или 18.

Цвет ссылок: #346499. Подчеркивания того же цвета, но с прозрачностью 80%. При наведении подчеркивание меняет прозрачность на 30%.

Цвет выбранного таба и линии: #E8E0C9. Цвет при наведении на невыбранный таб: #F9F6EC. Толщина линии — 2.

Картинки и видео: https://drive.google.com/file/d/0B-eqvTrrTPzyOE01RnN5aU0wN0E/view?usp=sharing

Сетка: https://drive.google.com/file/d/0B-eqvTrrTPzyQmtaZ3JyM2lHZzQ/view?usp=sharing

Расстояния и межстрочные интервалы: https://drive.google.com/file/d/0B-eqvTrrTPzyWG13QUFERzBXNzQ/view?usp=sharing

Расстояние от нижней границы таба до конца страницы — 60.