sergey

Пример 1
пример 2
пример 3

https://jsfiddle.net/sbr2wx1w/

убери из ссылки data-toggle="dropdown"

@media (max-width: 767px)
.navbar-nav .open .dropdown-menu {
    display: block !important;
}

@media (max-width: 767px) {
.dropdown:hover > .dropdown-menu {
    display: none;
}
}

В общем вам надо тот выпадающий список скрывать на разрешениях меньше 767px тогда не будет дублежа и будет работать корректно.

.class .action { }
.class .action:hover { }

На 3 шаге, когда ввожу:
echo "Hello World" > index.html

А по-человечески, в редакторе (или IDE), создавать файлы уже не комильфо?
Просто создайте index.html файл. Это ваша главная страница. Потом пушьте ее в репу.

Ок, пробую другой урок

Зачем? Зачем там уроки? Всё что нужно написано на странице https://pages.github.com/ Аж 4 шага!
1. Создать репу с названием username.github.io
2. Клонировать репу на свой комп
3. Создать страницы сайта
4. Запушить репу в гитхаб
сайт готов по адресу http://username.github.io

kenwheeler.github.io/slick
подходит по всем пунктам , хорошо кастомизируется и есть возможность навесить внутрь слайда что угодно

img:before

У тега img не может быть псевдоэлементов!

Мне вроде бы это решение помогло - ru.stackoverflow.com/questions/469241/%D0%9F%D1%80...

Нашёл решение.
Если кому понадобится:
https://jsfiddle.net/xe70ydpo/3/

https://jsfiddle.net/edalis/gLpqbs9m/

У <video> ставим такие стили:

min-width: 100vw;
min-height: 100vh;
position: absolute; // либо fixed
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);

Как вариант:
https://jsfiddle.net/edalis/fruryxyv/