Верстка адаптивной страницы
Верстка адаптивної сторінки
Є задача з верстки однієї сторінки за готовим дизайном у Figma та її подальшої інтеграції в існуючий сайт. Сайт використовує PHP як простий шаблонізатор для підключення загальних блоків (хедер, футер).
Задача:
Створити HTML/CSS верстку центрального контенту сторінки відповідно до наданого макета у Figma.
Забезпечити повну адаптивність верстки для коректного відображення на десктопних та мобільних пристроях (обидві версії є в макеті).
Інтегрувати сверстаний блок у вже існуючу структуру сайту. Хедер та футер верстати не потрібно, вони вже підключаються в основному шаблоні.
Переконатись, що сторінка коректно відображається у сучасних браузерах (Chrome, Firefox, Safari).
Матеріали для роботи:
Макет у Figma: https://www.figma.com/design/FNcRBpE9kZ7i79LaXASSwy/Public-Website-%7C-Orbuculum?node-id=653-1464
Зображення макетів: https://drive.google.com/drive/folders/1CA_xApCllxifwbMd9cTE8_X6Frz5Owty
Технічні деталі: https://docs.google.com/document/d/1R1PWxqh04PgD6vneqD8SLZqQlfaHDCFY97EHZMNxEbE/edit
Посилання на репозиторій: https://github.com/orbuculum-app/website
Очікуваний результат:
Ідеальний варіант: Pull Request у наш репозиторій на GitHub з готовою сторінкою.
Альтернативний варіант: Архів з файлами (HTML, CSS та інші асети), готовими до інтеграції.
Ця задача є першою - на сайті ще багато сторінок які потрібно буде зверстати. У разі успішної співпраці ми будемо раді продовжити роботу над наступними аналогічними задачами по цьому проєкту з тим самим виконавцем.
Отзыв заказчика о сотрудничестве с Дмитрием С.
Верстка адаптивной страницыЗадача была выполнена четко и в срок, отличная работа.
Отзыв фрилансера о сотрудничестве с Vlad A
Верстка адаптивной страницыВсе супер, правильно сформоване ТЗ, чіткий та зрозумілий опис задачі, комунікація.
Однозначно буду радий подальшій співпраці, дякую!
-
319 Добрый день занимаемся,Веб-разработкой Telegram ботов версткой сайтов на PHP,фреймворках laravell HTML CSS,в том числе и на Wordpress. разрабатываем сайты на php,.фреймворки на Lavarell и мобильные приложения на IOS и android под ключ.
Разрабатываем сайты на PHP и мобильные приложения под IOS и Android.
Имеем опыт в создании CRM/ERP систем.
Готовы выполнить ваш заказ под ключ.
Разрабатываем сайты на Wordpress и мобильные приложения под IOS и Android. Совокупный опыт в разработке составляет 7 лет. Готовы выполнить ваш заказ под ключ.
1. Проекты
https://berkanaplus.com.ua/ -Этот сайт переносил и настраивал сервер.
2. https://leondesign.kyiv.ua/
… Обновления версии PHP и обновления плагинов.
3. https://peg.com.ua/
Разработка нового модуля для сайта динамического обновления стоимости продукции.
https://uvali.com.ua/
Настраивания выделенного сервера VPS.📈 Интернет-маркетинг и продвижение:
Настройка рекламы в Google Ads, Facebook, TikTok
Seo и копирайтинг
Продвижение через push-уведомления и in-app рекламу
Маркетинговая аналитика, A/B тестирование, оптимизация кампаний
📈 Интернет-маркетинг и продвижение:
Настройка рекламы в Google Ads, Facebook, TikTok
Seo и копирайтинг
🎨 Дизайн-решения:
Собственный отдел дизайна
UI/UX-дизайн, брендинг, рекламные креативы
-
153 Добрый день!
Имею более 1,5 лет опыта в верстке — хорошо владею HTML, CSS, (SCSS), JS адаптивной версткой и базовой интеграцией в существующую структуру сайта.
Готов сверстать страницу по макету в Figma, сделать ее полностью адаптивной и интегрировать в ваш PHP-шаблон согласно техническим требованиям.
GitHub: https://github.com/Hammerszy?tab=repositories
-
126 Добрый день!
Я новичок, но сделаю качественно и дешевле. Backend не нужен? Готов взяться сегодня.
Спасибо!
-
1842 4 0 ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
Привет! Я не только UX/UI дизайнер, а ещё и разработчик.
Знаю технологии HTML, CSS, JavaScript, React, Node.js
Вот мое портфолио по дизайну:
Behance
-
447 1 0 Добрый день!
Меня очень заинтересовала ваше предложение. Я — FullStack веб-разработчик с опытом в таких стеках, как PERN, MERN, PEVN, MEVN. Работаю с современными технологиями: Node.js (NestJS), React.js (Next.js), PostgreSQL и другими инструментами из экосистемы JavaScript.
Вот что я могу вам предложить:
- Чистый и поддерживаемый код — использую ESLint и Prettier, чтобы код был структурирован, читаем и легко поддерживался;
- Понятная архитектура — вся структура проекта будет логичной, без хаоса и «запутанных лесов»;
- Современные технологии — использование актуальных решений как на фронтенде, так и на бэкенде;
- Качественная и своевременная разработка — работаю ответственно, соблюдаю дедлайны;
… - Адаптивный дизайн в pixel-perfect;
- Локализация сайта;
- SEO — оптимизация для поисковых ботов;
- Четкое выполнение требований — все будет реализовано в соответствии с поставленным ТЗ.
Если вы ищете качество, чистую архитектуру и ответственного исполнителя — я на связи!
-
1460 18 1 Здравствуйте!
Меня зовут Дмитрий, более 10 лет занимаюсь профессиональной версткой и разработкой сайтов (HTML, CSS, JS, PHP).
Вашу задачу полностью понял:
✔️ Сделаю качественную адаптивную верстку центрального контента по макету в Figma
✔️ Интегрирую в вашу существующую структуру сайта (учитывая использование PHP-шаблонизации)
✔️ Хедер и футер трогать не буду — подключу корректно только нужный блок
✔️ Проверю на всех современных браузерах (Chrome, Firefox, Safari)
… ✔️ Могу подготовить как Pull Request в ваш репозиторий, так и архив для интеграции — как удобно
Готов работать долгосрочно — есть время и возможность брать дальнейшие страницы в этом проекте.
Сроки: ориентировочно 1–2 дня после согласования деталей.
Стоимость — обсудим, готов предложить адекватный тариф.
Пишите — буду рад сотрудничеству!
-
105 1 0 Привет!
Заинтересован в выполнении этой задачи. Имею опыт адаптивной верстки по макетам из Figma, работаю с HTML/CSS без фреймворков, поддерживаю чистый код и кроссбраузерность.
Готов сверстать центральный контент страницы согласно макету, интегрировать его в вашу PHP-структуру, проверить адаптивность и корректность в Chrome, Firefox и Safari.
Могу предоставить результат как через Pull Request, так и архивом.
-
157 Меня заинтересовала эта вакансия, потому что она полностью соответствует моему опыту и сильным сторонам. Я специализируюсь на создании качественной, адаптивной и кроссбраузерной верстки с чистым и поддерживаемым HTML/CSS-кодом.
Особенно привлекло внимание то, что компания ценит качество верстки, стандартизацию и работу в команде. Я всегда придерживаюсь best practices, уверен в семантической верстке, accessibility и pixel perfect подходе. Имею опыт интеграции верстки в шаблоны различных CMS и фреймворков, а также работы с дизайнами из Figma.
Почему я подхожу:
Имею реальный опыт работы с проектами от лендингов до сложных UI.
Умею оптимизировать верстку для быстрого загрузки и SEO.
…
Регулярно использую Flexbox, Grid, BEM, SCSS/SASS, работал с Tailwind.
Коммуникабельный, привык работать в команде с дизайнерами, разработчиками и менеджерами.
Готов брать ответственность за качество верстки и уверенно чувствовать себя на проектах, где HTML/CSS — ключевая часть.
-
548 2 0 Привет ✌️
Заинтересован в вашем проекте.
Буду рад вложить свой опыт и усилия для его успешной реализации.
С нетерпением жду вашего решения.
-
134 Добрый день!
Заинтересована в вашем проекте и готова реализовать задание ответственно и вовремя.
С меня:
-Качественная, адаптивная, семантическая, валидная HTML5 + SCSS/CSS верстка
-Подключение и тестирование в существующей PHP-структуре сайта
-Тестирование кроссбраузерности: Chrome, Firefox, Safari
-Оптимизация изображений и шрифтов для быстрого загрузки
-Именование классов по BEM или вашему стандарту
… -Pull Request в GitHub, или архив с готовыми файлами
-
342 4 0 Добрый день срок до 2 дней, ставка в час 500 грн. В работу входит использование препроцессора стилей для оптимизации, адаптация под все экраны.
-
183 2 0 Здравствуйте. Сверстаю всё адаптивно, pixel-perfect на чистом css, js. Пишите.
Примеры работ:
https://alerzi.github.io/Fitness/
https://alerzi.github.io/Agency/
https://alerzi.github.io/Construct/
-
377 4 1 Добрый день! Я фронтенд-разработчик начинающий, но несмотря на это выполню работу ответственно и качественно.
Предлагаю адаптивную верстку, эффектную анимацию, чистый и валидный код.
– Выполню качественную HTML/CSS верстку согласно дизайну, с учетом всех деталей макета
– Обеспечу корректное отображение в современных браузерах (Chrome, Firefox, Safari)
– Интегрирую сверстанный блок в существующую структуру сайта на PHP-шаблонизаторе (без хедера и футера)
– Готов работать через Pull Request в вашем репозитории на GitHub
… Имею опыт подобных проектов и заинтересован в долгосрочном сотрудничестве для верстки следующих страниц. Готов начать немедленно.
Буду рад обсудить детали!
-
2348 30 0 🌟 Привет! Я готов взяться за ваше задание и предоставить необходимую техническую поддержку. Буду рад обсудить детали сотрудничества и начать работу.
🏆 Портфолио:Freelancehunt
Я рад видеть вас среди своих клиентов как сейчас, так и в будущем.
Мои навыки:
* WordPress (Elementor, WooCommerce, Divi и т.д.)
* LESS, SASS, SCSS, JavaScript, PHP, MySQL
… * Figma, Photoshop, Illustrator
* GIT
-
3318 70 1 Готов выполнить качественную, кроссбраузерную, адаптивную, семантическую верстку.
Результат готов сделать согласно "Идеального варианта"
-
34924 35 0 Добрый день! Готов к сотрудничеству!
Имею 10 лет опыта (Украина, Германия, Швеция) - PHP, WordPress, Laravel.
Обращайтесь!
-
237 Привет!
Готов взяться за верстку вашего сайта.
Имею опыт создания адаптивных интерфейсов с точной переноской дизайна из Figma — как для мобильных устройств, так и для десктопов.
Верстаю на чистом HTML, CSS и JavaScript (или jQuery) без лишних библиотек — это обеспечивает легкость, скорость работы и простоту поддержки.
Особое внимание уделю адаптивности: мобильная версия будет корректно масштабироваться и выглядеть гармонично на любых экранах.
… Готов обсудить сроки и приступить к работе сразу после утверждения технического задания.
Буду рад сотрудничеству!
-
448 4 0 Добрый день!
Заинтересовала Ваше предложение, и с радостью готов сотрудничать!
Предлагаю качественную адаптивную верстку с необходимым функционалом. Пишу чистый, валидный код, который соответствует современным стандартам. Гарантирую, что сайт будет оптимизирован и иметь надлежащую производительность.
Также предлагаю дальнейшую поддержку и консультации после завершения проекта. Всегда на связи для любых вопросов!
Ознакомиться с примерами моих работ можно по ссылке:Freelancehunt
…
С нетерпением жду вашего ответа!
-
475 2 0 Привет! Готов обсудить и выполнить ваш заказ.
https://smate1.github.io/ink.design/
https://smate1.github.io/PanterEx/
https://smate1.github.io/stay_safe/
https://smate1.github.io/avg/
-
8103 38 0 1 Подключу блоки, поработаю через гит, немного знаю пхп, пишу темы на вп, верстаю, спасибо
-
5526 78 1 1 Добрый вечер, просмотрел макет и ТЗ.
Верстаю с использованием ваших существующих классов и упакую файлы с соответствующей структурой из ТЗ.
Опыт работы более 10 лет, поэтому сделаю качественно.
Обращайтесь, результатом будете довольны!
-
2152 12 0 👋 Привет! Я фронтенд-разработчик с 4+ годами опыта.
Предлагаю адаптивную верстку, эффектную анимацию, чистый и валидный код.
🛠 Работаю с:
HTML5, CSS, SCSS, Sass, TailwindCSS, Bootstrap, JS, Vue 2/3, Nuxt 2/3
Swiper, GSAP, Lenis, Masonry, Fancybox, Choices, AOS, noUiSlider, Simple Parallax и др.
📂 Портфолио: https://vasyltsiutsyk.github.io/vasyl-tsiutsyk/
… Всегда на связи. Готов к качественной реализации вашего проекта!
-
2718 35 0 Привет! Готов начать прямо сейчас.
Разрабатываю сайты для бизнеса, быстро и качественно.
Напишите, и мы обсудим все детали!
-
450 3 0 Привет. Выглядит довольно просто, могу взяться за работу уже сегодня, и сдам готовый результат сегодня-завтра.
Имею большой опыт в разработке, от простых сайтов до сложных веб-платформ с разными фреймворками, а также на чистом html/css/js. Если интересно подробнее о опыте, расскажу в сообщениях.
Быстро подстроюсь под проект и сделаю merge через git для максимального удобства
-
2656 40 0 Привет. Сделаю. Пишите, буду рада сотрудничеству
Привет. Сделаю. Пишите, буду рада сотрудничеству
-
685 2 0 Привет! Готов сверстать страницу по макету из Figma с полной адаптивностью, интегрировать в существующую PHP-структуру сайта (без хедера/футера) и проверить кроссбраузерность. Могу предоставить результат в виде pull request или архива — как удобно. Заинтересован в дальнейшем сотрудничестве над другими страницами.
-
529 3 0 Добрый день!
Я ознакомился с задачей по верстке страницы и готов приступить к качественному выполнению!
Вот несколько моих последних работ:
https://dimaakushnir.github.io/adspace-sitemap/adspace.html
https://dimaakushnir.github.io/Ama-Invest/ama-invest.html
https://dimaakushnir.github.io/Smachno/
https://dimaakushnir.github.io/Elegant/elegant.html
https://dimaakushnir.github.io/payglobal/
-
3397 44 0 Привет!У меня есть опыт в верстке. Сделаю качественно.
Сайт будет: в зеленой зоне по Google PageSpeed 🌱, валидный ✅, кроссбраузерный последних версий 🌍, адаптивный 📱, оптимизированный и сжатый ⚡.
Мои работы
https://dashanchik19.github.io/EasySmile/ - многостраничный
https://dashanchik19.github.io/FORTISMAN/ - многостраничный
https://dashanchik19.github.io/POLYEX/ – многостраничный
https://dashanchik19.github.io/Eco-products/ – многостраничный
… https://dashanchik19.github.io/Logos-school-ENGLISH/ - лендинг
-
506 6 1 Привет, Влад!
У меня есть коммерческий опыт в верстке около 10 лет.
Пишу валидный, чистый код. Примеры работ можно посмотреть в портфолио.
Готов выполнить верстку для вас.
На выходе вы получите: качественный, кроссбраузерный, адаптивный (под разные гаджеты - телефоны, планшеты) код.
Пишите, пожалуйста, в личные сообщения для обсуждения деталей сотрудничества.
Актуальные фриланс-проекты в категории HTML и CSS верстка
Обновление плагинов и тем WP сайт putevka.uz«Нужно провести технический аудит WordPress-сайта, проверить актуальность, безопасность и совместимость установленных плагинов и темы. По результатам — предложить легальные варианты обновления, замены устаревших решений или перехода на официально доступные аналоги. Платные… HTML и CSS верстка, PHP ∙ 3 часа 55 минут назад ∙ 27 ставок |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 18 часов 57 минут назад ∙ 23 ставки |
Настройка интернет-магазина тканей на WordPress + WooCommerce по шаблону Astra
14 790 UAH
Необходимо настроить и подготовить к работе интернет-магазин мебельных тканей для рынка Норвегии. Домен, хостинг и WordPress уже установлены: eximtextilnordiq.com Сайт нужно сделать не с нуля и без индивидуального программирования, а на готовом бесплатном шаблоне Astra,… CMS, HTML и CSS верстка ∙ 23 часа 50 минут назад ∙ 58 ставок |
Сайт реберня-піцеріяКлиентская часть — динамическое меню с Firebase, категории с вкладками, карточки блюд с фото и ценами, поддержка двух размеров (пицца 30/40 см), адаптивный мобильный дизайн, боковое меню с контактами и локацией. Админ-панель — авторизация, управление категориями и блюдами… HTML и CSS верстка ∙ 1 день 3 часа назад ∙ 79 ставок |
Необходимо сделать доработку на сайте Modx Evolution CMS 3.1.7
1000 UAH
Разрабатывается доработка дизайна и верстка сайта, нужно будет внедрить эти работы на сайт. Также внедрить некоторые доработки на сайте. HTML и CSS верстка, PHP ∙ 1 день 4 часа назад ∙ 25 ставок |