Верстка макета figma в html, css, js
8872 UAHЦель данного задания - выполнить верстку сайта, исходя из предоставленного дизайн-макета в Figma.
Общие требования:
Адаптивность: Верстка должна быть адаптирована под все современные устройства и браузеры, начиная от разрешения в 320px. Важно учесть различные разрешения экранов и ориентации устройств.
Точность выполнения: Масштаб верстки должен быть максимально приближен к макету. Требуется pixel perfect верстка, при которой готовый сайт должен максимально точно копировать дизайн-макет.
Кроссбраузерность: Требуется поддержка всех современных браузеров, начиная с пяти последних версий каждого из них. Верстка должна включать использование вендорных префиксов для обеспечения совместимости.
Код: Код должен быть валидным и семантичным. Желательно использование препроцессора SCSS и методологии БЭМ для структурирования CSS.
Специфические требования:
CSS Flex Grid: Верстка должна быть выполнена на flex сетке.
Изображения: Все изображения в HTML должны быть реализованы с помощью тега
<picture>и его вложенных тегов<source>и<img>.Мобильное меню: Мобильное навигационное меню должно быть удобным для пользователя и иметь эффект выезда. (Пример будет предоставлен)
Верстка на rem: Вся верстка должна быть выполнена с использованием единиц
remдля масштабирования. Пример такой верстки будет предоставлен.Анимация: По макету будет предоставлено видео с демонстрацией ожидаемых анимаций и эффектов. Требуется реализовать эти анимации с использованием CSS и/или JavaScript.
Процесс работы:
Согласование макета: Перед началом работы над версткой прошу уточнить все непонятные моменты по макету и функционалу сайта.
Предоставление результатов: Готовую верстку необходимо предоставить в виде архива с файлами проекта или ссылкой на облако.
- Сроки и этапы работы: Сроки и этапы работы обсуждаются отдельно.
Ссылка на макет
https://www.figma.com/file/EswdEUuLGfmdYYTQNq9aGq/ritm-Website-prototype?type=design&node-id=0%3A1&t=nsZ0GHxw2CqpYqCX-1
Отзыв заказчика о сотрудничестве с Михаилом Гакманом
Верстка макета figma в html, css, jsВсе отлично, постоянно на связи, правки и доработки без вопросов сделал, рекомендую к работе), получите тот что нужно )
Отзыв фрилансера о сотрудничестве с Александром Глониным
Верстка макета figma в html, css, jsРаботать с Александром было очень комфортно, мы быстро нашли общий язык и вместе шли к определенной цели, всем однозначно рекомендую!
-
10 дней15 525 UAH10 дней15 525 UAH
Александр, добрый день. Напишите в личные сообщения, обсудим ваш проект
-
7 дней8872 UAH7 дней8872 UAH
Добрый день. Опыт верстки более 5 лет. Сверстаю резиновую верстку по всем канонам и описанию в тз. Приступить готов немедленно.
-
14 дней13 307 UAH14 дней13 307 UAH
💙💛 Приветствую! Готов приступить к работе немедленно и предоставить Вам качественные услуги в кратчайшие сроки! У меня и моей команды более 9 лет опыта разработки сайтов под ключ и большое портфолио (более 100 проектов)! 🤓
На связи 24/7!
С наилучшими пожеланиями! 💙💛
Ось деякі наші роботи: ekojar.com.ua, nasintrav.com.ua, occultech.community, copycenter.in.ua, optimamedicals.com.ua, minoko.com.ua, aurum-auto.com.ua, tdvir.com, idycam.com, arma.com.ua, motosvit.net, aboutcoffee.com.ua, relaxshop.com.ua, globus.ck.ua, leopold.ck.ua, aidini.in.ua
-
7 дней13 307 UAH
270 2 0 7 дней13 307 UAHЗДРАВСТВУЙТЕ!
Я ознакомился с вашим дизайном и готов выполнить работу быстро и качественно. Также ознакомился со всеми пунктами вашего задания. Гарантирую, что моя верстка будет соответствовать всем требованием. Как доказательство можете изучить мою верстку в прикрепленных примерах. Напишите мне, и мы обсудим все детали.
У МЕНЯ БОЛЬШОЙ ОПЫТ РАБОТЫ С HTML CSS JAVASCRIPT.
Работаю больше на Upwork.
Гарантирую исполнительность, ответственность и постоянную связь. Работаю до тех пор, пока не получу желаемый результат. Я никогда не останавливаюсь на полпути. Я был бы вам очень признателен, если бы вы дали мне возможность работать с вами. Взамен вы получите честного, преданного своему делу, трудолюбивого сотрудника. Думаю, вы не пожалеете и наше сотрудничество пойдет на пользу нам обоим.
…
Я создаю адаптивно чистый и валидный код HTML, CSS/SCSS и JS, используя методологию БЭМ. Качество и надежность верстки при смене контента гарантирую. Работаю на совесть, сделаю все четко по техническому заданию и дизайну. Редактирование возможно даже после сдачи проекта.
В своей работе я использую лучшие современные наработки, значительно улучшающие скорость загрузки сайта: чистый код без сторонних библиотек, сжатие изображений без потери качества, формат webp для браузеров, в которых он поддерживается, ленивая загрузка, сжатие css и js файлы и т. д.
Для тестирования и проверки своей работы я активно использую devtools в chrome. Также я проверяю в разных валидаторах ошибки в коде. Я использую настоящие планшеты и телефоны для Android и iOS.
Последние работы:
https://gajovich.github.io/vikings/
https://gajovich.github.io/rock/
https://gajovich.github.io/constructor/
https://gajovich.github.io/realestate/
https://gajovich.github.io/portfolio/
https://gajovich.github.io/feellmmo/
-
14 дней8872 UAH
1717 28 1 1 14 дней8872 UAHДобрый день Александр!
Готовы выполнить ваш верст. Я делаю все быстро и качественно по БЭМ. С примерами моих работ можно ознакомиться в портфолио.
А также:
1) https://pashadahulych.github.io/NFT/ - лендинг
2) https://pashadahulych.github.io/Delote-Beauty/ многостраничный сайт, с кастовой стилизацией карты
3) https://pashadahulych.github.io/NFT__Marketplace/ - многостраничный сайт
4) https://pashadahulych.github.io/CEX.io/ - лендос
5) https://pashadahulych.github.io/Element__Home/ - Интернет магазин
6) https://pashadahulych.github.io/Digital-Planner/ - слой приложения, уже на хостинг
… 7) https://pashadahulych.github.io/Matoa/ - интернет магазин, куп слайдерів, галерея, таби. Особенность - анимация добавления в корзину написана на чистом javascript
-
10 дней8872 UAH
1471 18 0 10 дней8872 UAHДоброго дня!Я ознакомился с заданием и готов выполнить его быстро и качественно.Почему нужно работать со мной
Готовы к началу
- Всегда на связи и не пропадаю
Не нарушаю сроков.
Какую-либо работу я делаю как для себя.
- не получаю переплаты
Я не принимаю проектов, которые я не могу завершить.
Последние работы:
… 1. https://freelancehunt.com/showcase/work/adaptivna-verstka-nearshore-friends-sms-wordpress/1702677.html
2. https://freelancehunt.com/showcase/work/adaptivna-verstka-blagodiyniy-fond-spivdruzhnist-slov-yan/1670630.html
3. https://freelancehunt.com/showcase/work/adaptivna-verstka-saytu-spay/1669364.html
Портфолио всех работ можно найти в профиле!💪Freelancehunt
-
8 дней8872 UAH
237 8 дней8872 UAHЗдравствуйте, Александр
Ознакомился с задачей, готов сразу приступить к работе, и выполнить её согласно всех Ваших пожеланий.
Срок выполнения: 8 дней + 2 дня на возможные правки, чтобы Вы остались довольны результатом
Моменты : верстать буду на GULP SCSS JS
2 дня правок будут бесплатные
мои роботы портфолио
https://ynivermine92.github.io/Marcho/dist/index.html
https://ynivermine92.github.io/calibri/dist/index.html
https://ynivermine92.github.io/nexus/build/index.html
… Пишите, буду рад помочь!
-
9 дней8872 UAH
195 3 1 1 9 дней8872 UAHДоброго времени суток!
Сделаю адаптивную кроссбраузерную вёрстку на чистом коде по методологии БЕМ.
Примеры моих работ есть в портфолио.
Пишите, буду рад сотрудничеству.
-
7 дней21 292 UAH
6670 82 1 2 7 дней21 292 UAHЗдравствуйте, Александр
Я занимаюсь разработкой 13+ лет, верстка+
Тут примерно 4-5 дней работы, бюджет надо увеличить. И еще попрошу прислать то видео по анимации, что бы ознакомится.
-
10 дней8872 UAH
218 1 0 10 дней8872 UAHДоброго дня! Готов выполнить верстку качественно и с соблюдением всех требований. Более подробно при обсуждении. Обратитесь вверх! Будем рады сотрудничеству!
-
15 дней11 090 UAH
112 5 0 2 15 дней11 090 UAHЗдравствуйте Александр. Верстаю на html+scss+js(jquery) без костылей с плагинами или легкими функциями+gulp+БЭМ+git. Все делаю качественно, адаптивно и кроссбраузерно. C grid+flex работать умею. С описанием ознакомился, всё понятно. Можем обсудить детали в переписке. Есть опыт верстки многостраничника вот пример: https://kharin-artem-dev.pro/marcho/index.html
https://kharin-artem-dev.pro/glee/index.html
С удовольствиям сделаю этот сайт для вас. (:
Спасибо за внимание.
Моё портфолио: http://www.kharin-artem-dev.pro/
-
7 дней8872 UAH
921 7 0 7 дней8872 UAHHola Александр !
Готов приступить сразу после утверждения.
Проекты в портфолио: http://task.starcoding.top/portfolio/
-
10 дней8872 UAH
732 6 0 10 дней8872 UAHДобрый день.
Опыт работы верстальщиком 2года.
Работал ранее на другой бирже (30+ успешных проектов).
С макетом ознакомился. Срок и цену указал.
Буду рад поработать.
Мой гитхаб: https://github.com/RomanTvrdhlb
…
В верстке использую динамические значения,
благодаря которым осуществляется отличный ресайз всех элементов и величин(шрифты,отступы т.д):
px to vw,а так же матемматические функциии css(min,max,clamp).
Использую технологии html/css/js, scss+gulp+webpackStream.
Использую компонентный подход, используются семмантические теги, верстка проходит валидацию и yoksel(БEM).
Google Page Speed проходит в зеленой зоне!
Векторные иконки в виде sprite.svg., картинки минифицированы, png,jpg+ .webp.
Из анимаций могу предложить библитеку AOS или нативную css анимацию.
По окончанию оговореных сроков вы получите готовый продукт.
Возможна поддержка вашего сайта с моей стороны в будущем.
Обращайтесь.
Мои работы:----------
https://enthogenica.vercel.app/
https://game-dev-gilt.vercel.app/
https://kellers-holz.vercel.app/
https://deus-eight.vercel.app/
https://dg-finance-sooty.vercel.app/
https://puma-shop.vercel.app/
https://pricing-page-nine.vercel.app/
https://moxa-wine.vercel.app/
Так же смотрите мое портфолио.
Буду рад поработать.
Спасибо!
-
Победившая ставка10 дней8872 UAH
1569 22 0 Победившая ставка10 дней8872 UAHЗдравствуйте!)
Я детально изучил предоставленную вами информацию о проекте и готов приступить к работе прямо сейчас.
Не хотите ли вы более углубленно обсудить проект со мной ?
Мой опыт работы более 2-х лет, доведенных до продакшена проектов 80+
В портфолио вы можете ознакомится с более чем 25 работами, что бы убедится в моем профессионализме.
Проект выйдет:
- кросс браузерным ( Отличная отрисовка во всех современных браузерах ).
- быстрым ( +90 в рекомендациях GPS ).
… - адаптивным ( Проверка на разных устройствах ).
- валидным ( Проверка в валидаторах).
- с понятным кодом ( БЭМ ).
Мое портфолио:Freelancehunt
Мой стек:
HTML5 (HTML5)
CSS (CSS3) - SCSS - SASS
GULP
БЭМ
JavaScript - jQuery - Vue.Js
Git - Git-Hub
Figma - Photoshop - VS Code
Обращайтесь, буду рад сотрудничеству с Вами!
С уважением, Михаил.
-
15 дней13 307 UAH
448 4 0 15 дней13 307 UAHДобрый день .
Я ознакомился с заданием по верстике и готов приступить к качественному выполнению задания.
Специализируюсь на адаптивной верстице.
Создаю чистый, жидкий, компактный и кросбраузерный код.
(scss+gulp, flexbox, оптимизация по google page speed, валидация, анимации и т.д.)
Стек рабочих инструментов Flex/Grid/BEM/SCSS/HTML5/CSS3/Java script/Gulp/ACF/Swiper.
HTTPS://youtu.be/HrajP-GSigQ Портфолио
… http://vyacheslav-web.com/ Портфолио
-
1 день8872 UAH
45 1 день8872 UAHЗдравствуйте. Готов реализовать. Большой опыт реализации.Пишите ваш тг
-
Добрый день!
Может ли бюджет увеличиваться ? -
О, рублики, блок)
-
1 момент лучше использовать для масштабирования единицы vh vw
2 никто на облако выгружать результат не будет. верстка выгружается здесь на фрилансе в области проекта.
-
Актуальные фриланс-проекты в категории HTML и CSS верстка
Обновление дизайна на сайтеНужно обновить дизайн существующего сайта используя HTML, CSS, JS: освежить внешний вид, сделать его современным и адаптивным под мобильные устройства. Требуется добавить плавные анимации и интерактивные элементы . HTML и CSS верстка, Javascript и Typescript ∙ 21 час 44 минуты назад ∙ 74 ставки |
Ищу специалиста по WordPress/Elementor/Woo, который имеет большой опыт работы с шаблоном Woodmart
5000 UAH
Необходимо обновить визуал и структуру интернет-магазина стоматологических товаров (ссылку отправлю в ЛС) Сайт работает на связке WordPress + WooCommerce. Шаблон — Woodmart. Задача: Обновление шапки (header), подвала (footer) и контента на главной странице согласно готовому… CMS, HTML и CSS верстка ∙ 1 день назад ∙ 30 ставок |
Верстка сайтаТехническое задание на верстку сайта. Писал чат гпт Ссылка на дизайн -https://www.figma.com/file/bBuR3yG2eSzLpBcBJURNZi?node-id=60:397&t=zQ9Kln2RtyBgNHKw-1&locale=en&type=design Общая информация Необходимо выполнить адаптивную кроссбраузерную верстку сайта на основе… HTML и CSS верстка ∙ 1 день 1 час назад ∙ 103 ставки |
Внесение правок и доработок на сайт согласно ТЗОписание проекта Необходимо выполнить комплекс доработок сайта zvilnymo.ua в соответствии с предоставленным техническим заданием. Основная цель работ — повышение конверсии сайта, улучшение пользовательского опыта, оптимизация формы захвата лидов и усиление доверия потенциальных… HTML и CSS верстка, Веб-программирование ∙ 1 день 4 часа назад ∙ 40 ставок |
QA протестировать сайт на ошибки, чтобы пропустить мерчант центр
700 UAH
QA протестировать сайт на ошибки, чтобы пропустить мерчант центр сайт Опен карт текст перевод ошибки на сайте карточки товара Все, что можно проверить HTML и CSS верстка, Тестирование и QA ∙ 3 дня назад ∙ 11 ставок |