Разместите свой проект бесплатно и начните получать предложения от фрилансеров-исполнителей уже спустя минуты после публикации!
1 000 ₴

Wordpress|Сверстать блок по макетам

проект завершен


Прошу оценить стоимость и сроки.

Сайт:
url: "https://havanagym-mirror.dev-yaa2.bl3.ru"
username: "w"
password: "w"
Движок:
Wordpress

Задание:

Требуется сверстать адаптивно блок на главной странице согласно макетам десктоп и мобильной версий
https://up.bl3.ru/b/8/l/maket-desktop.B8LNjnfhqmSzD1muqmMHJM.png
https://up.bl3.ru/u/a/h/maket-mobile.UahvTR7v8wihYbxRvN5PAN.png
Исходники:
https://up.bl3.ru/x/n/m/Блок%20О%20НАС.XnMP2z2EXtoMbmc14ESyAk.zip

Подробнее:

1.
Десктоп версия блока должна выглядеть как на макете.
https://up.bl3.ru/b/8/l/maket-desktop.B8LNjnfhqmSzD1muqmMHJM.png

1.1.
Понадобится отойти от макета и сдвинуть край текста как показано на рисунке:
https://up.bl3.ru/k/2/o/maket-desktop-2.K2oPcibxojKbU2igy8N67W.png
и в случае чего вернуть обратно.

2.
Версия блока для мобильных устройств должна выглядеть как на макете
https://up.bl3.ru/u/a/h/maket-mobile.UahvTR7v8wihYbxRvN5PAN.png

2.1.
Блок должен адаптироваться под разрешение мобильного устройства и не "разъезжаться" при изменении разрешения (в рамках максимальной границы ширины экрана устройства, считающегося мобильным). Т.е. не должно быть такого что при ширине 320px всё хорошо, а при 414px вёрстка разваливается.

3.
Работы ведутся на тестовом сервере, после того как всё готово, нужно будет перенести сделанное на основной сайт.

Особенности:
A.
КРОССБРАУЗЕРНОСТЬ.
Результаты работ должны одинаково выглядеть в основных браузерах: Firefox, Chrome, Safari.

B.
АДАПТИВНАЯ ВЁРСТКА.
Сайт использует адаптивную вёрстку, необходимо чтобы после выполнения задач, в мобильной версии всё было читабельно и никуда не съезжало.
Устройство посетителя считается мобильным в случаях когда:
Ширина экрана браузера менее 700px (если CSS-правилами сайта не определено иное).
User-Agent браузера позволяет определить что устройство мобильное.
Вышеуказанные условия должны реагировать на resize окна браузера (мобильные элементы после ресайза должны быть такими же как после полной перезагрузки с изначально мобильным разрешением).

Размеры элементов адаптивной версии должны растягиваться в зависимости от размера экрана браузера, и по ширине и высоте, сохраняя макетные пропорции.

C.
ПОЯСНЕНИЕ ПО АДАПТИВНОЙ ВЁРСТКЕ.
Адаптивность вёрстки мобильного варианта подразумевает, что не существует какого-то отдельного html-кода для мобильной верстки, дублирующего десктопные элементы. Вместо этого, один единственный вариант вёрстки, в зависимости от размера экрана, отображается как десктопный, либо как адаптивный вариант.

E.
МИНИМУМ JAVASCRIPT.
Задачи должны быть выполнены с минимально возможным применением javascript. Если какие-то задачи могут быть решены средствами PHP/HTML/CSS, то они должны быть решены с помощью PHP/HTML/CSS.

G.
Выполнение данной задачи не должно сломать какой-либо другой функционал. Если в процессе работы вы что-то сломаете, то исправление поломки осуществляется вами безвозмездно.

H.
Результат задачи должен быть представлен в том конечном виде, который описан в ТЗ. Варианты "оно в принципе готово, просто зайдите туда-то, нажмите то-то, затем ещё туда и туда и вот сюда" крайне не приветствуются. Если после выполнения работ нужно обновить кэш сайта - обновите. Если нужно будет обновить кэш браузера - измените html-код таким образом, чтобы файл сам обновился либо смените режим кэширования для этого файла. Закладывайте это дополнительно в стоимость задачи.

