Верстка страницы по дизайну
Есть дизайн страницы во всех размерах.
При проверке будет проводиться тестирование на google page speed, верстка должна быть в зеленой зоне.
Есть описание для дизайнера, его можно посмотреть в документе - тык.
Также есть ТЗ для верстальщика, в нем расписаны нюансы по каждому блоку, также описаны общие требования к верстке - тык.
Перед приемом работы будет проводиться код ревью.
Если взять треугольник цена-время-качество, то в данном проекте времени много и больше внимания будет уделяться качеству.
В ставке пишите следующее:
- цену и сроки
- технологии на которых верстаете
- описание процесса верстки
- ссылка на код, например в github
Ставки без этой информации будут автоматически отклоняться.
Если есть вопросы - пишите в "обсуждениях", на все вопросы отвечу.
Приложения 1
Отзыв заказчика о сотрудничестве с Ігорем Виноградним
Верстка страницы по дизайнуРаботы были выполнены вовремя и в полном объеме.
Рад сотрудничеству, надеюсь на плодотворную работу в будущем также.
Отзыв фрилансера о сотрудничестве с Oleksandr Ganskyi
Верстка страницы по дизайнуОтличный заказчик, приятно работать.
Четкое ТЗ, всегда на связи.
Спасибо за сотрудничество и доверие.
Рекомендую к сотрудничеству.
-
599 4 0 Здравствуйте!
Я ознакомился с ТЗ и готов выполнить качественно и в сроки.
Время и стоимость окончательные.
-
919 5 0 Привет! Я Константин - фронтенд разработчик с 2 годами коммерческого опыта.
Пример моих работ можно посмотреть у меня в профиле.
Стек: Next.js, React (по желанию), Typescript, TailwindCSS
Сделаю всё быстро и качественно!
-
5873 93 0 1 Здравствуйте, Александр!
Я ознакомилась с заданием кроссбраузерной, адаптивной и чистой верстки сайта и готова приступить к качественному выполнению.
Стоимость выполнения: 7000 гривен
Срок выполнения: 4-5 дней
При разработке использую сборку Gulp+Webpack, SCSS для оптимизации шрифтов, изображений и т.д. Предпочитаю надежность, качество и отзывчивость верстки.
Этапы работы: ознакомление с макетом и ТЗ, далее внесение общих стилей для страницы, базовых цветов и шрифтов, верстка общих элементов (кнопки, ссылки, заголовки и т.д.), далее HTML для блока → стили для блока → JS, если нужен, и так для каждого блока, проверка на адаптацию каждого блока. После выполнения всего объема работы проверка выполненного на валидаторе, Google PageSpeed и в различных браузерах. В конце загрузка на хостинг для проверки у заказчика, внесение правок и отправка конечных файлов.
…
Работаю за предоплатой или безопасной сделкой.
Примеры работ:
https://valeriiazhubrieva.github.io/gta/
https://valeriiazhubrieva.github.io/play-like-mum/
https://valeriiazhubrieva.github.io/zamops/
https://valeriiazhubrieva.github.io/vposteli/
https://valeriiazhubrieva.github.io/domyessayfor/
https://valeriiazhubrieva.github.io/eco-washing/
После полностью сданной работы исправления в течение 7 дней бесплатные.
Хорошего дня, жду ответа от Вас!
Способы оплаты через безопасную сделку, оплата на карту укр.банка
-
235 Вітаю! Ознайомився з ТЗ і готовий приступити до виконання вже сьогодні.
1. 7 днів / 4000 грн.
2. Верстатиму, використовуючи HTML, SCSS, мінімальний JS, GULP для фінальної збірки та оптимізації коду. BEM методологія буде присутня для зручності читання коду, але кількість вкладень буде мінімальна, тільки саме найнеобхідніше. Усі зображення будуть адаптовані через picture та стиснуті до webp для швидкості завантаження. Тегу section не буде, як вказано в ТЗ. Усі іконки будуть зібрані в папку та вставлені через стилі. Pixel perfect, максимальне дотримання макету та гнучкий адаптив гарантую.
3.1 Ознайомлення з макетом та ТЗ
3.2 Підключення та налаштування основних параметрів сторінки
3.3 Верстка кожного блоку по черзі, одразу з адаптивом та перевіркою на чистоту коду для максимальної чистоти коду та уникнення помилок
3.4 Збірка фінального проєкту, перевірка на валідаторах, перевірка швидкості завантаження
3.5 Здача проєкту замовнику
4. Посилання на код https://github.com/waleGGGGG/portfolio/tree/main/dist
… Посилання на проєкт у готовому вигляді https://waleggggg.github.io/portfolio/dist/
Також є усе необхідне обладнання для роботи під час вимкнень електроенергії.
Буду радий співпраці!
-
3963 60 0 Здравствуйте! Меня заинтересовало ваше предложение, я очень заинтересован в сотрудничестве)
С моей стороны предлагаю качественную и чистую верстку с полной адаптивностью, при необходимости добавления анимаций.
Всегда делаю чистый и валидный код, независимо от сложности, который проходит любую проверку.
Все сайты проверяю на Google Page Speed, всегда в зеленой зоне, что положительно влияет на SEO-продвижение.
1.9000грн - цена и сроки 7 дней
2. технологии
HTML( наименование классов по методологии БЭМ),
CSS(SASS в синтаксисе SCSS, на выходе CSS, и минимизированный CSS).
самописный чистый JavaScript
… 3. описание процесса
- получаю макет,
- приступаю к работе,
- отдаю на проверку,
- при необходимости вносим изменения,
- закрываем проект
4. код можно увидеть, просмотрев некоторые из работ в моем портфолио (при необходимости предоставлю ссылку на github)
Freelancehunt
Спасибо за внимание, хорошего времени суток)
-
1783 25 0 1 Здравствуйте, Александр!
Я ознакомился с заданием (нужно сверстать адаптивную страницу) и готов начать качественное выполнение прямо сейчас!
- Верстаю только на чистом html, css и js (без bootstrap и jQuery)
- Flexbox / Grid Layout
- Верстаю с помощью моей сборки gulp, чтобы оптимизировать код и изображения
Стоимость выполнения: 2000 грн
Срок выполнения: 4 дня
… Работаю без предоплаты!
Ссылки на код моих проектов:
https://github.com/uslugi-bti/date-organization
https://github.com/uslugi-bti/pashkova
https://github.com/uslugi-bti/web-dev
https://github.com/uslugi-bti/rhea
Почему нужно выбрать именно меня?
Со мной вы сэкономите время, деньги и нервы, но при этом получите максимально качественную работу!
Гарантия:
Гарантия на работу пожизненная! Все исправления, входящие в рамки ТЗ, сделаю в любое время!
-
481 6 0 Добрый день, Александр, готов выполнить верстку лендинга, согласно макету, верстаю чистым кодом на html, css, scss, с добавлением js функционала, верстаю адаптивно, кроссбраузерно, валидно, с соблюдением BEM методологии
Примеры моих работ по верстке
https://vitalik-13.github.io/my-portfolio/
Для более детального обсуждения пишите в приват
-
3346 44 0 Привет! 👋 Готова качественно и быстро сверстать ваш сайт с соблюдением всех современных методов верстки. Обеспечу:
✔️ Чистый код.
✔️ Кроссбраузерность.
✔️ Адаптивность.
✔️ Быстрая загрузка страницы.
📌 Могу сверстать для вас главный экран, чтобы вы смогли оценить качество моей работы.
Технологии, которые я буду использовать: HTML5, SASS/SCSS, JS, BEM.
… Также, при необходимости, могу использовать GULP для минимизации и оптимизации.
Ставлю срок в 7 дней, но постараюсь справиться быстрее.
Готова начать выполнение сразу.
Буду рада сотрудничеству! 💻
1) https://dashanchik19.github.io/CARS-layout/
2) https://dashanchik19.github.io/BlueCollar/
3) https://dashanchik19.github.io/HelloUI/#!
4) https://dashanchik19.github.io/ifasting/
-
770 9 2 Добрый вечер, Александр! Качественно сверстаю дизайн:
- HTML, SCSS, JS (WebPack сборка)
- SEO
- Все эффекты при наведении и реализация изменения картинок при скролле
- SVG прямо в HTML
И со всеми другими требованиями, которые вы предоставили в ТЗ.
Хотелось бы увидеть другие макеты для планшетов и телефонов.
Буду рад с вами сотрудничать!
… Несколько из моих работ:
https://nevmewss.github.io/ciclo/
https://nevmewss.github.io/farmvest/farmvest.html
https://nevmewss.github.io/jadoo/
https://nevmewss.github.io/aster/
https://nevmewss.github.io/dananz/
https://nevmewss.github.io/paytaxi/
https://nevmewss.github.io/idstudio/
-
882 11 0 Александр, привет.
Меня зовут Богдан, и у меня есть большой опыт в качественной верстке сайтов.
Верстаю с технологиями html, css/scss/tailwind, javascript, gsap для анимаций и другие библиотеки в зависимости от того, что нужно добавить.
Процесс верстки простой - прописываю html с методологией БЭМ для классов (если не на tailwind), потом перехожу к прописыванию классов, записываю цвета и брейкпоинты в переменные для удобства в будущем. Затем пишу стили и добавляю js и другие библиотеки при необходимости. И так с каждой секцией и страницей.
Код на github:
https://github.com/B626/Bithotex
https://github.com/B626/SmartDrive (в процессе)
https://github.com/B626/Anna-Kovalenko
… При желании могу показать другие проекты (не все на гитхаб)
Заверстаю ваш сайт примерно за 6 дней.
-
8088 97 0 Здравствуйте. Могу сверстать адаптивный сайт по шаблону в фигме.
Для верстки буду использовать ЧИСТЫЙ html, css и js без а также методологию БЭМ.
Рассматриваете ли верстку без веб пака и scss? Вижу в ТЗ указано использовать, но хочу узнать.
Описание процесса верстки: Получаю дизайн, верстаю, проверяю, отправляю на проверку вам ну и вношу правки, если будут.
Цену и сроки указал в ставке.
Портфолио:Freelancehunt
Сайт: https://portfolio.horiuk.site/
Начать работу могу уже сейчас.
Пишите, буду рад сотрудничать с Вами.
-
1144 39 3 4 Доброго дня!
Буду рад помочь вам с вашим сайтом, обращайтесь, помогу с разработкой.
-
541 2 0 Добрый день. У меня есть опыт веб-разработки 2 года, ознакомилась с ТЗ и готова качественно выполнить задание.
Срок и стоимость: 4 дня 12000 гривен.
Буду использовать для работы HTML, SCSS, JS, Gulp-Webpack, методология БЭМ, верстка будет адаптивной, скорость загрузки страницы гарантирую от 90%.
Описание процесса: оценка разработки макета, настройка шрифтов, палитры цветов, верстка общих повторяющихся частей (кнопок, текстов, отступов), разработка поэтапно блоков, от шапки сайта до подвала. Выполнение работы по расчету должно занять 3-4 дня.
Весь мой код на BitBucket и он недоступен для общего просмотра.
При необходимости выполню интеграцию на Wordpress.
-
285 Могу выполнить на react, а именно next.js Стилизация tailwind css.
По google page speed показатели будут хорошие.
Прикрепляю семплы для проверки.
https://atomuniverse.vercel.app/
https://bird-sigma.vercel.app/
-
721 5 0 Привет, готов приступить с момента утверждения.
С учетом ТЗ предлагаю следующий стек для этого проекта: Gulp (вместо webpack), scss, методология БЭМ, чистый JS, из плагинов только swiper js для слайдера.
Ссылка на гит https://github.com/bonchbrubonch
Предлагаю подход модульной верстки, чтобы однотипные элементы можно было просто продублировать.
Пример крайней работы с приближением к зеленой зоне на сервисе google speed https://uspacy-avi.com.ua
-
8859 179 0 Здравствуйте. Могу сегодня начать выполнение проекта. Стоимость/сроки указаны приблизительные, точнее после ознакомления с полным ТЗ.
Качественная чистая адаптивная верстка с помощью sass+gulp, с валидацией, кроссбраузерностью, настройкой форм. Без бутстрапа (с помощью FlexBox)
Дополнительно возможна посадка верстки на Wordpress, на чистом шаблоне (на основе верстки). Редактирование всего контента с помощью дополнительных полей (плагин ACF PRO) и дополнительных типов постов.
- цену и сроки: 40000грн/10 дней
- технологии, на которые верстаете: sass+gulp, возможно экспортировать в scss, Flexbox / Grid Layout
- описание процесса верстки: верстаю на чистом html (по методологии БЭМ), css и js (можно с jQuery), в результате минимизированный CSS и js
… - ссылки на код, например в github:
https://wow-wedding.com/
https://tpu.ua/
https://halfee.ua/
http://landings.in.ua/Yelliko/
https://hokkaido-club.ua/
https://bar-wedding.com/
https://asterio.design/
https://alumsistem.com/
https://bobo.ua/
https://sambir.ua/
https://psg-ua.com/
Работы в портфолио профиля. По необходимости предоставлю более полное портфолио.
Обращайтесь
-
3001 42 0 1 Здравствуйте.
Если реализую на вордпресс элементор ?
Это будет только 1 страница лендинга или еще будут страницы ?
-
203 1 0 Здравствуйте!
Мой стек html5 css3 JS(ES6)
Семантичная+адаптивная верстка по последним стандартам w3c
Опыт верстки - 10 лет
Есть портфолио если над предоставлю
Готов взяться прям сейчас
Последние работы
https://www.joinpogo.com/
https://carprice.ru/
… https://www.mauget.ru/
-
25 Привет!
Я Юрий, фронтенд-разработчик. Я очень заинтересован в вашем проекте. Уверен, что могу помочь вам его реализовать.
- 4000 / 7 дней
- верстаю по методологии БЭМ, использую препроцессор scss и чистый JS.
- процесс верстки. Сначала анализ макета, далее подключение шрифтов, верстка шапки, футера и далее по-секционно. После верстки каждого блока сразу делаю его адаптивным.
- последние работы:
https://yyyurii.github.io/Dior/
https://yyyurii.github.io/Lease-cars/index.html
…
Давайте обсудим детали проекта и найдем лучшее решение для вас!
Спасибо за рассмотрение моей заявки.
-
1705 18 0 Привет 👋🏻
Я создаю сайты с адаптивом, которые отлично отображаются на всех устройствах.
Пишу на чистом коде html/css(scss)/js(jquery)
Делаю на Wordpress + elementor (pro)
Также верстаю email-рассылки
🎨 Мое портфолио dimafomaa,online
Видео работы:
… https://youtu.be/OWQMK5JiSjs?si=fL-VIjyslDZVmDXW
Некоторые из работ для быстрого просмотра:
https://www.garagebarbershop.net.ua
https://natalibordeisalon.com
https://brocarautoservis.cz
https://fixtubfast.com
https://ecoclean.ua/
https://rudenkocenter.online/
-
88 Я готов быстро и качественно сверстать ваш проект. Предлагаю:
- Чистую и оптимизированную верстку с использованием CSS и JS. 💻 добавлю jquery куда же без него 😀
- Добавление адаптивности с помощью CSS media queries – ваш сайт будет отлично выглядеть как на десктопе, так и на мобильных устройствах. 📱
- Работу на современном билдере Vite, который обеспечивает скорость разработки и дальнейшего использования. 🛠️
- Использование SCSS для удобства и эффективности в стилях. 🎨
- Пиксель-перфект десктоп как базу, после чего создам адаптив под разные разрешения экранов. 📐
Вот пример моей работы, чтобы вы могли убедиться в качестве: https://github.com/k-boop/astra_nuvo
…
Жду ваши детали и готов начать работу уже сейчас! ⌛
-
2487 49 1 Здравствуйте. Сделаю адаптивную, кроссбраузерную вёрстку чистым, валидным кодом с анимацией (если нужно). Пишите, не дорого, быстро и качественно!
-
968 10 1 Здравствуйте. Ознакомился с Вашим техническим заданием.
Смогу помочь с реализацией Вашего проекта.
1. Чистый код с использованием препроцессора SCSS
2. Адаптивная верстка
3. Использование методологии BEM
4. Проект будет подключен к репозиторию GitHub, для возможности наблюдения за ходом работы
-
1405 10 0 Добрый день. Есть опыт в дизайне, верстке и WordPress. Все проекты здесь (https://github.com/divinebang). Мы можем обсудить все шаги. Готов начать работу, как только уладим детали.
-
710 1 0 Здравствуйте!
Я готова приступить к выполнению вашего заказа! В портфолио можно ознакомиться с моими проектами, чтобы увидеть стиль и подход к дизайну и разработке сайтов. Буду рада обсудить детали и начать сотрудничество с вами! Мое портфолио:Freelancehunt
Behance
-
414 3 0 Для лендинга лучше использовать фреймворк Astro + Preact (Islands), для данного проекта сложного SPA-функционала не потребуется. Для стилей SCSS-modules. Использование js по минимуму. Код будет находиться в приватном репозитории на гитхаб. Гарантирую высокие метрики по доступности, производительности веб-сайта и правильности семантики + json-ld схем.
Сроки - 7 дней.
Цена - 14500
-
486 3 0 Привет! Спасибо за возможность участвовать в этом проекте. Я просмотрел требования и готов взяться за реализацию качественной, оптимизированной верстки.
Технологии, которые буду использовать:
HTML5, CSS3, JavaScript (ES6+), Bootstrap, Vite для сборки проекта вместо Webpack(или делать вообще их?)
Процесс выполнения:
Создам адаптивную, семантическую верстку, оптимизирую для Google PageSpeed, протестирую кроссбраузерность и добавлю код в GitHub.
Github: https://github.com/k-jdev
-
2238 24 0 Привет!
Готов выполнить верстку вашего сайта.
Цена/срок: 5500 грн/7 дней.
Результатом будет чистый HTML/CSS/JS код без использования сторонних громоздких библиотек. Верстаю по методологии BEM с полной адаптацией и кроссбраузерностью, соблюдая все современные технологии. Использую SCSS, собираю все с помощью Webpack.
Процесс верстки, если коротко. Ознакомлюсь с макетом. Подключаю шрифты, иконочный шрифт по необходимости. Делаю базовые настройки. Начинаю с хедера, потом футер. Затем поочередно все блоки от hero до низа. Адаптив делаю при разработке блока. Когда верстка закончена, добавляю по необходимости анимации. Проверяю все, тестирую, еще раз проверяю, загружаю на сервер. Даю заказчику на просмотр. Вношу правки. Профит
https://github.com/sanyok185.
Мои последние работы:
… https://nota-bene.vercel.app/home.html - multipage
https://s-iteost.vercel.app/index.html - multipage
https://sanyok185.github.io/Top-10/home.html - multipage
-
1695 28 1 1 Добрый вечер!
Я ознакомился и с макетом, и с требованиями. Реализую качественную, надежную, адаптивную, кроссбраузерную верстку. Пишу чистый, валидный, легко читаемый код по БЭМ. В работе использую html, css, js, а также сборку на базе gulp/webpack, которая объединяет все стили в один файл, а также скрипты в один файл и пропускает через минификатор. Картинки будут в современном формате. Сделаю описанные анимации.
Могу сразу после согласования приступить к выполнению работы.
Ссылка на github - https://github.com/PashaDahulych
Примеры моих работ:
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
-
Вітаю. В документації опис дизайну у Вас відсутній доступ до елементів дизайну, що стосується svg.
Відкрийте будь-ласка
-
ссылка на макет то где?
-
Питання, уточнення
1. «Разом зі сторінкою необхідно підготувати зверстаний UI kit з використанням готових стилів». Що саме мається на увазі зверстати її чи, що?
2. Картинки повинні бути оптимізовані через <picture></picture>. Це обов’язкова вимога
3. Необхідно уникнути верстки через section. Чому? Це ж семантичний тег
4. Блок послуг де текст має прокручуватись – по представленному скріну макету в блок входить 2 розділи, чи більше? Бо бачу в док Опис дизайну говориться про: розробка інформаційних сайтів, розробка CRM, розробка ERP, розробка інтернет магазинів, розробка чат ботів
5. В Header передбачено елемент меню кейси з підменю. Але в описі про нього нічого не сказано. Відповідний блок теж повинен прокручуватись?
6. Header переключалки мов (українська, англійська) – потрібно зверстати дві версії сторінки, а саме українську та англійську
7. Блок зі статистикою «Кнопка повинна при наведенні показувати стрілочку» - це має на увазі як відображення додаткового елементу при Hiver
8. При висористанні іконок у форматі svg допускається створення іконочного шрифту з елементів svg -
Актуальные фриланс-проекты в категории HTML и CSS верстка
Верстка та посадка на WordPress сайту будівельної компанії (Premium-сегмент) з акцентом на SEOОписание проекта: Ищем опытного WordPress-разработчика для верстки и посадки готового дизайн-макета из Figma на CMS WordPress. Важный контекст проекта: Это не разработка сайта с нуля. Компания имеет действующий сайт, мы обновляем структуру и дизайн. Нам необходимо реализовать… HTML и CSS верстка, Веб-программирование ∙ 39 минут назад ∙ 24 ставки |
Перенос сайта с OpenCart на платформу ХорошопДобрый день. Есть сайт на OpenCart, интернет-магазин. Нужно перенести структуру сайта на платформу Хорошоп, подобрать дизайн для нового сайта и сделать его полноценно работающим. HTML и CSS верстка, Веб-программирование ∙ 21 час 17 минут назад ∙ 26 ставок |
Нужен сильный специалист по WordPress / WooCommerce для доработки сайта MARSPROИщем ответственного фрилансера или небольшую команду для качественного завершения и технической доработки сайта компании MARSPRO. Сайт уже работает, но после предыдущего разработчика осталось много мелких и важных технических проблем. Нам нужен человек, который сможет не просто… CMS, HTML и CSS верстка ∙ 1 день 21 час назад ∙ 44 ставки |
Sandra Ice Cream - Kaleidoscop
4132 UAH
У нас есть небольшой проект, и мы хотели бы узнать, сможете ли Вы подготовить для нас видеоролик для LED-экрана. Видео будет использоваться на нашем мероприятии. Мы предоставим все необходимые материалы: дизайн, брендбук, размеры и технические требования. Пожалуйста, сообщите,… HTML и CSS верстка ∙ 1 день 23 часа назад ∙ 7 ставок |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 2 дня 5 часов назад ∙ 26 ставок |