Необходимо сделать верстку интернет магазина с главной страницей в виде лендинга. Макеты в figma, суммарно 11 страниц (некоторые почти идентичны). Макеты в двух размерах (моб и десктоп)
Общие требования
- Pixel perfect (сравниваю с мобильным и десктопным макетом через chrome ext.)
- Устойчивость к изменению масштаба страницы
- Браузеры: Edge, Safari, Firefox, Chrome
- Использование SASS, GULP. Все цвета, шрифты, прозрачности вынести в переменные
- Анимации - CSS3
- Все формы обернуть в теги
- HTML структура и CSS классы должны быть стандартизированы так, чтобы блоки могли строиться движком.
- Валидность html и CSS по W3C (валидатор: https://validator.w3.org/)
- Изображения SVG и растр положить на спрайты. Для SVG собираем в один файл с symbol id -> подключаем в html файл -> используем в html через svg use.
- Используем img srcset для ретин: x1, x1.5, x2, x3, x4. изображения сжимаем через https://tinypng.com/
- Все тексты должны быть в точности перенесены из макета
- Имейлы и телефоны через ссылки mailto:, tel:
- Итоговые страницы должны попадать в зеленую полосу google page speed
- Размер всех кликабельных элементов не должен быть меньше 45*45. Имеется в виду, что визуально элемент остается как в макете, но паддингами его границы подгоняются до нужных минимальных размеров
- Телефоны и имейлы должны легко копироваться на десктопе и телефоне (чтобы пользователь мог скопировать без проблем)
- По клику "отправить" форму, должен быть лоадер и 2 возможных сообщения: "Отправлено", "Ошибка отправки, проверьте соединение и попробуйте еще раз". Сообщение показывать рядом с кнопкой. Эту часть сделать на усмотрение верстальщика.
Адаптивность
- Мобильная версия: 320-640 (до 320 можно сжать вьюпортом)
- Десктопная версия: 1024-1920 (адаптировать макет под меньшие размеры)
Кандидатам отправлю макеты и более подробное ТЗ с описанием блоков
В вашей заявке укажите:
1. Есть ли опыт с Git
2. Сколько макетов сверстали из figma
Требуется добавить две формы регистрации на страницу входа в личный кабинет. Рядом с формой логина разместить кнопки 'Регистрация физ. лицо' и 'Регистрация Юр. лицо'. Каждая форма должна включать 5-10 полей, данные которых будут сохраняться в профиле пользователя.
Ищется верстальщик для облагороживания сайта с использованием стилей. Необходимы навыки HTML и CSS для создания фона, кнопок, отступов и теней. Также нужны базовые знания PHP для работы с данными из MySQL, включая фильтрацию и поиск. Регулярное присутствие в сети желательно для оперативного выполнения задач.
Требуется внести правки в HTML-верстку. Ожидается выполнение работы в течение часа. Оплата составляет 5 долларов и предоставление отзыва по итогам работы.
Требуется внести изменения в верстку сайта на ModX Revo, с особым вниманием к мобильным версиям. Необходима качественная HTML-верстка для улучшения отображения на различных устройствах.
Ищется опытный верстальщик для разработки страниц сайта, посвященного украинским онлайн казино. Необходимо создать новые макеты и доработать уже существующие. Проект нацелен на помощь игрокам в выборе лицензионных казино и избежание недобросовестных площадок.
Требуется разработать мобильную версию сайта https://evakuator-zhitomir.io.ua/ с адаптивной версткой. Необходимо обеспечить корректное отображение на устройствах с различными разрешениями. Доступ к HTML-коду сайта предоставлен. Срок выполнения - 2 недели.
Требуется адаптивная верстка сайта с ресторанной тематикой. Дизайн уже готов, необходимо реализовать его в HTML. Ожидается внимание к деталям и соблюдение принципов адаптивного дизайна.
Требуется изменить цвет стандартных маркеров на Google Maps и добавить новые. Задача включает в себя HTML-верстку. Оплата производится по факту успешного выполнения работы.
Требуется сверстать 3 страницы для сайта без CMS по предоставленному шаблону. Также необходимо реализовать несколько простых функций на PHP. Обеспечьте корректность верстки и функционала.
Необходимо реализовать выпадающее 3-уровневое меню на сайте без изменения HTML-кода. Работа выполнится через CSS, используя существующий модуль Joomla. Ожидается создание стилей, обеспечивающих корректное отображение подменю.
