Верстка
38 USDИщу верстальщика для проекта, верстка по этапно, по несколько страниц.
Для каждого этапа создаеться отдельный проект.
https://www.figma.com/file/HhVsxi5lfDg0hYxe7gKWGaAL/EzyParts-%E2%80%94-Front-end?node-id=0%3A1
Адаптивная верстка
H1 вначале, нельзя менять с H2
Порядок должен быть
ТЗ:
Страницы продавца (Seller page / Shops / Reviews) — это 3 разных страницы с разными url, которые объединяет только блок seller-summary (смотри слои).
Блок seller-summary
Звездочки рейтинга как в карточке запчасти.
«97% положительных из 137 отзывов» просто текстом (не ссылкой).
При наведении на «Высокий уровень доверия 90%» должен появляться тултип с текстом (можно без переносов на новую строку):
Удостоверение личности — 30%;
Фото с удостоверением личности в руках — 30%;
Документ о ТОО или ИП — 10%;
Справка о несудимости — 30%;
Предусмотреть для программистов, что дата регистрации, рейтинг и количество просмотров будут считаться автоматически.
Desktop — Seller page
Текста в блоке «О компании» может быть меньше, чем высота блока «Платежные реквизиты». Нужно предусмотреть, чтобы блок «Основной ассортимент» не налезал на платежные реквизиты.
Блок «Платежные реквизиты» будет появляться только если пользователь заполнил соответствующее поле в личном кабинете. При этом, остальные блоки должны оставаться такие же по ширине и высоте.
Desktop — Shops
Блоки магазинов такие же, как и в карточке запчасти. Разница только в ширине.
Desktop — Reviews
(125) — количество отзывов, которое будет подсчитываться автоматически.
Продавец и покупатель могут добавлять комментарии к отзыву (смотри второй отзыв). Для покупателя этот функционал будет реализован в личном кабинете через личные сообщения. А история переписки будет отображаться на этой странице. Отступ между комментариями (серыми плашками) 10px.
Пагинацию отрисовал в 2х видах, для первой и второй страницы. Смотри скрытую папку «pagination_2-page» (content > review).
Desktop — Reviews (seller view)
Так страницу видит авторизованный в системе продавец.
Шапка
Кнопка «Продавец» — отображается, если у продавца есть 2 кабинета: кабинет продавца и кабинет покупателя. При нажатии на эту кнопку будет переключение между этими кабинетами. Если нет второго кабинета — иконки располагаются с отступом в 30px между ними.
Карточки отзывов
В карточках отзывов появляется кнопка «Добавить комментарий», при нажатии на которую будет всплывать форма с добавлением комментария (смотри первый отзыв).
Для каждого этапа создаеться отдельный проект.
https://www.figma.com/file/HhVsxi5lfDg0hYxe7gKWGaAL/EzyParts-%E2%80%94-Front-end?node-id=0%3A1
Шапка и подвал сверстаны, нужно будет только доработать их. Магазин продавца тоже сверстан, нужно только ужать по ширине.
Шапка и подвал на PHP
Адаптивная верстка
H1 вначале, нельзя менять с H2
Порядок должен быть
ТЗ:
Страницы продавца (Seller page / Shops / Reviews) — это 3 разных страницы с разными url, которые объединяет только блок seller-summary (смотри слои).
Блок seller-summary
Звездочки рейтинга как в карточке запчасти.
«97% положительных из 137 отзывов» просто текстом (не ссылкой).
При наведении на «Высокий уровень доверия 90%» должен появляться тултип с текстом (можно без переносов на новую строку):
Удостоверение личности — 30%;
Фото с удостоверением личности в руках — 30%;
Документ о ТОО или ИП — 10%;
Справка о несудимости — 30%;
Предусмотреть для программистов, что дата регистрации, рейтинг и количество просмотров будут считаться автоматически.
Desktop — Seller page
Текста в блоке «О компании» может быть меньше, чем высота блока «Платежные реквизиты». Нужно предусмотреть, чтобы блок «Основной ассортимент» не налезал на платежные реквизиты.
Блок «Платежные реквизиты» будет появляться только если пользователь заполнил соответствующее поле в личном кабинете. При этом, остальные блоки должны оставаться такие же по ширине и высоте.
Desktop — Shops
Блоки магазинов такие же, как и в карточке запчасти. Разница только в ширине.
Desktop — Reviews
(125) — количество отзывов, которое будет подсчитываться автоматически.
Продавец и покупатель могут добавлять комментарии к отзыву (смотри второй отзыв). Для покупателя этот функционал будет реализован в личном кабинете через личные сообщения. А история переписки будет отображаться на этой странице. Отступ между комментариями (серыми плашками) 10px.
Пагинацию отрисовал в 2х видах, для первой и второй страницы. Смотри скрытую папку «pagination_2-page» (content > review).
Desktop — Reviews (seller view)
Так страницу видит авторизованный в системе продавец.
Шапка
Кнопка «Продавец» — отображается, если у продавца есть 2 кабинета: кабинет продавца и кабинет покупателя. При нажатии на эту кнопку будет переключение между этими кабинетами. Если нет второго кабинета — иконки располагаются с отступом в 30px между ними.
Карточки отзывов
В карточках отзывов появляется кнопка «Добавить комментарий», при нажатии на которую будет всплывать форма с добавлением комментария (смотри первый отзыв).
Client's feedback on cooperation with Andrii Voskoboienko
ВерсткаДоволен работой Андрея, все правки внес согласно комментам.
Profile banned | Safe
Freelancer's feedback on cooperation with client
ВерсткаОтличный профессиональный заказчик!
Current freelance projects in the category HTML and CSS
Доверстати html форму страхуванняhttps://www.figma.com/file/MmL1AGDBp2bOlzJ6vidOrs/%D0%A4%D0%BE%D1%80%D0%BC%D0%B0-%D1%81%D1%82%D1%80%D0%B0%D1%85%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F?type=design&node-id=0%3A1&mode=design&t=UvVjyqMnoyBdGGmu-1 HTML and CSS, Web programming |
Layout of the main page of a bike shop
76 USD
Adaptive layout for the main page of a bike shop. Layout: https://www.figma.com/file/1uA2WXs1yK9avxiYIO5KOQ/Bicycle-Internet-Store?type=design&node-id=13-37&mode=design&t=kX20tUNsEixTYRSN-0 The layout should be pixel-perfect. Adaptation should work correctly on all screens.… HTML and CSS, Web programming ∙ 5 proposals |
Develop a responsive website and integrate it into the Wordpress engineAdaptively layout a multi-page website and integrate it into the Wordpress engine. Budget and deadlines are specified in the project. It is mandatory to report on the progress of the work. Edit all website content. After development, it will need to be transferred to our hosting… HTML and CSS, PHP ∙ 11 proposals |
Speed up the page loading speedOn the website, one page is a consultation of doctors https://medturbota.com/uslugi/konsyltacii-vrachey-na-domy/ - it loads slower than others. When scrolling down, the elements are displayed with a delay and for a long time, when scrolling up - the elements are reloaded. HTML and CSS, Search engine optimization ∙ 5 proposals |
Website development on clean Opencart 4 + CMS programmingHello. I am looking for a web designer and programmer for a website on clean Opencart. We have an existing online store for natural products that needs a complete replacement. Currently, we have almost ready design (project in figma). Making final adjustments. What needs to be… HTML and CSS, CMS installation and configuration ∙ 4 proposals |