Требуется верстка адаптивного личного кабинета на чистом HTML, CSS и JS для проекта по продаже мемориальных QR-кодов. Верстка должна быть кроссбраузерной и полностью соответствовать макету с 96-98% точностью. Необходима поддержка последних версий браузеров, оптимизация под ретину и реализация валидации форм через JS. Подключение lazyload для изображений обязательно.
Вёрстка лендинга на чистом коде без сборщика
Необходима адаптивная верстка лендинга на чистом коде, css, html, js, без сборщиков, ссылка на тз, ниже продублировано тз
https://docs.google.com/document/d/1ZmPDi6FCVa9SswYVzqpTv2AAc68enAkwRb7c8uIFtvk/edit?usp=sharing
Необходима адаптивная верстка для стартапа небольшого лендинга на css html и js, лендинг существует для продажи доступов в лк, лендинг и лк будут натягиваться на YII2.
Суть проекта, продажа мемориального киор кода, мы его делаем на заказ из металла.
Пользователь заказывает и оплачивает изготовление киор кода через лендинг, после оплаты пользователю на почту генерируется уникальный киор код и уникальные доступы в ЛК. Где зайдя по полученным доступам в лк он заполняет профиль биографию умершего человека. Далее когда мы по почте отправим киор код, его смогут приклеить на мемориальный памятник, где любой человек сможет сканировать киор код и почитать историю об умершем.
* купивший может создать в лк не более 1-го кабинета, то есть это информация об умершем человеке.
* логику делает программист, сейчас необходима только верстка макетов
Нужна обычная верстка на чистом css, html, js чтобы программист мог натянуть на YII2, весь контент текст, ссылки на соцсети, иконки, картинки, видео, делать в html, чтобы программист мог сделать редактируемым контент, тк все что в css невозможно будет сделать редактируемым в админке.
Предусмотреть резиновую верстку, дабы когда будет добавляться больше текста, текст не уходил на кнопку либо за границы контейнера и тд касается видео и картинок также в лк.
Ссылка на лендинг - https://www.figma.com/design/kaQEeuBgATNfYDOX0648Al/Memorial-marks-(fin)?node-id=0-1&t=AHRuZtXmmQFc7MBA-1
Первый экран тут должна быть анимация фото- просто бесконечно меняются фото в слайдере, ВАЖНО НЕ ВЕСЬ БАННЕР!!
Чеклист:
1. Вёрстка должна быть полностью адаптивная(респонсив), по кроссбраузрености должна быть поддержка последних двух актуальных версий браузера Chrome, Firefox, Opera, Edge, Safari, Yandex.Browser и другие стандартные браузеры, кроме IE, из ТЗ: http://joxi.ru/krDDnkuKPq6Krp
2. Хороший пейджспид (зеленая зона пк, желательно) и моб желтая.
3. Подключить lazyload для картинок, они должны появляется плавно.
4. Соответствие с макетом 96-98%
У каждой формы должна быть валидация через JS(т.е. проверка полей), при клике на кнопку «Отправить».
Если есть ссылка или кнопка, значит должен быть и ховер действие, underline, цвет фона поменять, но плавно.
5. Желательно не использовать jQuery, используем нативный JS и плагины для него.
6. Оптимизация под ретину:
- что можем, максимально подключаем в SVG формате, если это иконки, то собрать в спрайт, если из фигмы нельзя экспортировать в SVG формате какие-то иконки, сообщить.
- картинки подключаем в двух версиях, обычный размер, и х2 размер в srcset для ретины экранов.
7. Перед началом работы, сообщить какие сборщики будут использованы и какие пропроцессоры, а также, важно, чтобы по итогу работы, js не был минифицирован, чтобы программист смог работать с ним без сборщика.
Не забыть за валидацию инпутов.
Заявки фрилансеров
Похожие заказы
- $120HTML-верстканет заявокЗакрыт8 месяцев назад
- $100
Требуется верстка небольшого личного кабинета, аналогичного соцсети, с использованием чистого кода на HTML, CSS и JavaScript. Необходима возможность работы в выходные для ускорения завершения проекта. Макет будет предоставлен в личном сообщении.
HTML-верстка1 исполнительЗавершен8 месяцев назад Требуется сверстать лендинг на тему ремонта обуви и интегрировать вёрстку под WordPress. Макет будет предоставлен. Ожидаются предложения по срокам и ценам.
HTML-верстка23 заявкиЗакрыт7 месяцев назад- $350
Требуется специалист для верстки профиля пользователя и дашборда на React.js. Необходим опыт работы с React и умение качественно выполнять HTML-верстку. Ожидается создание удобного и современного интерфейса.
HTML-верстка20 заявокЗакрыт7 месяцев назад - $25
Создайте HTML-верстку для промо email рассылки на основе предоставленного PSD дизайна. Важно обратить внимание на детали и включить 25-35 товаров в верстку. Ожидается качественная работа и соблюдение всех требований дизайна.
HTML-верстка8 заявокЗакрыт7 месяцев назад Необходимо сверстать сайт, включая главную страницу с новой структурой и 3-4 страницы для заведений с уникальным контентом. Требуется также реализовать колесо на первом экране. Оцените стоимость сверстки и интеграции с WordPress. Предоставьте два варианта: только код и с посадкой на ВП.
HTML-верстка20 заявокЗакрыт7 месяцев назад- $100
Требуется качественная HTML-верстка одного экрана интерфейса по макету из Figma. Верстка должна быть адаптивной. Подробности будут предоставлены исполнителю.
HTML-верстка1 исполнительЗакрыт8 месяцев назад Необходима верстка легких прилендингов по дизайну из Figma. Требуется обеспечить адаптивность для всех мобильных устройств и перевод текста в зависимости от языка устройства.
HTML-верстка23 заявкиЗакрыт7 месяцев назад- $100
Требуется сверстать 2 страницы макетов с адаптивным дизайном и кроссбраузерностью. Обеспечить легкую загрузку (Google PageSpeed 95+). Все формы должны отправлять письма, исчезать после отправки и показывать сообщение об успешной отправке. Срок выполнения 1-2 дня.
HTML-верстка19 заявокЗакрыт7 месяцев назад