Максим Тимофеев

надо формировать ifreme c учетом пользователя и всех параметров. из вне в ifame ничего не передашь

Что бы ответить на вопрос что Вам нужно знать, надо понимать что Вы знаете. Сам по себе html нигде не используется. Он идет в связке, как минимум с css и jquery, если зарабатывать версткой.
На базе чего Вы делаете сайты? Голый статичный HTML? За такое не платят.

прочитать api photoswipe.com/documentation/getting-started.html

буквально пару первых абзацев
и сделать:

$('#knopka').on('click',function(){
var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);
gallery.init();
});

1 сервер, 1 база - несколько минисайтов. Все работает через 1 контроллер.

Ищи js скрипты "размытый прозрачный фон", "эффект молочного стекла" и т.д. В Гугле много вариантов. Но в комплекте с яндекс картами будет весьма медленно работать, скорее всего.

Какие плагины? Просто background-image в css задать.
Можно растянуть div на заднем фоне. Ему background-image и

$('#backdiv').on('click',function(){
тут код перехода или еще что-то
});

Не понятно в чем у Вас сложность. Что из примера Вам не понятно как сделать?

Есть множество datepiker-ов на js, в которых это реализовано или можно реализовать. Но для каждого случая будет индивидуальное решение. Что Вы используете для выбора даты?
Вот первые что пришли в голову:
nazar-pc.github.io/PickMeUp
jqueryui.com/datepicker

Кешировать и выводить из кеша

https://yandex.ru/search/?text=js%20скрипт%20корзи...

Варианты:
1. На background положить картинку или две.
1.1. Контейнер для заголовка с полоской на фоне, а заголовок перекрывает фон и имеет width:auto; и margin:auto;
2. Таблицей 3 столбца две строки, средняя rowspan-2 у левой верхней и правой верхней бордер снизу

Подключите bootstrap и пользуйте их виджет модального окна. Или напишите на jquery - там 3 строчки кода. Если не знаете jquery - срочно учить. Не представляю себе веб проекта, где бы jquery не был базисом для юзер интерфейса сайта.

Для начала положите контент в контейнер, а потом задайте ему margin-bottom:200px;

Надо сделать так, что бы картинка не вылазила. Зачем придумывать заплатку там, где проще исправить ошибку. А элементы, которые выходят за экран, растягивая рабочую область - это явно ошибка.
Как вариант, положить картинку на фон или использовать для нее абсолютное позиционирование.

Текст нечитабельный, подгрузка контента не работает. Картинка не кликательная. Зачем js для формирования плитки? Ради анимации? А при 5-й подгрузке контента браузер кашлять не начнет?
header - это тег для заглавия страницы, а не блока, это же касается и footer.
абсолютное позиционирование - это зло, если использовать его без необходимости. Там можно сверстать все релятивно.
Я бы за такое не платил. Применение тех или иных методов, должно быть оправдано. А тут все сделано без идеи.