Wheelie

buildinternet.com/project/supersized/slideshow/3.2...

fortawesome.github.io/Font-Awesome/examples

поверх карты делаете прозрачный div, про событие скрола или клика или чего угодно, прячете div, карта крутится.

немного псевдакода.

select.change {
if(this value == 'другой селект') {
    другой_селект.show 
}
}

Вместе с куском html генерируйте
<link>со ссылкой на css
или <style>

Ок, ответь себе на вопрос. Как ты будешь накладывать макет на адаптивную верстку? Допустим у тебя есть n макетов для разных типов экрана, но тебе все равно не хватит на все экраны.

Если заставляют такой "Perfect Pixel" и чтобы использовалась "адаптивность" это прям иллюстрация "заставь дурака богу молиться, он и лоб расшибет".

Во многих случая заказчику нужно объяснить какие-то моменты. Ибо он может не до конца разбираться в этой области и нужно чтобы он понял.

у первого блока :after картинка справа, у второго например :before картинка слева у третьего :after картинка справа.
Текст по центру, картинку позиционированием absolute. Вроде ничего сложного. Картинка это линяя от одного текста до друого.

контейнеру двигаете top, кнопками , вот и весь слайдер

А если по делу, надо разбираться что не так, смотреть и тестить.
Как минимум есть некий font-family: "Bebas Neue"; но что-то я не заметил чтобы он где-то подключался. Может пропустил.

Еще SVG есть.
https://parall.ax/blog/view/2985/tutorial-creating...

Анимации, сайт во весь экран, музыка и горизонтальный скролл. И все, вы в тренде. Стильно, модно, молодежно =)

https://jsfiddle.net/85sgun9c/

Так?

А вы думаете , что это адски сложный скрипт? Любой фронтэндщик в их штате за рабочий день сделает, с перерывом на чаи и игрой в мортал комбат и фифа =)
Это "самопис"...

при клике на td, находите родительский tr и открываете в нем нужные td.