Верстка 3x макетов на Tailwind CSS или на чистом HTML5/CSS3
Цель
- Сделать верстку для будущего приложения веб-каталога, которое будет написано на vue.js.
Технические требования
- Сделать качественную верстку 3х макетов на Tailwind CSS или на чистом HTML5/CSS3 (макеты прилагаются)
- Можно использовать чистый джаваскрипт, но не JQuery (нужно будет для фиксации панелей после прокрутки)
- Верстка должна быть на всю ширину экрана. На макетах нарисована панель с категориями и основная панель с 4мя карточками в ряд, на самом деле при максимальной ширине должно быть 7 карточек (на 4к мониторе), при сужении экрана 6 карточки, потом 5, потом 4, потом 3, потом 2. На мобильном показываем 2 карточки в ряд.
- В макетах используются слайдеры для карточек, например для "популярных категорий" и "новинок". Если на самом деле элементов меньше, чем допускает ширина, существующие элементы нужно растягивать. Например, экран на всю ширину допускает 5 карточек, а существует только 2 субкатегории, их нужно равномерно растянуть на всю ширину под 5 карточек. Если карточка вообще одна показываем ее на пол ширины основной панели.
- Все остальные детали описаны на макетах, вид на мобильном также есть на макетах
Дизайн
- Дизайна нет, но результат должен выглядеть стильно, как минималистический дизайн (то, что дизайна нет не значит, что он не важен)
- Основная цель - демострация технических возможностей приложения веб-каталога заказчикам, которые потом смогут заказывать для него свой дизайн
- Простота, стиль и целостность (должны использоваться одинаковые марджины и паддинги, где это нужно, кнопки должны быть в одном стиле, дерево категорий должно быть акуратным, поле поиска везде в одинаковом стил, ничего не должно разлазиться при изменение расширения экрана и т.д.)
- Основной шрифт - робото 16 пкс
- Для иконок нужно использовать бесплатные иконки Font Awesome
- Вместо плейсхолдеров картинок должна использоваться однопиксельная картинка
Требования к исполнителю
- Качество - все должно показываться эстетично при любом расширении экрана
- Лаконичность в СSS
- Опыт работы с Tailwind CSS, если есть прошу показать примеры
- Чувство стиля и красоты (по моему мнению есть не у всех верстальщиков)
Этапы проекта
- Сначала нужно показать любую первую страницу
- Потом можно доделать все остальные страницы
Будут рассматриматься предложения только с конкретной ценой, а не "могу сделать".
Прошу называть реальную дату, до которой проект будет выполнен, дедлайн критичен. Также прошу указывать как именно Вы собираетесь реализовывать проект.
Готов ответить на любые вопросы.
Додатки 3
-
судя по макту там прийдется карусель на js написать
-
и это плюс на js что она адаптировалась и тд.
-
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 6 годин 19 хвилин тому ∙ 15 ставок |
Налаштування інтернет-магазину тканин на WordPress + WooCommerce за шаблоном Astra
14 789 UAH
Потрібно налаштувати та підготувати до роботи інтернет-магазин меблевих тканин для ринку Норвегії. Домен, хостинг та WordPress уже встановлені: eximtextilnordiq.com Сайт потрібно зробити не з нуля і без індивідуального програмування, а на готовому безкоштовному шаблоні Astra,… CMS, HTML та CSS верстання ∙ 11 годин 12 хвилин тому ∙ 48 ставок |
Сайт реберня-піцеріяКлієнтська частина — динамічне меню з Firebase, категорії з вкладками, картки страв з фото і цінами, підтримка двох розмірів (піца 30/40 см), адаптивний мобільний дизайн, бічне меню з контактами і локацією. Адмін-панель — авторизація, управління категоріями і стравами… HTML та CSS верстання ∙ 15 годин 3 хвилини тому ∙ 75 ставок |
Потрібно зробити доопрацювання на сайті Modx Evolution CMS 3.1.7
1000 UAH
Розробляється доопрацювання дизайну та верстка сайту, потрібно буде впровадити ці роботи на сайт.Також впровадити деякі доопрацювання на сайті. HTML та CSS верстання, PHP ∙ 15 годин 44 хвилини тому ∙ 22 ставки |
Розробка Minecraft Java Seed Map / Seed Viewer для сайтуРозробка Minecraft Java Seed Map / Seed Viewer для сайтуОпис проєкту Потрібно розробити browser-based інструментMinecraft Java Seed Map / Seed Viewer, який буде працювати на нашому сайті та дозволятиме користувачу ввести seed Minecraft Java Edition і переглянути інтерактивну… C та C++, HTML та CSS верстання ∙ 1 день 8 годин тому ∙ 13 ставок |