Верстка главной страницы, 1920, 1440, 360 Минимум js кода, знание SVG спрайтов без использования js. отдельный css для первого экрана для десктопа и мобильного. W3C, без фреймфорков, навыки работы с SVG
Сверстать две страницы для проекта
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Нужно сверстать 2 страницы по дизайну.
1. Страница категорий
2. Страница товаров
Нужно сделать верстку как на дизайне чтобы первая колонка в таблице на узких экранах фиксировалась, а остальные колонки можно было свайпать влево/вправо.
Все стили нужно делать в отдельном файле niche.css. Этот файл нужно подключить к проекту.
Все классы должны быть названы с префиксом "niche-" чтобы не было конфликтов с другими элементами на других страницах.
ВАЖНО: код фильтра должен быть один. Нельзя делать отдельно фильтр для десктопа и отдельно для мобайла. В html это должен быть 1 блок.
Страница категорий уже сверстана "на скорую руку", расположена по адресу mypulse.ru/test
Нужно сделать верстку чтобы она соответствовала макету.
---
Дизайн в фигме:
Комментарии по макетам:
- Категории на десктопе
Фильтр постоянно открыт и не сворачивается
- Категории на планшете
Фильтр постоянно открыт и не сворачивается
Первая колонка в таблице зафиксирована, а остальные колонки можно было свайпать влево/вправо.
Количество столбцов в таблице будет добавляться.
- Категории на мобайле (фильтр открыт)
По-умолчанию фильтр открыт. При нажатии на "Подобрать" фильтр закрывается и отсылается ajax запрос. При нажатии на "Закрыть" фильтр просто закрывается.
- Категории на мобайле (фильтр закрыт)
Фильтр можно открыть кликнув на розовую иконку фильтра фильтра с нижнем правом углу экрана. Кнопка фильтра статичная (position: absolute) и не двигается при скроле страницы.
Первая колонка в таблице зафиксирована, а остальные колонки можно было свайпать влево/вправо.
Количество столбцов в таблице будет добавляться.
- Товары на десктопе
Просто таблица
- Товары на планшете
Первая колонка в таблице зафиксирована, а остальные колонки можно было свайпать влево/вправо.
Количество столбцов в таблице будет добавляться.
- Товары на мобайле
Первая колонка в таблице зафиксирована, а остальные колонки можно было свайпать влево/вправо.
Количество столбцов в таблице будет добавляться.
---
На проекте уже используется эта тема:
Максимум элементов нужно взять из темы, например такие как:
- Таблица demos.creative-tim.com/ma...
- Пагинация demos.creative-tim.com/ma...
- Чекбоксы demos.creative-tim.com/ma...
- Слайдер demos.creative-tim.com/ma...
- Таймлайн demos.creative-tim.com/ma...
- Похожие заказы
- $23HTML-верстка1 исполнительЗакрыт2 года назад
Требуется специалист, который сможет сверстать лендинг и посадить на MODX. Есть ТЗ, скину лично.
HTML-верстка1 исполнительЗавершен2 года назадНеобходимо сделать сайт и скинуть мне исходный код со всеми файлами https://freebiesbug.com/psd-freebies/blog-ecommerce-psd-template-surfers/
HTML-верстка47 заявокЗакрыт2 года назадСсылка на макет. От вас цена и сроки (так как в приоритете цена, то сроки можно ставить побольше ) https://www.figma.com/file/lzyjnT6DwkY1wCByf2INqf/nezabudkafun-(Copy)?node-id=67%3A6474
HTML-верстка1 исполнительЗавершен2 года назадЕсть иностранный сайт производителя дронов. Необходимо скопировать сайт, сверстать для него адаптивную версию. Без натяжки на движок. На сайте очень много вставок с видео. Сайт http://www.qifeizn.com:8098/
HTML-верстка1 исполнительЗавершен2 года назад[i]Доброго дня! Необходимо сверстать сайт для магазина цветов (6 основных страниц). Макет не сложный, без анимаций. ТЗ отправлю при детальном обсуждении с исполнителем. Требования: - Адаптивная верстка - Адекватное отображение во всех браузерах - Без использования Bootstrap и подобных фреймверков [u]Ожидаю адекватные сроки ...
HTML-верстка1 исполнительЗавершен2 года назадЗдравствуйте. Есть сайт на wordPress. Надо сделать кликабельный фон - рекламный баннер, пример во вложении. Какой размер баннера нужен для этого, чтобы сайт не тормозил, открывая картинку?
HTML-верстка10 заявокЗакрыт2 года назадНеобходимо продолжить работу над макетом, сверстанном на гридах, сохранив уже заданный стиль/способ верстки. Макет выполнен в основном размере, имеется 1 адаптив. Необходимо сверстать (прописать медиа запросы) еще для пяти экранов, макеты вышлю. Сайт должен быть ...
HTML-верстка16 заявокЗакрыт2 года назад- $3
Сверстать раскрывающийся блок со скрытым содержанием (нужен только кусок кода для раскрытия). Дедлайн - сегодня. Пример: http://tchaik-tour.ru/Home/Hotels (раскрывается блок при нажатии на группу средств размещения) Код нужен для раздела Достопримечательности: http://tchaik-tour.ru/
HTML-верстка1 исполнительЗавершен2 года назад