Степан Крапивин

Это параллакс эффект в четыре слоя.

Каждый слой двигается со своей скоростью.
На каждом слое расстояние между карточками не меняется.

Скорость движения зависит от положения курсора - чем ближе к краю экрана, тем быстрее двигаются слои.

Чем выше слой, тем больше скорость.

Сделай одну страницу со вкладками "Об авторе", "Прайс" и "Связаться", понадобится какой-то js-плагин для вкладок.

Или даже без js можно сделать якорями.
Текст всех разделов будет идти подряд, просто при клике на пункт "Прайс" страница будет прокручиваться до этого раздела.

Вот пример видео на главной странице яндекс.диск - формат WebM, 4 секунды, весит 587Кб

два варианта
1) Через bitbucket webhooks - как они работают можно прочесть в доках.
Основная суть вебхука - при каждом пуше в репу, вебхук "стучится" по определённому адресу который вы укажете. А по этому адресу, на вашем сервере, вызывается git pull из репы на bitbucket.
2) без bitbucket - на вашем сервере создать bare-репозиторий рядом с "боевым" репозиторием. В bare-репозитории прописываем post-update хук. Это обычный скрипт, который заходит в нужную папку с "боевым" репозиторием и делает git pull из рядом лежащего bare-репозитория

вроде всё правильно описал

1. спрятать блок с видео
   
2. показать миниатюру от видео
   
3. поверх показать свою кнопку
   
4. при нажатии на свою кнопку спрятать миниатюру и кнопку
   
5. показать видео
   

jsfiddle.net/BeUFb/326

Очень просто - цвет текста на кнопке - transparent (прозрачный), а фон нет. При наведении фон становится прозрачным, а цвет текста чёрным.

https://jsfiddle.net/t37mfbx7/