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

background-size совместно с background-position и, возможно, media условиями

Почему не работает скрипт после append?

Lavrov95,

$(document).on('click', '.ui-state-default', function(e) {
     var imageId = ($(this).attr('id')); 
     alert(imageId);
});

https://jsfiddle.net/jf7d9xgr/

Почему не работает скрипт после append?

Lavrov95, -> jsfiddle.net

Почему не работает скрипт после append?

В чем отличия между .onclick() и .on('click', .....) в jQuery?

Как сделать такой input?

SmthTo, к сожалению так

Как сделать такой input?

SmthTo, с виду рабочий вариант и с email https://codepen.io/anon/pen/yZGEgY
placeholder можно не показывать совсем, а можно, как будто мы хорошие, и показать.

Можно ли начинать верстать сайт по такаому макету?

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

Как сделать отдельные блоки, как на википедии?

margin чтоль? https://jsfiddle.net/92ro1ghx/
Либо grid-gap для display: grid.

Id из одного html в другой как сделать??

Rupex, классно, а что у вас есть кроме html?

Id из одного html в другой как сделать??

Rupex, нормально опишете проблему - получите нормальный ответ.

Id из одного html в другой как сделать??

Exploding, хм, ну может и так. Значит, мой хрустальный шарик не работал.

Id из одного html в другой как сделать??

https://tproger.ru/articles/localstorage/

Можно ли юзать более 2х шрифтов на сайте?

Если вы не будете только из-за заголовков грузить все 9х2 (с курсивом) вариантов шрифта, то почему бы и нет, если макет смотрится гармонично.

Какую галерею изображений на jQuery или нативном js можно использоваться для реализации данного функционала?

Это то, что вам нужно: https://fancyapps.com/fancybox/3/ ?
По кнопочке customize открывается меню с опциями, в частности показ превью. Дальше CSS'ом спозиционируйте его куда надо..

Что лучше Фреймворк или Дримвивер?

Владимир Проскурин, да, точно, вертикальные ячейки в сложных таблицах иначе склеивались не всегда удачно)))
С одной стороны, это всё было весело. Но как сейчас мне нравится больше.

Что лучше Фреймворк или Дримвивер?

Владимир Проскурин, генератор кнопок, использовала, 2раза. Но тогда не знала html и css.
Потом, пользовалась только вставкой каркаса таблиц, верстали-то ими. Emmeta не было, а руками писать все эти table было бы ужасно.

Что лучше Фреймворк или Дримвивер?

Владимир Проскурин, боже, как я любила старые FrontPag'Ы ))))
(не в качестве визуального редактора, разумеется)

Как часто желательно посылать пользователю email'ы о статусе его оплаты и самого заказа?

jakuraji, А огрызаться не стоит.
Вы можете нанять специалиста и оплатить его работу.
Но вы выбираете вариант бесплатного получения совета. Вряд ли кому-то из нас хочется тратить время на то, чтобы написать в ответ бессмыслицу или получить от вас негатив. Поэтому, если ответ не понятен - переспросите. Ответ не подходит - проигнорируйте.

Как часто желательно посылать пользователю email'ы о статусе его оплаты и самого заказа?

jakuraji, господи, да хоть еще 100 тысяч статусов оплаты.
По-русски же написала, разрешите пользователю самому выбирать о каких изменениях в статусе он хочет получать уведомления.

И о своем мнении тоже написала, я бы оставила только

На почту уведомление "ваш заказ отправлен".

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

В рамках агрессивной рекламы, ваш "pending", возможно, поможет. Но это нужно тестировать конкретно на вашей целевой аудитории.

Как сделать разный before?

Владимир Проскурин, я уже привыкла ставить 2, даже не смотря на то, что не очень их люблю. Правда, с приходом svg и возможности засунуть svg прямо в content стала чаще использовать.