Верстка 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, если есть прошу показать примеры
- Чувство стиля и красоты (по моему мнению есть не у всех верстальщиков)
Этапы проекта
- Сначала нужно показать любую первую страницу
- Потом можно доделать все остальные страницы
Будут рассматриматься предложения только с конкретной ценой, а не "могу сделать".
Прошу называть реальную дату, до которой проект будет выполнен, дедлайн критичен. Также прошу указывать как именно Вы собираетесь реализовывать проект.
Готов ответить на любые вопросы.
Applications 3
-
судя по макту там прийдется карусель на js написать
-
и это плюс на js что она адаптировалась и тд.
-
Current freelance projects in the category HTML & CSS
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 5 hours 3 minutes back ∙ 13 proposals |
Setting up a fabric online store on WordPress + WooCommerce using the Astra template
330 USD
It is necessary to set up and prepare an online store for furniture fabrics for the Norwegian market. The domain, hosting, and WordPress are already installed: eximtextilnordiq.com The site should not be created from scratch and without custom programming, but on the ready-made… Content Management Systems, HTML & CSS ∙ 9 hours 56 minutes back ∙ 48 proposals |
Rib restaurant-pizzeria websiteThe client side — a dynamic menu with Firebase, categories with tabs, dish cards with photos and prices, support for two sizes (pizza 30/40 cm), responsive mobile design, a sidebar menu with contacts and location. The admin panel — authorization, management of categories and… HTML & CSS ∙ 13 hours 47 minutes back ∙ 75 proposals |
Need to make improvements on the Modx Evolution CMS 3.1.7 site.
22 USD
The design refinement and layout of the website are being developed, and these works will need to be implemented on the site.Also, some adjustments need to be implemented on the site. HTML & CSS, PHP ∙ 14 hours 28 minutes back ∙ 22 proposals |
Development of a Minecraft Java Seed Map / Seed Viewer for the websiteDevelopment of Minecraft Java Seed Map / Seed Viewer for the websiteProject Description A browser-based tool Minecraft Java Seed Map / Seed Viewer needs to be developed, which will work on our website and allow the user to enter a seed from Minecraft Java Edition and view an… C & C++, HTML & CSS ∙ 1 day 7 hours back ∙ 13 proposals |