Как предоставить готовую вёрстку заказчику?

Neolq, Ну это по факту и не предоплата. Вы же уже всё сделали? Потратили на это какое-то время. Хочет сам покликать - проведите интерактивное демо через условный teamviewer.
Оплатит - зальёте на ссылку или полностью передадите все исходники. Как договоритесь.

Как предоставить готовую вёрстку заказчику?

Neolq, Всмысле бесполезный? Нажимаете ctrl+s на открытой странице и всё, страница уходит пользователю на пк. Которую он потом может залить куда хочет.

Как предоставить готовую вёрстку заказчику?

Вот чтоб таких вопросов не возникало и нужно заключать договор, как минимум, чётко оговаривать порядок выполнения работ и оплаты за неё.
Есть сомнения что кинет? Кинь скриншоты, запроси часть оплаты. Ссылку после того как оплатит.
Нет сомнений? Залей на pages.
Вообще нет сомнений? Кидай весь архив.
Сомнений нет, но есть подозрения? Кинь запароленый архив. Пароль меняй на деньги :-)

А ещё можно созвониться и провести демонстрацию с показом экрана. Ну или видос записать скинуть.

Подключение css в футере?

Ну так спросите у того, кто это тз составил? Откуда нам знать что именно у этого человека было в голове, когда он это писал?

Как вернуть элементу начальные свойства?

mydarck, Но если Вы меняете display через el.style.display, а начальное значение в css, то ответ Сергей delphinpro намного лучше.

Как вернуть элементу начальные свойства?

Как по мне, самый простой тут для Вас способ будет записывать при смене на отличное от начального в data-initial-display нужное значение. И когда нужно вернуть, считывайте из него и устанавливайте.

Если display начальный укзаан в css, то получить его можно через getComputedStyle(element).display

Только без фанатизма. Этот метод может тригерить перерисовку страницы.

Как подключить (аналог php include) html файл в js?

iframe?
fetch на /hello.html ?

Ничего если подравлю картинку в дизайне макета?

Это фоновое изображение. Причём тут сетка?

Как сделать отступы между слайдами?

Как сделать отступы

Прочитать документацию? https://swiperjs.com/swiper-api
Ознакомиться с блочной моделью в css? https://developer.mozilla.org/ru/docs/Learn/CSS/Bu...

Как обрезать блоки так?

overflow: hidden;

Как изменять значения input в html структуре через клик по кнопке?

Т.е у меня ноль не меняется при кликах на кнопки

Ну так а где Вы вызываете функуцию, которая меняет значение в диве?

Как на jquery сделать проверку на горизонтальный resize окна?

Cheizer, почитайте про область видимости переменных.
В функции resize ваш $width будет undefined

Как на jquery сделать проверку на горизонтальный resize окна?

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

Как правильно подготовить фото к production?

Саша, нет. В идеале всегда используем picture. А с процентами или жёсткими значениями от требования заказчика. Но адаптивно делают настолько редко, что под адаптивным уже всегда подразумевают responsible

Почему при клике на кнопку выводится NaN?

Ruslan, Правила сервиса:

3.2. Формулировать вопрос максимально информативно и однозначно. Использование общих формулировок приводит к тому, что пользователи оказываются вынуждены тратить время на ознакомление с вопросом, хотя он может быть заведомо им не интересен. Поэтому, вместо общих формулировок (например, «Где найти драйвер на принтер?»), следует использовать максимально детальные формулировки (например, «Где найти драйвер на EPSON L110 под Linux Mint 18.1 Cinnamon?»).

Как правильно подготовить фото к production?

Саша, Верстать надо так, как от Вас требует этого заказчик.

а в целом - через picture и responsible.

Как правильно подготовить фото к production?

Саша, https://www.youtube.com/watch?v=WfzKd16LplI
Доклад в целом интересный, но про автоматизацию хоть и совсем чуть чуть, но достаточно для отправной точки, с 43ей минуты примерно.

Как правильно подготовить фото к production?

Саша, Тут зависит от выбранного подхода к адаптации интерфейса.
Собственно, отличают 2 вариант
• Адаптивный интерфейс (adaptive) - проще в реализации и сопровождении. Суть которого в том, что интерфейс имеет некоторое количество брэйкпоинтов, при достижении которых применяет указанный набор стилей. При таком подходе общая ширина контента сайта строго фиксируется, скажем, на 320пикселей при ширине экрана менее 768пикселей, 768пикселей при менее 1200пикселей и 1200пикселей при ширине 1200+ пикселей. И соответственно контент всегда по центру отображается по горизонтали.

• Резиновый интерфейс (responsible) - включает в себя адаптивный подход с его брэйкпоинтами, однако в резиновом подходе к адаптации интерфейсов меньше жёстких значений(пикселей), больше относительных. В частности - процентов. Таким образом, контентная часть сайта при уменьшении размера экрана до 1100пикселей по прежнему занимает всё доступное пространство -1100 пикселей, но некоторые блоки начинают сужаться. В том числе и картинки.

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

Как правильно подготовить фото к production?

Саша, Я же сказал, это картина в идеальном мире. Далеко не все так делают, даже гиганты.
А вообще, если картинка при всех разрешениях одинаковая, то есть средства автоматизации, как на бэкэнде, так и на фронтенде, в процессе сборки проекта.

Как правильно подготовить фото к production?

Саша,

мне сказали что использовать "Резиновые фотографии" НЕЛЬЗЯ

Не совсем понятно что имеется в виду под "резиновые фотографии". Это когда берёте десктоп фотку и ужимаете её в размерах при уменьшении разрешения экрана?
Если да, то тут зависит от проекта. Ну и "нельзя" это слишком громко сказано. Скорее - настоятельно не рекомендуется.
Соответственно, если у Вас есть картинка, которая на десктопе 1200х600, на планшете 800х400, а на телефоне 400х200, То, по хорошему, у Вас должно быть шесть экземпляров этой картинки.
На каждый брэйкпоинт по 2 штуки. С одинарной плотностью пикселей и с двойной.
Например на мобилку будут такие две картинки:
1) 400х200 одинарная плотность пикселей
2) 800х400 - двойная.
На планшет:
1) 800х400 - одинарная плотность
2) 1600х800 - двойная.
На десктоп:
1) 1200х600 - одинарная
2) 2400х1200 - двойная.

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

А в идеальном мире, их должно быть ещё больше. Каждая фотка в одинарной плотности и в двойной и разных форматов. jpeg\png + webp + avif. Итого получаем 3 брэйкпоинта, 3 формата файлов, 2 плотности = 3*3*2 = 18 вариантов одной картинки. НО это прям совсем идеальная картина мира, и это сложная и дорогая процедура по подготовке всех этих картинок. Это так. скорее для общего сведенья. Не стоит бросаться с головой так делать. И это не для каждой картинки так нужно.