I.
НИКАКОГО ДЕБАГА НА ПРОДАКШЕНЕ
На продакшене не должно появляться никаких заглушек и прочего. В случаях острой необходимости произвести дебаг именно на продакшене, выводите дамп внутрь HTML-комментария, либо оборачивайте в <?php if($_SERVER['REMOTE_ADDR'] == 'ВАШ-IP-АДРЕС') { ?>.

J.
ТЕСТОВЫЙ СЕРВЕР
Работы ведутся на тестовом сервере, после того как всё готово, нужно будет перенести сделанное на основной сайт.

Пожалуйста оцените стоимость и сроки выполнения.


Отзыв заказчика о сотрудничестве с Павлом Седым

Качество
Профессионализм
Стоимость
Контактность
Сроки

Проект выполнен, всё замечательно.

Отзыв фрилансера о сотрудничестве с Максимом Жуковым

Оплата
Постановка задачи
Четкость требований
Контактность

Отличный заказчик, задание очень грамотно расписано + адекватность требований. Всем рекомендую к сотрудничеству.

Павел Павел Седой | Сейф Сейф



  1. 1 день3 500 ₽
    Mergen
    Mergen Tundinov
    227   

    Приветствую! Я опытный верстальщик! Умею читать ТЗ и задавать по ним вопросы, уточнять для достижения необходимого результата. Умею правильно писать лаконичный html, css, js код и правильно размещать (каталогизировать) минимальное количество файлов в шаблоне. О себе могу сказать, что я ответственный вежливый, стрессоустойчивый и всегда обращаю внимания к деталям.
    Конечно же разбираюсь в bootstrap и grid верстке(только вчера закончил работу по гридверстке), обязательно всегда проверяю верстку на кроссбраузерность и адаптивность(я жуткий перфекционист, люблю когда все идеально), умею работать с fool page css js и dark theme css js.
    Знание языков: HTML, CSS (SCSS, SASS), JS - +
    Фреймворк: Bootstrap +
    Опыт верстки в команде – от 5 лет - не пять лет, а 3 года точно
    Адаптивная responsive верстка, под разные разрешения (планшеты и телефоны на базе Android и iOS) - +
    Кросс браузерная верстка – любое устройство, любой браузер IE и Edge в том числе - +++
    Буду ждать от вас ответа.

    Россия Горно-Алтайск | 13 января в 15:31 |
  2. ставка скрыта фрилансером
  3. 2 дня1 500 ₽
    Владислав
    Владислав Махов
    2978   проверен    53  2

    Здравствуйте.
    Сверстаю блок адаптивно, качественно и с посадкой.

    Мои последние работы на WordPress:
    https://gypsumpro.com.ua/
    http://rent-lesov.ru/
    https://mtiit.com/
    http://silver.cometa.agency/

    Украина Донецк | 13 января в 15:32 |
  4. 1 день3 000 ₽
    Максим
    Максим Столлман
    493     5  0

    Здравствуйте, готов взяться за проект.
    Опыт работы Frontend разработчика и QA более 7 лет.
    Разбираюсь в UI/UX дизайне.
    Основные навыки:
    HTML/HTML5, CSS/CSS3, JavaScript, Jquery, популярные CMS и Framework, Vue.js.
    Адаптивная, кроссбраузерная и валидная верстка. Оптимизирую сайты под все устройства, исправляю баги и не доработки сайтов.

    Для связи:
    Telegramm: @ GitDevelopment

    Украина Одесса | 13 января в 15:42 |
  5. 1 день1 400 ₴
    Niki
    Niki Simple
    293   

    готов сделать 1400 руб, 1 день
    оплата после проверки на вебмани

    Украина Житомир | 13 января в 16:00 |
  6. 1 день1 200 ₴
    Vitalii
    Vitalii Kulii
    5304     174  0   2

    Здравствуйте. Готов работать, есть большой опыт работы на Wordpress. Обращайтесь

    Украина Львов | 13 января в 16:11 |
  7. 1 день700 ₴
    Никита
    Никита Приходько
    3129     152  1   1

    Добрый вечер, Максим. Давайте обсудим детали, с удовольствие помогу вам. Обращайтесь в личные сообщения.

    Украина Харьков | 13 января в 16:38 |