Бесплатно зарегистрируйся и получай уведомления о новых проектах по работе

Валидная верстка

1
Заказчик
Отзывы фрилансеров: + 2 - 0
Зарегистрирован на сайте 5 лет и 11 месяцев
Бюджет: 12 000 руб/заказ
134.73 $ — 126.11 €
Дедлайн: 05.11.2023
Исполнитель определен: Максим Комаров  
Необходимо сверстать небольшой сайт на 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. Все карусели сайта должны работать как при нажатии на кнопку листания, так и свайпом.
Разделы:
Заказ
Опубликован:
23.10.2023 | 17:25 [поднят: 23.10.2023 | 17:25] [последние изменения: 07.11.2023 | 14:57]

Теги: верстальщик удаленно, сверстать сайт, сделать верстку, требуется верстальщик, сверстать страницу, ищу верстальщика

Сведения об ООО «Ваан» внесены в реестр аккредитованных организаций, осуществляющих деятельность в области информационных технологий. ООО «Ваан» осуществляет деятельность, связанную с использованием информационных технологий, по разработке компьютерного программного обеспечения, предоставлению доступа к программе для ЭВМ и является правообладателем программы для ЭВМ «Платформа FL.ru (версия 2.0)».