WapSter

Заведи привычку всегда js файлы все подключать перед закрывающимся </body>.

--size: 0; 17 строка синтаксическая ошибка.

https://psd.in.ua/category/templates/
https://www.figmacrush.com/figma-website-templates/
https://www.sketchappsources.com/all-free-sources.html

Есть ли какой-нибудь сайт, где можно брать бесплатные макеты

Есть самый основной сайт, он должен стать для тебя просто самым посещаемым, любимым и родным - google.com. Освоишь его будешь востребованным и самостоятельным спецом.

Куда подключил, и что именно. Глобально устанавливается gulp-cli. А gulp ставиться локально. В твоём скриншоте я этого не заметил.
И редактор тут вообще никакой роли не играет, хоть блокнотом пользуйся. Команда npm install ничего не даст, если нет зависимостей, в твоём package.json их нет.

Вот так, ну это примерно, так как не структуры html, может там нужен js вообще, как заметил @alekseyHunter
Вариант с соседним блоком

Юзай гриды

Гугл clip-path css

Второй вариан засунуть в

$(window).on('resize load', function(){
   // Код
})

и нужно удалять событие, если условие по ширине не удовлетворительно

Вставить отдельным изображением относительно позиционированым, если ты о тенях устройств.

Гуглить пробовал?

И как встроить локальное видео что бы не терять скорость сайта

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

Твой код вообще не очень, переписал адекватно.

А почему должно сработать return false, если у тебя условие выдает false butt_noActiv != butt_RegNoActiv.

Как правильно остановить действие нажатие кнопки?

e.preventDefault и тебе нужно не на кнопке применять это, а на самой форме.

@keyframes element:after вместо element:after имя анимации.

У тебя какой-то кривой массив с картинками. А вообще это вот так делается

А ты уверен, что у option в select есть событие click?)