Где взять такие иконки Bootstrap?

0ldn0mad, в смысле за вас еще в поиске понабирать что-то типа "eye"?
Ок: https://fontawesome.ru/icon/eye/
остальные по аналогии.

Текста в них нет.
Цветные: https://html5book.ru/css3-gradient/ и https://webref.ru/css/border

И я рекомендую брать вариант иконок в SVG и собирать спрайт, а не шрифтовый вариант.

Где взять такие иконки Bootstrap?

https://fontawesome.ru/all-icons/
https://fontawesome.com/icons?d=gallery
https://material.io/resources/icons/?style=baseline

Как адаптировать пазл?

Проблема в том, что координаты задаются в px.

Не задавайте их px, перепишите на % или vw|vh

Как вынести индикаторы карусели из блока карусели в фреймворке materialize?

Открыть инструменты разработчика и найти их там в коде. Узнать классы и изменить их.

Как сделать правильное отображение меню (подробности в деталях)?

Поставить предыдущему блоку отступ на высоту меню (или с запасиком)

Почему вертикальное выравнивание текста работает по разному на десктопе и мобильных устройствах?

Павел Чесноков,

не по заглавным буквам, а по прописным

Это одно и тоже. Исправьте, пожалуйста.

Почему вертикальное выравнивание текста работает по разному на десктопе и мобильных устройствах?

span убрать вовсе, svg абсолютом (либо фоном) в угол, кнопке line-height: 1

Как адаптировать сайт для Chrome на Андроид?

С виду должно быть норм. Но полно ошибок валидатора. Я бы рекомендовала начать с них.

Ошибка JS в консоли браузера, как решить?

Роман Кузнецов, Пятая версия Сафари не актуальна уже лет 10 как.
Актуальная 13.
И Сафари для винды нет (ну это я телепатически)

Как задать разных background-size?

gtomilin, bg position забыли

Можно ли где-то купить HTML-шаблоны сделанные компонентами?

Марти Макфлай, зачем самому, есть фриланс ))

Почему не грузятся файлы стилей?

Блокировщик рекламы гробит ваши стили.
Чтобы убедиться, попросите их выключить расширение или встроенную блокировку.
Потом переименуйте файлы в обычный style.css или page-style.css
В дальнейшем избегайте использовать в названиях классов и файлов слов типа banner, advertising и т.д., если не хотите подобного поведения.

p.s. у font-weight нет значения 1000.
И свои стили лучше подключать последними (у вас сначала свои, потом слик)

Можно ли где-то купить HTML-шаблоны сделанные компонентами?

Марти Макфлай, они не столько стоят, чтобы их еще по блокам раскладывать. Повезет, если верстка можно будет назвать приличной.
Всё с чем сталкивалась лично, нуждалось в переделывании или верстке с нуля.

Как на css сделать полную обводку текста на при переносе на две строки?

Не знаю насколько кроссбраузенрно но работает

https://caniuse.com/#search=box-decoration-break

Как на css сделать полную обводку текста на при переносе на две строки?

Разбивать на span'ы

Как такое в less сделать?

Грех использовать препроцессор для расстановки префиксов.
Для этого есть автопрефиксер.

Для чего тут создается вспомогательный блок, чтобы отделить блоки (html)?

Денис Сопко, я пропустила слово БЭМ.

По БЭМу блокам нельзя задавать margin. Но вставка еще одного блока дело не решит.
Margin можно задавать элементам. Поэтому разумнее задать второй класс для .block-portfolio и сделать его элементом блока .wrap.
Возможно, вы сделали скрин в неудачный момент и .page-block-portfolio собирался стать не разделителем между списком и дивом, а как раз таки родительским блоком для .block-portfolio.

Как на css отследить первый ряд элементов?

Роман Кузнецов, вкратце: overflow написали и подвинули под него лишнее. Нужные отступы распихали по другим блокам. Справа подложили псевдоэлемент с белым фоном (сделайте его красным, чтобы осознать ;) ), чтобы он перекрыл левые кругляхи.

Как на css отследить первый ряд элементов?

Точно, для псевдо же ширина 170 решит дело. Я зачем-то пыталась ее через calc посчитать и не осилила.

Я бы внесла рац.предложение
заменить:

.item::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  right: -30px;
  top: -30px;
  border-radius: 50%;
  border: 1px #000 solid;
  z-index: -2;
}

.item:last-child::after {
  display: none;
}

на

.item:not(:last-child)::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  left: 100%;
  bottom: 100%;
  border-radius: 50%;
  border: 1px #000 solid;
  z-index: -2;
}

Вставить разделитель между тегами (Javascript, JQuery)?

jquery.page2page.ru/index.php5/%D0%94%D0%BE%D0%B1%...