Арсений Матыцин

Если тебе не нужен интерактив и сайт несет исключительно информационную нагрузку, работает потому что он просто работает → да. Абсолютно нет смысла напихивать в проект то, чего там быть не должно.

Более того, возьми на заметку генераторы статических сайтов типа Jekyll. На них такое удобно собирать.

А умников, которые кричат, что в современном сайте должно быть всего и поболе не слушай. Должно присутствовать только то, что должно работать.

Это не «современный дизайн», это пустые украшалки.

И делаются они с помощью псевдоэлементов (так проще) с абсолютным позиционированием и через background свойства с репитом. В комментариях тебе Рустам Байназаров дал корректный референс.

Если у тебя на активный пункт меню вешается класс типа .menu.active, то ты можешь дополнить свою конструкцию с помощью .menu:not(.active):hover.

Чтобы в принципе верстать макеты, а нестандартного тут ничего нет (вообще, какие стандарты-то?) тебе необходимо уметь видеть его логические части.

В данном примере есть шапка, которая к карусели никак не относится, кроме того, что «лежит» поверх.

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

Впрочем, самый безболезненный путь → сверстать все на абсолютном позиционировании. А потом обосраться на разных экранах. Поэтому да, флексы\гриды, суть неважно, это необходимое решение + то, что я описал выше.

Ну и немного приправь это дело JS. Где-то в интернетах, я знаю точно, есть уже готовый плагин для такого формата слайдов.

Потому что гладиолус. Атрибуты занесены верно, но отключены по умолчанию.

Да и в целом верстка дрянь. Помянем)
Кроме подвала я нашел еще несколько критических багов в шапке, беду с респонсивом, кучу переопределений только в галерее и т.д. Такое с натяжкой допустимо начинающему во время разработки проекта или когда балуешься на своем.

К слову, обращение с большой буквы на вы употребляется в личном общении, а не обезличенном со страницы сайта. В подвале «Либо Вы можете».

Подтегов не существует. Но есть микроразметки для формирования сниппетов.

tel, кстати, это формат ссылки обычно <a href="tel:+1234567890">, вот только не скажу, окончательно ли он вошел в стандарт или нет, не интересовался уже несколько лет как.

На тему важности, тезисно:
1. Абсолютно все равно, что ты там себе наверстаешь.
2. Микроразметка не будет лишней, если она валидна.
3. В принципе валидная верстка это хорошо.
4. Нелишним будет задавать такие вопросы у гугла, проходясь глазами по спеке тегов.

SVG, как и изображение требует фиксированных размеров в соответствии со своими исходными параметрами, в img это размер кратинки, в SVG это вьюпорт канвы, на которой он был создан.

А потом этим размеры изменяются с помощью CSS, например max-width: 100%. Но так просто это сработает только с картинками, по идее с object тоже. Будет проще, если ты ресурс SVG вставишь в IMG, минус возможности, плюс к адаптации, как для новичка.

К слову, данный вопрос не имеет никакого отношения к Bootstrap-у.

Используй API, а не подпирай костылями URI-ы.

Если нет желания идти и специализированно получать знания у кого-то, то ты можешь почерпнуть достаточно разумные подходы у фреймворков, да. Например у этого https://getbootstrap.com/.

У них из коробки есть и шапка и карусель и баннеры и большинство основных элементов для сайта.

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

Самое время начать использовать gulp\webpack\grunt и выбрать для себя удобный шаблонизатор, например pug.

В принципе жить можно. Подход такой себе, хотя я его и чуть больше люблю, чем классические слайдеры.
Сделать надо вот что, при инициализации раздай data- атрибуты каруселькам — так ты сможешь сопоставлять активный элемент с «кружочками».

Ну и переставлять в начало требуемый элемент при выборе его не стрелками — это очень нехорошо.