LoveSPer – №1095617

Создать простой неупорядоченный список из пяти элементов (в качестве маркера использовать квадрат). Каждый элемент должен представлять собой миниатюру (эскиз картинки размером в 200 пикселей по ширине), являющуюся ссылкой на полное изображение. При клике на миниатюру должна открываться страница с изображением в его полном размере. На странице с изображением должна быть кнопка "Назад" (именно кнопка, оформленная через стили, а не просто ссылка), ведущая обратно на страницу с миниатюрами.Для каждой страницы должен быть одинаковый фон (не просто белый, а текстура, например, с сайта ссылка У каждой страницы должна быть правильно оформленная структура HTML и подшит внешний файл со стилями CSS. Свернуть

Нужно сверстать сайт-каталог: десктоп, мобильная и планшет версии.
Дизайн главных и внутренних страниц готов (в psd).
Для понимания объема работ прикреплен дизайн главных страниц. Свернуть

Есть мобильная и десктопная версия дизайна (figma).

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

- На некоторых страницах идёт вывод картинок в masonry, нужно правильно совместить это с lazy load, чтобы не было типичных глюков (таких как наложение картинок друг на друга при подгрузке новых).
- Нужен фильтр контента на странице со списком - вводим в поле "поиск" какой-то текст, и остаются только соответствующие элементы списка. Это не поиск по сайту, а именно в пределах содержимого одной страницы
- Должна быть зелёная зона для мобильных в pagespeed и gtmetrix.

Дизайн: ссылкаСвернуть