Заказчик

Необходимо сверстать небольшой сайт на Html, css.

Макеты к дизайну вложены в формате PDF. (Данные макеты предварительные, будут внесены минорные изменения)

Количество страниц — 5:
- Главная
- О нас
- Контакты
- Номера
- Услуги и акции

Тематика: Глемпинг

Общие требования к верстке:
1. Часть анимации сделано в Figma, можно посомтреть, запустив Preview, все декоративные элементы внутри контейнеров будут анимированы.
2. Необходимо добавить eslint в Gulp проекта, чтобы стандартизировать код (выбор стандарта eslint не имеет значения)
3. Для тех элементов, где используется background-image нужно предусмотреть подстановку webp
изображения. Если черезе css задается, тогда в html структуре нужно предусмотреть доп-атрибуты, типа:
data-src, data-src-webp, data-src-sm, data-src-webp-sm ...
4. Все inline background-image должны иметь возможность подтягивать webp изображения.
5. Необходимо установить расширение google pagespeed insight в бразуер, чтобы при верстке сразу
исправить ошибки валидации.
6. Не должно быть пустых a.href, все кнопки, которые не содержат текста, должны использовать атрибут aria-
label,
7. В Gulp необходимо исользовать cssnano для минификации css кода.
8. Если в форме есть места, где для инпутов необходимо указать Label, то нужно использовать Label, а не
Span.
9. Все тексты статей (+SEO
тексты) должны быть обернуты в тег < p> без каких-либо лишних классов.
10. Все изображения внутри текстов статей (+SEO
тексты) должны использовать тег picture внутри которого
теги изображений, причем как родительский тег < picture>
так и вложенные теги не должны иметь каких-
либо дополнительных классов.
11. При реализации галерей допускается использовать сторонние библиотеки.
12. Допускается использовать jQuery.
13. Попапы должны закрываться согласно bestpractice:
- Нажатие на кнопку ESC
- Нажатие на фон (за пределами самого popup)
- Нажатие на кнопку закрытия
- При наступлении event "Submit"
14. Все настройки верстки, которые используются в JS, должны быть вынесены в отдельный JSON файл и /или в разметку HTML;
15. В JS файле не должно быть никаких контантных значений (не должно быть хардкода);
16. Все схожие по структуре элементы должны иметь одинаковую DOM структуру и одинаковые классы (например, можно задать class для родительских элементов, если меняются стили);
17. При реализации форм обратной связи (в т.ч. в попапах) необходимо передавать hidden inputs, которые
будут содержать информацию:
- Роут – страница с которой была отправлена форма;
- Название формы – чтобы можно было определить с какой именно формы было отправлено письмо;
18. Все карусели сайта должны работать как при нажатии на кнопку листания, так и свайпом.

Добрый день, необходимо разработать дизайн сайта: апарт-отель.
Техническое задание в приложении.

Обязательно ознакомьтесь с Техническим Заданием

Необходимо:
- предоставить порфтолио;
- обозначить стоимость выполнения (можно вилку);
- обозначить срок выполнения

Спасибо!