Цель: Создание чистой, компонентной, адаптивной вёрстки по макетам (Figma), на HTML/CSS/JS
Будущее использование: Легкая адаптация под React (Next.js, SSR) или WordPress
Интерактив: Возможен, но не определён заранее — важна гибкость и модульность
Страницы (по макетам):
1. Главная
2. Шаблон страницы по машинам
3. Шаблон страницы по акциям
Основные требования к вёрстке
HTML
- Использовать семантический HTML5
- Чёткое разделение блоков и элементов по БЭМ-методологии
- Атрибуты data-* использовать там, где потенциально будет JS (например, data-modal, data-slider)
- class, id — только осмысленные и по соглашениям
CSS
- Использовать чистый CSS или SCSS, без фреймворков
- Строго БЭМ-именование классов:
.block {}
.block__element {}
.block--modifier {}
- Вся логика оформления — модульно и компонентно: каждый блок автономен
- Использовать адаптивную вёрстку: flex, grid, media-запросы
- Анимации — через transition, ··· при необходимости
JS
- Только базовый интеракт...
Видеть полную информацию и оставлять заявки могут только авторизованные пользователи.
Здравствуйте! Готов реализовать адаптивную, модульную вёрстку по макетам Figma с чётким следованием БЭМ, семантическим HTML5 и SCSS для максимальной компонентности и дальнейшей интеграции в Next.js или WordPress. JS напишу структурно, с возможностью расширения интерактива. Проект вы получите полностью организованным и готовым для использования.
напишите мне в телеграмм и обсудим подробнее @dervish_developer
Мое портфолио https://portfolio-dervish-dev.web.app/
Меня зовут Мария, занимаюсь созданием и продвижением сайтов. Мой 18-летний опыт в маркетинге и продажах помогает разрабатывать эффективные сайты, заточенные под SEO и контекстную рекламу, что обеспечивает стабильно высокие результаты.
Что предлагаю: - Полный цикл разработки сайта от дизайна до программирования.
- Продвижение через SEO и контекстную рекламу, с полным контролем за ROI.
- Адаптивный дизайн, UX/UI, SEO-оптимизацию и настройку рекламных кампаний.
- Аудит и доработка существующих сайтов для улучшения видимости и конверсии.
Почему клиенты выбирают меня? - Сформирована команда из специалистов высшего уровня: копирайтеры, SEO-специалисты, директологи и дизайнеры.
- Все работы выполняю по четко прописанному ТЗ и всегда в оговоренные сроки.
- Постоянная связь на всех этапах проекта. Объясняю, что и почему делаю, чтобы результат был прозрачен и понятен.
- Более 99% моих клиентов продолжают сотрудничество и рекомендуют меня.
Могу предложить: - Разработка или доработка сайта под ваши цели.
- Настройку контекстной рекламы и SEO для увеличения конверсии.
- Установка и настройка систем аналитики для отслеживания эффективности.
- Для обсуждения всех деталей предлагаю организовать встречу по Zoom/Google Meet, где покажу успешные кейсы и разберем вашу задачу. Напишите мне в личные сообщения или свяжитесь через контакты ниже для быстрого ответа.
Telegram: https://t.me/mariya_web
Готовы обсудить ваш проект? Готова приступить к работе немедленно.
Добрый день!
Меня зовут Артём, и я занимаюсь разработкой сайтов с акцентом на качество и эффективность. Специализируюсь на создании веб-решений, которые помогают бизнесу достигать своих целей.
Почему стоит выбрать меня? - Применяю только современные технологии и лучшие практики.
- Работаю по договору (ИП), гарантирую прозрачность и соблюдение сроков.
- Предлагаю индивидуальный подход к каждому проекту.
- Понимаю, как важно создать не просто сайт, а инструмент для развития бизнеса.
Мои услуги: - Создание сайтов под ключ (от лендингов до интернет-магазинов и порталов).
- Адаптивная верстка и оптимизация.
- Интеграция с CRM, 1С и маркетплейсами.
- Поддержка и доработка сайтов после запуска.
Буду рад обсудить детали проекта и предложить решения, которые идеально подойдут вашему бизнесу.
Крайние проекты:
https://houseofthesoul.ru - портал онлайн университета
https://nakarte.com - ваш надежный партнер в мире стартапов
https://moshka.ru - международная онлайн школа контента
https://enco.house - система умного дома, корпоративный сайт
https://woodapp.ru - интернет-магазин, по продаже акустический панелей
https://waterportal.ru - каталог оборудования промышленной водоочистки
https://inflowing.ru - Пространство души и тела
Буду рад сделать качественную, адаптивную верстку.
В данный момент делаю верстку похожего проекта.
Ссылка на мой профиль: https://freelance.ru/webmaxprofi
Работаю поэтапно, до полного утверждения.
Результат работы выкладываю на свой хостинг для проверки и тестирования.
Буду рад сотрудничеству с Вами!
Пишите, звоните, обсудим детали проекта. Я всегда на связи.
Мои преимущества: • Качественное выполнение заказов.
• Ответственный подход к работе.
• Готовность к долгосрочному сотрудничеству.
Примеры моих работ
13:54 10.06.25
Буду использовать Gulp для сборки проекта, это гарантирует стабильную и эффективную работу. В итоге получите архив, полностью соответствующий вашим требованиям.
Здравствуйте! У меня более года опыта работы с сайтами, скриптами. За это время я занимался их разработкой, настройкой, правками что позволило мне приобрести уверенные навыки в работе с различными платформами и инструментами такие как:
Html, css, js, react, react native, astro, node js и другим. Буду рад выполнить вашу работу, с возможностью дальнейшего сотрудничества
Связь со мной:
telegram: https://t.me/YAKABZ
whatsapp: +7 925 233 56 33
Изучила макеты и технические требования — готова выполнить адаптивную компонентную вёрстку в соответствии с ТЗ: чистый HTML5, SCSS, JS без фреймворков трех страниц. Верстка будет структурирована под будущую интеграцию в React или WordPress, с модульным подходом, по БЭМ-методологии, полной адаптацией и кроссбраузерностью.
Возможна анимация, грамотная организация файловой структуры и соблюдение стандартов (валидность, hover-состояния, aria-атрибуты и пр.).
Работаю по 50% предоплате с заключением договора и выдачей чека — я оформлена как самозанятая или по безопасной сделке с разбивкой оплаты на этапы (договор и чек тогда не предоставляю).
Привет, имею большой опыт в разработке скриптов, сайтов, парсеров и просто програм на python, одним словом пишу всо, также пишу приложения на Андроид, с удовольствием возьмусь за работу, сделаю всо в лучшем виде и в кратчайшие сроки, также помогу запустить и разобраться.
Мое портфолио: https://ochistka35.wixsite.com/daichasportfolio
Мой телеграм: https://t.me/daicha_helper_bot (если у вас спам, не проблема)
Я ознакомилась с заданием и готова приступить к его выполнению. Предлагаю перейти к более детальному обсуждению проекта.
В качестве примеров своей работы я прикрепляю список сайтов, которые я создала: https://docs.google.com/document/d/1pmxm00flbxu9VC8tTbWMv3DXbF1A8TEvxo8p18Xj66k/edit?usp=sharing
*НЕМНОГО ОБО МНЕ *
* Постоянная связь и своевременные ответы. * Работаю как с физическими, так и с юридическими лицами. * Гарантия качества и поддержка сайта после сдачи проекта.
*СВЯЗЬ СО МНОЙ*
Если у вас возникнут вопросы или пожелания, пожалуйста, свяжитесь со мной. WhatsApp: +375298063985 telegram: https://t.me/Red_fox_M
Спасибо за внимание, и я надеюсь на дальнейшее сотрудничество. С уважением, Марина.
Меня заинтересовала ваша задача по вёрстке сайта по макетам Figma. Ознакомилась с вашим техническим заданием и хочу отметить его четкость и детализированность — это значительно упрощает работу и позволяет сразу оценить масштаб проекта.
У меня большой опыт в создании чистой, компонентной и адаптивной вёрстки в соответствии с современными стандартами. Я уверена, что смогу реализовать ваш проект, учитывая все ваши требования к HTML, CSS, JS, структуре проекта и особенностям будущей интеграции с React или WordPress.
Что я предлагаю:
1. Семантическая и валидная вёрстка. Использование семантического HTML5, БЭМ-методологии и валидация кода через https://validator.w3.org/.
2. Чистый CSS/SCSS: Использование чистого CSS или SCSS без фреймворков, строгое соблюдение БЭМ-именования классов и модульный подход к стилям.
3. Адаптивность и кроссбраузерность. Адаптивная вёрстка под все указанные брейкпоинты (320px / 768px / 1200px) и кроссбраузерность (актуальные версии Chrome, Firefox, Safari, Edge).
4. Vanilla JS. Реализация базового интерактива (бургер-меню, модалки, переключения) на Vanilla JS без jQuery.
5. Подготовка к интеграции. Учет всех требований к будущей интеграции с React или WordPress, включая отсутствие глобальных зависимостей, использование data-атрибутов для форм и состояний.
6. Организованная структура проекта. Строгое соблюдение указанной структуры проекта (/index.html, /pages/, /css/, /img/, /js/, /components/) и комментарии в коде.
Почему я?
Я внимательно изучила макет Figma и готова приступить к работе в ближайшее время. Имею опыт в реализации проектов с подобными требованиями и гарантирую высокое качество работы и соблюдение сроков.
Для более точной оценки стоимости и обсуждения деталей проекта, предлагаю связаться и обсудить ваши требования более подробно.
Имею значительный опыт в создании адаптивной вёрстки по макетам Figma с соблюдением всех современных стандартов. Регулярно работаю с семантическим HTML5, SCSS и БЭМ-методологией, что позволяет создавать чистый и поддерживаемый код. Специализируюсь на создании компонентной вёрстки с учётом будущей интеграции в React или WordPress. Всегда уделяю особое внимание кроссбраузерной совместимости и валидности кода. Пишите в телеграм если интересно, обсудим детали.
Всегда на связи с 8:00 до полуночи, включая выходные.
Гарантирую качество работы. Поддерживаю проекты годами, без абонентской платы.
Здравствуйте
Работа по предоплате 50%
Возможна работа по договору ГПХ с поэтапной оплатой
Опыт 21 лет
Пишите в телеграмм или в скайп, обсудим
Телеграм duosds
Бриф https://d-u-o-s.ru/brif/
Прайс https://d-u-o-s.ru/price/
Как я работаю https://d-u-o-s.ru/about-us/
Коммерческое предложение https://d-u-o-s.ru/brif/
Здравсвуйте, Алексей, меня зовут Быстрицкий Кирилл и я - веб-разработчкик.
Заинтересовала ваша задача и я готов взяться за реализацию полноценной верстки под ваше достаточно подробное тз, так как в своих работах пользуюсь всеми перечисленными возможностями языков и методиками для написания чистого кода.
Со своей стороны могу гарантировать, что при работе со мной вы получите:
- Качестенную вертску с соблюдением тз в указанные сроки
- Постоянную коммуникацию и возможность следить за процессом разработки (присылаю промежуточные результаты работы)
- До 5 значимых правок и доработок бесплатно
- Скидку в 20% на стоимость всей услуги от моей основной цены.
Еще не оформлял в портфолио, но могу вам показать уже существующую верстку на вашу тему: про автомобили. Поэтому буду рад в вами сотрудничать и заранее спасибо за внимание, открыт к диалогу для договоренности и уточнения тз.
Так как работа достаточно объемная, то попрошу вас немного продлить сроки для проекта за соотвестующую цену с учетом скидки и большого объема работ, на который закладывается немного больше времени для соблюдения всех условий тз.
Телеграм: @byst112
Примеры моих работ
19:19 10.06.25
"class, id — только осмысленные и по соглашениям" - При работе с Вами нужно будет уведомлять о всех добавляемых классах и id? Ваш макет подразумевает использование классов для применения стилей к одинаковым элементам, так что их может быть достаточно много, хотя я могу постараться исключить это и использовать.
Так же хочется узнать, какие анимации нужно будет добавить?
Мне пока не понятна взаимосвязь между старницами сайта, о чем хотелось бы уточнить, как они между собой взаиосвязаны? :)
Здравствуйте, готов как можно быстрее приступить к выполнению вашей работы, учитывая все ваши пожелания. Имеется большой опыт в данной сфере.
Почта для связи: keshaymode@gmail.com
Так же имеются мессенджеры. При необходимости оставлю контакты.
Буду рад сотрудничать с вами.
Портфолио готов предоставить по запросу! Портфолио достаточно внушительное
Телеграм: @etherealmode
Изучил макеты 3-х страниц в Figma, готов сверстать. Вот пример подобной работы – https://rhinoil.ru – по стоимости выйдет в 28 000 руб.
Вся вёрстка строится на grid и flexbox. В исходниках для работы используется Nunjucks (для HTML-шаблонизации), BEM, SCSS (для CSS), JS (чистый, без jQuery), сборка проекта в готовую вёрстку с помощью Vite.js.
Если интересны технические подробности, то их можно посмотреть тут:
– https://codeberg.org/Vir1dianX/xnode.web
Вся вёрстка тестируется в ряде браузеров и в сервисе Google PageSpeed, стандартно 97+ баллов для чистой вёрстки, на итоговом сайте может быть меньше (зависит от хостинга и настроек).
Приветствую, Алексей! Я менеджер компании AV Studio (https://avdeevstudio.ru/?utm_source=frelanc)
Мы ознакомились с вашим запросом на верстку сайта по макету из Figma. Наша команда имеет большой опыт в создании адаптивной и кроссбраузерной верстки, точно соответствующей предоставленным макетам. Мы гарантируем чистый, валидный код и быструю загрузку страниц.
Присылайте ссылку на задание.
Давайте обсудим детали в Телеграм: https://t.me/Avdeev_Vasiliy
Ориентировочное время на каждый этап работы:
Анализ макета Figma и составление плана верстки: 3-8 часов
Написание HTML/CSS кода для основных элементов: 10-25 часов
Адаптивная верстка (для различных устройств): 10-20 часов
Интеграция JavaScript (если требуется): 5-15 часов
Тестирование кроссбраузерности и отладка: 5-10 часов
Оптимизация производительности: 3-7 часов
Доброго времени суток! Меня зовут Виктория, я студент 3 курса СПБГУПТД направления веб-дизайна. Учусь на заочном отделении. Предоставляю Вам своё портфолио на Github github.com/Viktoria-Kiyas... Имею уверенные знания HTML,CSS,JS. Имеются знания React, есть понимание работы с API. Базовые знания TypeScript. На данный момент разрабатываю приложение с целью создания статей, их редактирования, хранения, удаления, на ReactJS+NodeJS, где также используется MongoDB.При необходимости могу скинуть исходники данного приложения в незавершённом виде. Имеются навыки работы с инструментом REST API, а именно Insomnia (Post/Get/Http запросы).Также имеются навыки работы с Figma, а именно личный проект, разработанный для дальнейшей вёрстки на flutter, с дизайном которого Вы можете ознакомиться тут: www.behance.net/c2f16684. Данный проект по максимуму кликабельный и анимированный, планируется создание приложения по данному дизайну, доступных как на Android,так и на IOS.
Также имеются уверенные знания по 3d моделированию. Портфолио по 3D можно посмотреть тут: freelance.ru/kijashko
(портфолио обновляется регулярно и будет обновляться)
Ну и естественно имеются навыки работы с Git и базовые знания Photoshop. Готова обучаться новому, а также работала администратором сайта, дорабатывала новый и существующей функционал, проводила СЕО оптимизацию, подключала прайс-листы поставщиков, работала с 1С, платформой abcp. ru , веб мастером и Яндекс метрикой
viktoria-kiyashko.github....
viktoria-kiyashko.github....
viktoria-kiyashko.github....
viktoria-kiyashko.github....
viktoria-kiyashko.github....
В репозиториях имеются и другие кейсы, к примеру, приложение о погоде, страничка интернет магазина и т.д.
Привет!
Посмотрела макет — аккуратный, всё структурировано, и сразу видно, что проект рассчитан на компонентный подход. Мне это близко: я верстаю адаптивно, семантично и с прицелом на будущее использование в React или WordPress, как и указано в задаче. Работаю по БЭМ, использую SCSS с модульной архитектурой (@use, @forward), делаю гибкую структуру, чтобы каждый блок был максимально переиспользуем.
Что точно учту:
Вся верстка будет на чистом HTML5 + SCSS + Vanilla JS;
Всё, что потенциально может стать интерактивным (модалки, слайдеры, переключения), помечу data-* и оберну в init-функции;
Строгое разделение на компоненты (header, карточки, формы, футер и т.п.) — вынесу в /components, с комментами в коде;
Для JS напишу мини-фреймворк инициализации (initModal(), initBurgerMenu() и т.п.), чтобы потом было удобно подключить React или WP;
Подключу шрифты через @font-face или Google Fonts (как будет указано);
Все формы будут готовы к подключению логики (будет data-form, без action, со стилями для .is-error, .is-active);
Кроссбраузерность и адаптивность под брейкпоинты 320/768/1200px — делаю через flex, grid, rem, em, как указано.
Здравствуйте!
С интересом ознакомился с вашим проектом. Меня заинтересовала возможность внести свой вклад в решение поставленной задачи. Уверен, что смогу предложить эффективное и качественное решение, соответствующее вашим требованиям и ожиданиям. Мой телеграм для связи - https://t.me/abogdanovec
Сделаю верстку сайта по макету
Владею полным стеком frontend и backend разработчика (HTML, CSS, JS, PHP).
По этому с любой задачей в разработке справлюсь хорошо.
Очень интересно поработать над вашим проектом.
Пишите, буду рад взаимному сотрудничеству.
Обсудим сейчас детали в WhatsApp или в других мессенджерах?
WhatsApp: +79231954429 / Telegram: @URA_LI
______
Мои последние работы:
https://neolitapart.ru/
https://www.rudi.ru/
https://park.neolitapart.ru/
Ссылка на Портфолио:
https://disk.yandex.ru/d/n5e9yJJnwsloqw
Справлюсь максимально быстро, сейчас как раз
свободен готов заняться вашим проектом :)
Компания «Парма» готова выполнить вёрстку вашего сайта по макетам из Figma. Мы создадим чистую, адаптивную и модульную вёрстку с использованием HTML5, CSS/SCSS и Vanilla JS, с возможностью дальнейшей адаптации под React или WordPress.
Проект будет полностью адаптирован для мобильных устройств, планшетов и десктопов, а также готов к интеграции в будущие системы.
Готовы обсудить все детали и приступить к работе.
С уважением,
Команда «Парма»
https://freelance.ru/rsoldatenkov
Телеграмм - @tatianaparma
Телефон -+79097320605
Так-же:
- Атрибуты data-* использовать там, где потенциально будет JS (например, data-modal, data-slider) - атрибут data-xxx служит не для этого. - Шрифты — подключить через @font-face или Google Fonts. - спорно тк локально без интернета они не будут работать - Иконки — использовать SVG, предпочтительно спрайты. - спрайты заранее будут склеены в фигме ? - Каждый блок = будущий компонент React или include в WordPress - конкретнее ? - README с краткой инструкцией (если есть сборка, SCSS и т.п.) будет плюсом - что должен включать в себя ?
Референс дизайна показан, но
1. Главная - показано
2. Шаблон страницы по машинам - не показан в фигме 3. Шаблон страницы по акциям - не показан в фигме
Цена указана согласно требованиям только по п 1.
Если указанные шаблоны кардинально будут отличаться то и цена так-же будет другая.
Добрый день! Меня зовут Александр, я frontend-разработчик с 2 годами опыта. Специализируюсь на:
- Вёрстке (HTML/CSS, адаптив),
- JavaScript/TypeScript (ES6+, работа с API),
- Angular (разработка SPA, RxJS, компонентный подход).
Что могу предложить:
- Чистый, поддерживаемый код
- Анимации и «фишки» для улучшения UX (например, параллакс, кастомные формы)
- Готовность вникнуть в задачи и закрыть их в срок
Портфолио: [https://mid-ved.github.io/Portfolio] (там же есть примеры других адаптивных сайтов и веб-приложений)
Изучил ваше задание и требования к вёрстке — готов реализовать адаптивную, компонентную и модульную вёрстку строго по макетам Figma и вашим пожеланиям. Опыт в подобных проектах есть: верстаю по БЭМ, с использованием чистого CSS/SCSS, все элементы делаю автономными для дальнейшей интеграции в React или WordPress.
Что получаете в результате:
— Семантический HTML5 с чётким разделением блоков, грамотной структурой классов и data-атрибутов для интерактива
— Чистый CSS/SCSS, строго по БЭМ, с отдельными файлами для компонентов, готовый для доработки в будущих сборках
— Вся адаптивность по брейкпоинтам 320/768/1200px, кроссбраузерная проверка
— JS-функции только для базового интерактива (бургер, модалки), всё на Vanilla JS, без глобальных зависимостей
— Шрифты с Google Fonts или @font-face, иконки в SVG (можно спрайты), проектная структура полностью по вашему ТЗ
— Вся структура и код с комментариями, чтобы другим разработчикам было легко поддерживать и внедрять в CMS или React/Next.js
— README по структуре и запуску, если используется SCSS
Готов выполнить ваш проект и показать примеры аналогичных работ.
Напишите мне на тг обсудим детали: https://t.me/Sayit14
Доброго дня!
Опыт коммерческой разработки более 10 лет над ведущими it проектами. В частности - проект госулуг (https://www.gosuslugi.ru/), часть моей работы на этом проекте - это верстка, адаптив, скрипты.
К своим проектам отношусь кропотливо, учитывая поставленные сроки.
Готов выполнить качественную, модульную и адаптивную вёрстку по вашему макету Figma с учётом всех требований к структуре, семантике и подготовке под React или WordPress.
? Базовая версия
? Стоимость — 28 000 ?
? Срок — 20 дней
Что входит:
? Семантический HTML5 + строгий БЭМ
? Чистый CSS/SCSS, без фреймворков
? Адаптивность под 3 брейкпоинта (320px, 768px, 1200px)
? Базовый интерактив: бургер-меню, модалки
? Валидный HTML (проверка через W3C)
? Комментарии в коде
? README с инструкцией
? Почему стоит выбрать меня
? Чистый, структурированный код без костылей
? Работа строго по ТЗ и макету
? Поддержка и консультация после сдачи
? Внимание к мелочам и адаптиву
Делал недавно сайт-визитку, выставил на бесплатный хостинг как портфолио, можете ознакомиться - https://utkin.vercel.app/
?Можем сделать Ваш лендинг за 12 тыс. - вместе с подключением хостинга, адаптив.
? При необходимости предоставим договор на оказание услуг/NDA/авторские права - делаем все максимально удобно и прозрачно для вас.
? Есть возможность обсуждения стилистики и уточнения айдентики в звонке с нашим дизайнером.
? Могу помочь в реализации телеграмм бота - если нужна автоматизация с записями, оплатой, заказами, интеграцией с WB - все, что обычно грузит можно отдать роботу.
Надеемся на долгосрочное сотрудничество!
Связь - t.me/satori_adm
Сайт - sat-ent.com/bots
Оставлять заявки могут только авторизованные пользователи.
Верстка сайта по макету Figma
Реклама
Вёрстка сайта по макету Figma
Общая информация:
Цель: Создание чистой, компонентной, адаптивной вёрстки по макетам (Figma), на HTML/CSS/JS
Будущее использование: Легкая адаптация под React (Next.js, SSR) или WordPress
Интерактив: Возможен, но не определён заранее — важна гибкость и модульность
Страницы (по макетам):
1. Главная
2. Шаблон страницы по машинам
3. Шаблон страницы по акциям
Основные требования к вёрстке
HTML
- Использовать семантический HTML5
- Чёткое разделение блоков и элементов по БЭМ-методологии
- Атрибуты data-* использовать там, где потенциально будет JS (например, data-modal, data-slider)
- class, id — только осмысленные и по соглашениям
CSS
- Использовать чистый CSS или SCSS, без фреймворков
- Строго БЭМ-именование классов:
.block {}
.block__element {}
.block--modifier {}
- Вся логика оформления — модульно и компонентно: каждый блок автономен
- Использовать адаптивную вёрстку: flex, grid, media-запросы
- Анимации — через transition, ··· при необходимости
JS
- Только базовый интеракт...
Другие открытые задания:
Ландшафтный дизайн участка 27 соток40 000 р.
Бюджет: 40 000 р. Необходимо разработать ландшафтный дизайн на участке 27 соток во Владимирской области. Участок эксплуатируется более 5 лет. На данный момент все строения, которые п…
Асистент по размещению объявлений1 500 р.
Бюджет: 1 500 р. Требуется размещать объявления. lombard_7 мой тг.
Доработать Telegram бота70 000 р.
Бюджет: 70 000 р. Всем привет! Требуется доработать Telegram бота: добавить новые фичи, отрефакторить код, добавить DI фреймворк, красиво оформить ЧА, настроить развертывание. …
поиск заданий