Антон Неверов

:visited

То, что вы предоставили - это формат шаблонизатора Pug. Ещё такие штуки называют препроцессорами HTML. Они аналогичны препроцессорам CSS: Sass, SCSS и другим. Позволяют меньше писать и кому-то нравятся больше. В чём-то удобнее и, самое главное, умеют работать с JavaScript.

В вашем случае, чтобы получить чистый HTML достаточно нажать на кнопку View Compiled HTML:

Попробуйте. Тоже самое работает с select и input.

.chat-textarea:focus {
  outline: none;
}

1) Самый простой и банальный вариант - сделать div'ы вместо фото и картинки задавать бекграундами к этим div'ам. Это минимум проблем, если нет надобности эти картинки, например, копировать.
2) Создать стили CSS, который будут регулировать ваши картинки. По высоте, скорее всего, и все в ряд будут одинаковыми
3) Создать бекенд, который будет пропускать через себя картинки и ресайзить их до нужных размеров. (самый сложный и, скорее всего, не эффективный вариант)

Flexbox, вместо float - скорее всего этого ответа от вас ждали. Но отличий полно, как определить какое главное, а какое побочное - непонятно.

https://github.com/alvarotrigo/fullPage.js#options
verticalCentered: false

Может, если изменять CSS через JavaScript и добавлять атрибут style сразу к элементу, который нужно крутить.
Если же значения взяты из статичного файла CSS - то нет.

Не очень понимаю, что именно мешает просто сделать

.widget-sidebar > ul li a {
  font-weight: 500;
}

в style.css.

Первый блок - он не блок совсем. Делаете его postion:fixed, а у второго блока делаете отступ от верха высотой первого блока. При сколе первый блок будет оставаться на месте и второй будет "наскроливаться" на него.

https://github.com/zalog/placeholder-loading